以后地位: 首页 > 设计教程 > 平面设计实践 > 网页设计中多元素是如何做到同一路等

网页设计中多元素是如何做到同一路等

情势美法则是人类在创造美那势和过程中对美那势规律的总结概括,世间万物的美都可以或许或许咱咱们势美法则来概括。在平面构成中也有情势美法则和一和变更,对称和均衡,节奏和韵律,对比和调和。前面跟大家有分享了对比、留白在网页傍边的利用,本日咱咱咱们持续来分享网页傍边那么多元素是如何做到同一路等的。

在视觉上的同一可以或许体如今:图片,色彩;区块;布局;字体,视觉元素。别的,另有一个交互上的同一。

1、图片同一

图片同一体如今图片大小尺寸上的同一,色彩色系上的同一和图片作风的同一。

不管是京东还是天猫淘宝,这些商城在网站上的图片处理就用了如许的同一原则。不一样的场景下对图片的请求也都不一样。比如京东商城的首页,每个区块起到一定的导航性感化,在如许的场景下,必要的图片都是比较简洁而不是配景复杂的。下面我做了一个错误的示例给大家演示:

网页设计中多元素是如何做到同一路等

左图是官网的图片,右图是一个错误树模。显而易见,左图的展现性和可读性都比较强,视觉效果也比较好。右图之所以觉得不好看是因为图片大小分歧等,图片的配景致彩也分歧等,所以看起来分外不协调。

好了,如今应该有人会想问,那京东或是天猫淘宝颠末过程搜索后进去的页面里面的产品配图不是五颜六色的吗,那怎么看起来也没有觉得不协调。

7d5658d21768a801219c77449eda.jpg

这些界面的同一路等性体如今产品区块的大小尺寸上和全体的样式上,除了产品图不一样,其余的布局样式、区块大小都是一样的,这恰恰跟首页相反,首页各个区块大小不同等,所以采纳图片同等来协同,内页则是区块样式同等,图片不同等。但不管哪一种协调办法,界面都起到了很好的协调性。

图片作风上的同一重要体如今网页傍边的图片抉择上,在写实作风的网页中就不得当卡通的图片,在清爽的界面傍边,就不得当劲酷的图片。

2、色彩同一

色彩同一指的是网页傍边色彩色系利用的同一性,如许的同一机可以或许体如今网页中的全体色系,也可以或许体如今网页傍边统统区块标题的色彩,甚至同一到全体网页界面傍边按钮的色彩搭配。一样平常环境下如果不知道网页定什么色系好,小编给的意见和建议便是跟着你咱咱们的logo色彩走。

560d58d2177aa801219c77b3da73.jpg

Obrigado椰子水饮料网站的主色调便是用了绿色与白色相结合,穿插了一些橘黄色,起到活跃画面的感化,绿色是标志的主色,橘黄色也是标志的一个辅助色,可以或许看到全体网站简洁清爽,黄色和绿色并不是等比重出如今网页傍边,就跟标志一样,黄色的占比少。可以或许访问看看,里面一些交互利用也做得比较好。

分享到: 
平面设计中必需遵照的20个设计原则
2017超流行的LOGO六大设计趋向办法
友情链接:重金属矿技术网  宏发学校教育网  古代师徒甜宠小说网  长城设计自学网  乐高教育信息网  蓝夸克发型网  德佑聚新闻网  浙江金华教育网  机械科技行业网  商职财经