海口专业的网页设计培训学校哪个好
来源:海口设计培训学校
时间:2019/8/6 16:52:58
统一原则在网页设计当中的运用
形式美法则是人类在创造美的形式和过程中对美的形式规律的总结概括,世间万物的美都可以用形式美法则来概括。
在平面构成中也有形式美法则:统一和变化,对称和平衡,节奏和韵律,对比和调和。
前面跟大家有分享了对比、留白在网页当中的运用,今天我们继续来分享网页当中那么多元素是如何做到统一一致的。
在视觉上的统一可以体现在:图片,色彩;区块;布局;字体,视觉元素。此外,还有一个交互上的统一。
1.图片统一
图片统一体现在图片大小尺寸上的统一,颜色色系上的统一和图片风格的统一。不管是京东还是天猫淘宝,这些商城在网站上的图片处理就用了这样的统一原则。不一样的场景下对图片的要求也都不一样。
2.色彩统一
色彩统一指的是网页当中色彩色系运用的统一性,这样的统一性可以体现在网页中的整体色系,也可以体现在网页当中所有区块标题的颜色,甚至统一到整个网页界面当中按钮的颜色搭配。一般情况下如果不知道网页定什么色系好,小编给的意见和建议就是跟着你们的logo颜色走。
3.字体统一
都知道界面当中的字体显示尤为重要,所以字体一定不能让观者觉得乱,一定要做好统一。
字体可以在变化中找统一,不管是字体、字号或是颜色上的统一,切勿为了突出字体而做过多效果,反而削弱文字的可读性。除此,字体的选择上也要统一。现在字库上有很多字体,所以在选用字体的时候好选用跟网页整体风格相符的字体。
4.区块统一
区块的统一主要体现在各个区块的高度大小、边框颜色、标题样式或者是区块的整体样式,当然并非所有统一起来就是好的,要具体情况具体分析。还是上面天猫产品界面,那么多区块,样式边框都做了统一,看起来整齐而有序。下图做了错误的示范,区块的边框做了不一样的颜色处理,这样的区块一起出现在界面当中时就会显得凌乱。
5.布局统一
布局的统一主要是说网页当中一些布局设置要统一,不要这个导航进去的侧边栏在左边,下一个导航进去侧边栏在右边,这样的界面会让人摸不着头脑,用户需要重新去适应新的界面布局。