网页设计的视觉统一性原则,视觉统一需要统一什么
统一协调其实在网页当中也比较重要,它可以让对比强烈或是突兀的一个界面变得比较舒服和柔和,降低用户心里的不舒服感,拉近用户之间的距离感和亲切感。下面网我告诉您网页设计的视觉统一性原则,视觉统一需要统一什么。
我的微信二维码,如有需求,欢迎扫一扫
1、字体统一
都知道界面当中的字体显示尤为重要,所以字体一定不能让观者觉得乱,一定要做好统一。
字体可以在变化中找统一,不管是字体、字号或是颜色上的统一,切勿为了突出字体而做过多效果,反而削弱文字的可读性。
在一个网站当中,处理字体统一的时候,最好在界面设置的时候统一设置。可以借助一些建站系统去设置,也可以通过写css样式去确定界面的字号,标题和正文的字体大小最好都统一一致,一定要避免首页正文是14px,进入到子页面的时候字体大小就变成16px,这样容易让观者产生一定的不舒服感。
除此,字体的选择上也要统一。现在字库上有很多字体,所以在选用字体的时候最好选用跟网页整体风格相符的字体。
2、布局统一
布局的统一主要是说网页当中一些布局设置要统一,不要这个导航进去的侧边栏在左边,下一个导航进去侧边栏在右边,这样的界面会让人摸不着头脑,用户需要重新去适应新的界面布局。
顶部导航和Logo的位置是否一致?行间距、文字与图像的间距是否一致?这些都体现了一个网站在细节上的考虑。有些网页在设计上我们可能很难发现有多好,但是如果一些细节做得不够好,却很容易让人觉得在使用上不舒服。所以在布局上建议统一一致,设计者可以在写样式布局的时候统一设置。相同类型的操作应该有相似的结果反馈,相同的功能界面也应该有类似的布局样式。
3、视觉元素统一
这里的视觉元素包括网页当中各种元素的尺寸、大小和颜色。这些元素可以是按钮、图标、动画等,在网站设计时也要考虑不同页面之间的一致性,尽管功能不同,但是要大体上保持不同页面之间视觉风格的一致。
MINGO这个食品网站从界面的标题颜色、按钮大小颜色、文字大小什么的都做了协调统一,界面元素虽然多,但不凌乱,反而一些细节的统一处理让界面更活泼。