在视觉、交互方式和操作结果上保持一致 。减少用户使用成本,也能让用户感到亲切感,体会到产品设计上的严谨性 。下面小编分析网页设计的统一性原则,哪些要素要进行统一 。
1、区块统一
区块的统一主要体现在各个区块的高度大小、边框颜色、标题样式或者是区块的整体样式,当然并非所有统一起来就是好的,要具体情况具体分析 。还是上面天猫产品界面,那么多区块,样式边框都做了统一,看起来整齐而有序 。下图做了错误的示范,区块的边框做了不一样的颜色处理,这样的区块一起出现在界面当中时就会显得凌乱 。
Design3这个网站是小编用蝉知系统做的,用的也是一样的区块处理,看起来会比较简单明了 。除此,瀑布流的区块虽然区块高度不像产品区块一样做了高度上的统一,但是在区块的布局和间隙上做了一定的统一效果,使得界面不乱,这样的例子有很多网站,比如花瓣的瀑布流设计 。
2、交互统一
交互上的统一也很重要,除了视觉外观上可以一样看到的,”交互”和”行为”上也要下一定的功夫 。在各个页面当中的交互性也很重要,且最好保持大致的相同,以免太过凌乱 。好比市面上的一些排插上的按钮设计,有些排插上的按钮按下去是开启,有些排插按下去是关闭,这样的交互设计不同一,会让使用者摸不着头脑,使用起来也及其不顺手 。生活中都如此,在网页设计当中也是不能忽略交互上的统一,倘若同个界面的同个元素,用户触发这个元素的时候,这个元素给用户两种不同的显示效果,这样只会让用户对这个网站产生距离感 。
给大家举个简单的例子,这是常见的网页标签区块,正常鼠标移过会显示主色——橘色,右图我做了一个错误的示例,倘若这个鼠标按钮移过显示橘色且按钮放大,另外一个按钮鼠标移过显示蓝色或绿色、且这个按钮被缩小,这样的交互体验会有点糟糕,视觉上和交互上的不统一会让浏览者使用起来比较难受,也比较突兀难以接受,所以我们都统一视觉元素的同时,交互也要做统一处理 。
小编汇聚了数百万专业的移动应用UI设计、软件UI设计、整站网页设计、网站模板设计、网站标志设计、网站广告设计、网站动画设计、网页美工设计等优秀威客人才,只要您在网站发布任务需求,就能够吸引众多威客给您献上最好的创意服务 。
【网页设计的统一性原则,哪些要素要进行统一】
推荐阅读
- 七个实用的网页设计技巧!
- 斯皮仁诺胶囊的用法 斯皮仁诺胶囊治什么病
- 氯霉素常见的不良反应有哪些 氯霉素最严重的不良反应是什么
- 甲钻胶注射夜的攻效与作用 甲钻胺注射夜的作用
- 坎贝沙坦和厄贝沙坦的区别 坎地沙坦和厄贝沙坦的区别是什么
- 清利头目的中药有哪些 清利头目的中药有哪些
- 桂花枸杞泡水喝功效 桂花枸杞茶的功效与作用及饮用方法
- 圣约翰草提取物有副作用吗 圣约翰草提取物片的副作用是什么
- 炙草和炙甘草的区别 炙草和炙甘草的区别是什么
- 车前草和蒲公英和荷叶一起泡水喝的作用