新万博万博_万博出事了

当前位置: 万博 > 新万博教程 > 平面新万博理论 > 网页新万博中多元素是如何做到统一一致

形式美法则是人类在创造美的形式和过程中对美的形式规律的总结概括送,世间万物的美都可以用形式美法则来概括为。在平面构成中也有形式美法则痢:统一和变化汇窖忙,对称和平衡弊泌钳,节奏和韵律舰肩睦,对比和调和聘费。前面跟大家有分享了「在上面9我大叫!赠送东西——奉送。对比尽雾戮、留白在网页当中的运用纺簇纶,今天我们继续来分享网页当中那么多元素是如何做到统一一致的够。

在视觉上的统一可以体现在攘檀:图片鲜拐貌,色彩;区块;布局;字体记多步,视觉元素寥枯。此外弟,还有一个交互上的统一离。

1琶戮、图片统一

图片统一体现在图片大小尺寸上的统一鸽,颜色色系上的统一和图片风格的统一郸。

不管是京东还是天猫淘宝旱,这些商城在网站上的图片处理就用了这样的统一原则欺僚。不一样的场景下对图片的要求也都不一样膛烘。比如京东商城的万博垢每,每一个区块起到一定的导航性作用朔歌田,在这样的场景下输,需要的图片都是比较简洁而不是背景复杂的飞。下面我做了一个错误的示例给大家演示糙:

网页新万博中多元素是如何做到统一一致

左图是官网的图片顷衰,右图是一个错误示范廷恼姜。显而易见淳禄末,左图的展示性和可读性都比较强甭稗,视觉效果也比较好凯臂挖。右图之所以觉得不好看是因为图片大小不一致掳拣,图片的背景颜色也不一致梯撩,所以看起来特别不协调咆孙。

好了琼,现在应该有人会想问父魏膝,那京东或是天猫淘宝通过搜索后进去的页面里面的产品配图不是五颜六色的吗川,那怎么看起来也没有觉得不协调怕。

7d5658d21768a801219c77449eda.jpg

这些界面的统一一致性体现在产品区块的大小尺寸上和整体的样式上玩,除了产品图不一样起,其他的布局样式摹酵峰、区块大小都是一样的亨夹,这恰恰跟万博相反潍峡携,万博各个区块大小不一致目得,所以采用图片一致来协同撵遣,内页则是区块样式一致柿鸿,图片不一致苯傻梯。但不管哪一种协调方法但班海,界面都起到了很好的协调性挎。

图片风格上的统一主要体现在网页当中的图片选择上俏联,在写实风格的网页中就不适合卡通的图片顾驹,在清爽的界面当中胜,就不适合劲酷的图片碎词烤。

2彪博、色彩统一

色彩统一指的是网页当中色彩色系运用的统一性地辜,这样的统一性可以体现在网页中的整体色系豆杀,也可以体现在网页当中所有区块标题的颜色夯史诲,甚至统一到整个网页界面当中按钮的颜色搭配嗣卸。一般情况下如果不知道网页定什么色系好遂掀滤,小编给的意见和建议就是跟着你们的logo颜色走茫辈馈。

560d58d2177aa801219c77b3da73.jpg

Obrigado椰子水饮料网站的主色调就是用了绿色与白色相结合泼梦方,穿插了一些橘黄色卯,起到活跃画面的作用层,绿色是标志的主色半人际,橘黄色也是标志的一个辅助色滦取,可以看到整个网站简洁清爽裂捻,黄色和绿色并不是等比重出现在网页当中圣汉,就跟标志一样嚼,黄色的占比少祈。可以访问看看疵界颈,里面一些交互运用也做得比较好吴。

分享到: 
平面新万博中必须遵循的20个新万博原则
2017超流行的LOGO六大新万博趋势方法

热门推荐