您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

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

   情势美法则是人类在创造美的情势和过程中对美的情势规律的总结概括,世间万物的美都可以用情势美法则来概括。在平面构成中也有情势美法则:同一和转变,对称和平衡,节奏和韵律,对比和调和。前面跟大家有分享了对比、留白在网页当中的运用,今天我们继承来分享网页当中那么多元素是如何做到同一同等的。

  在视觉上的同一可以表现在:图片,色彩;区块;布局;字体,视觉元素。此外,还有一个交互上的同一。

  1、图片同一

  图片同一表现在图片大小尺寸上的同一,颜色色系上的同一和图片风格的同一。

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

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

  左图是官网的图片,右图是一个错误示范。显而易见,左图的展示性和可读性都比较强,视觉结果也比较好。右图之所以觉得不悦目是由于图片大小不同等,图片的背景颜色也不同等,所以看起来分外不和谐。

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

7d5658d21768a801219c77449eda.jpg

  这些界面的同一同等性表现在产品区块的大小尺寸上和团体的样式上,除了产品图不一样,其他的布局样式、区块大小都是一

[教程作者:佚名]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di73.html
平面设计中必须遵循的20个设计原则
怎样从摄影照片中汲取设计灵感?
图趣网微信
建议反馈
×