常识家百科,有趣实用的生活常识!

手机版

有趣实用的生活常识!

当前位置:首页 > 办公百科

网页设计的统一性原则,哪些要素要进行统一

时间:2022-04-01人气:作者: 佚名

网页设计的统一性原则,哪些要素要进行统一

  在视觉、交互方式和操作结果上保持一致。减少用户使用成本,也能让用户感到亲切感,体会到产品设计上的严谨性。 下面小编分析网页设计的统一性原则,哪些要素要进行统一。

  

  1、区块统一

  

  区块的统一主要体现在各个区块的高度大小、边框颜色、标题样式或者是区块的整体样式,当然并非所有统一起来就是好的,要具体情况具体分析。还是上面天猫产品界面,那么多区块,样式边框都做了统一,看起来整齐而有序。下图做了错误的示范,区块的边框做了不一样的颜色处理,这样的区块一起出现在界面当中时就会显得凌乱。

  

  Design3这个网站是小编用蝉知系统做的,用的也是一样的区块处理,看起来会比较简单明了。除此,瀑布流的区块虽然区块高度不像产品区块一样做了高度上的统一,但是在区块的布局和间隙上做了一定的统一效果,使得界面不乱,这样的例子有很多网站,比如花瓣的瀑布流设计。

  

  2、交互统一

  

  交互上的统一也很重要,除了视觉外观上可以一样看到的,”交互”和”行为”上也要下一定的功夫。在各个页面当中的交互性也很重要,且最好保持大致的相同,以免太过凌乱。好比市面上的一些排插上的按钮设计,有些排插上的按钮按下去是开启,有些排插按下去是关闭,这样的交互设计不同一,会让使用者摸不着头脑,使用起来也及其不顺手。生活中都如此,在网页设计当中也是不能忽略交互上的统一,倘若同个界面的同个元素,用户触发这个元素的时候,这个元素给用户两种不同的显示效果,这样只会让用户对这个网站产生距离感。

  

  给大家举个简单的例子,这是常见的网页标签区块,正常鼠标移过会显示主色——橘色,右图我做了一个错误的示例,倘若这个鼠标按钮移过显示橘色且按钮放大,另外一个按钮鼠标移过显示蓝色或绿色、且这个按钮被缩小,这样的交互体验会有点糟糕,视觉上和交互上的不统一会让浏览者使用起来比较难受,也比较突兀难以接受,所以我们都统一视觉元素的同时,交互也要做统一处理。

  

  小编汇聚了数百万专业的移动应用UI设计、软件UI设计、整站网页设计、网站模板设计、网站标志设计、网站广告设计、网站动画设计、网页美工设计等优秀威客人才,只要您在网站发布任务需求,就能够吸引众多威客给您献上最好的创意服务。


标签: 网页设计  原则  标签  技巧