织梦CMS - 轻松建站从此开始!

我的网站

网页设计中多元素是如何做到统一一致(3)

时间:2017-03-29 10:28来源:网络 作者:未知 点击:
5、布局统一 布局的统一主要是说网页当中一些布局设置要统一,不要这个导航进去的侧边栏在左边,下一个导航进去侧边栏在右边,这样的界面会让人摸

5、布局统一

布局的统一主要是说网页当中一些布局设置要统一,不要这个导航进去的侧边栏在左边,下一个导航进去侧边栏在右边,这样的界面会让人摸不着头脑,用户需要重新去适应新的界面布局。

顶部导航和Logo的位置是否一致?行间距、文字与图像的间距是否一致?这些都体现了一个网站在细节上的考虑。有些网页在设计上我们可能很难发现有多好,但是如果一些细节做得不够好,却很容易让人觉得在使用上不舒服。所以在布局上建议统一一致,设计者可以在写样式布局的时候统一设置。相同类型的操作应该有相似的结果反馈,相同的功能界面也应该有类似的布局样式。

6、视觉元素统一

这里的视觉元素包括网页当中各种元素的尺寸、大小和颜色。这些元素可以是按钮、图标、动画等,在网站设计时也要考虑不同页面之间的一致性,尽管功能不同,但是要大体上(可以略有变通)保持不同页面之间视觉风格的一致。

edeb58d217c2a801219c773a4c69.jpg

MINGO这个食品网站从界面的标题颜色、按钮大小颜色、文字大小什么的都做了协调统一,界面元素虽然多,但不凌乱,反而一些细节的统一处理让界面更活泼。

7、交互统一

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

e89958d217daa801219c779ef8f6.jpg

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

在视觉、交互方式和操作结果上保持一致。减少用户使用成本,也能让用户感到亲切感,体会到产品设计上的严谨性。统一协调其实在网页当中也比较重要,它可以让对比强烈或是突兀的一个界面变得比较舒服和柔和,降低用户心里的不舒服感,拉近用户之间的距离感和亲切感。

(责任编辑:RGB)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容