• U+:顺情之境 中和之美 2019-05-26
  • 安徽政协副主席韩先聪被查 调离滁州房产商雇人送行 2019-05-26
  • 2018俄罗斯世界杯揭幕战看点全揭秘 2019-05-26
  • 学车参考|2018年5月合肥各驾校考试合格率排行榜发布 2019-05-25
  • 《不可思议的妈妈》第二季上线 蔡少芬、胡可、何洁比拼花式育儿 2019-05-25
  • 日本樱岛火山大规模喷发 烟尘高达4700米 2019-05-25
  • 俄罗斯电影《最后一球》定档落魄球星遇上菜鸟球队 2019-05-24
  • 西安启动唐长安城明德门遗址保护工程 2019-05-24
  • 海峡两岸龙舟赛在厦门开赛 两岸53支参赛队伍共同传承中华文化 2019-05-23
  • 朋友圈买过这些东西吗?原来都是不靠谱的! 2019-05-23
  • 孔垂楠曝光时尚大片 多款造型型格满分 2019-05-22
  • 研究:亚洲民众更关注健康食品 2019-05-22
  • 把“就业率首超本科” 当作高职新起点 2019-05-22
  • 回复@大雨582:建议你学学需求层次理论…… 2019-05-21
  • IT热点:工信部调查蹭网APP 携程入局网约车市场 2019-05-21
  • 六合彩特码诗
    当前位置: 六合彩特码诗 > 设计教程 > 平面设计理论 > 网页设计中多元素是如何做到统一一致

    黄大仙解码图:网页设计中多元素是如何做到统一一致

    六合彩特码诗 www.cecnd.tw 形式美法则是人类在创造美的形式和过程中对美的形式规律的总结概括,世间万物的美都可以用形式美法则来概括。在平面构成中也有形式美法则:统一和变化,对称和平衡,节奏和韵律,对比和调和。前面跟大家有分享了对比、留白在网页当中的运用,今天我们继续来分享网页当中那么多元素是如何做到统一一致的。

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

    1、图片统一

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

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

    网页设计中多元素是如何做到统一一致

    左图是官网的图片,右图是一个错误示范。显而易见,左图的展示性和可读性都比较强,视觉效果也比较好。右图之所以觉得不好看是因为图片大小不一致,图片的背景颜色也不一致,所以看起来特别不协调。

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

    7d5658d21768a801219c77449eda.jpg

    这些界面的统一一致性体现在产品区块的大小尺寸上和整体的样式上,除了产品图不一样,其他的布局样式、区块大小都是一样的,这恰恰跟首页相反,首页各个区块大小不一致,所以采用图片一致来协同,内页则是区块样式一致,图片不一致。但不管哪一种协调方法,界面都起到了很好的协调性。

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

    2、色彩统一

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

    560d58d2177aa801219c77b3da73.jpg

    Obrigado椰子水饮料网站的主色调就是用了绿色与白色相结合,穿插了一些橘黄色,起到活跃画面的作用,绿色是标志的主色,橘黄色也是标志的一个辅助色,可以看到整个网站简洁清爽,黄色和绿色并不是等比重出现在网页当中,就跟标志一样,黄色的占比少??梢苑梦士纯?,里面一些交互运用也做得比较好。

    分享到: 
    平面设计中必须遵循的20个设计原则
    2017超流行的LOGO六大设计趋势方法
  • U+:顺情之境 中和之美 2019-05-26
  • 安徽政协副主席韩先聪被查 调离滁州房产商雇人送行 2019-05-26
  • 2018俄罗斯世界杯揭幕战看点全揭秘 2019-05-26
  • 学车参考|2018年5月合肥各驾校考试合格率排行榜发布 2019-05-25
  • 《不可思议的妈妈》第二季上线 蔡少芬、胡可、何洁比拼花式育儿 2019-05-25
  • 日本樱岛火山大规模喷发 烟尘高达4700米 2019-05-25
  • 俄罗斯电影《最后一球》定档落魄球星遇上菜鸟球队 2019-05-24
  • 西安启动唐长安城明德门遗址保护工程 2019-05-24
  • 海峡两岸龙舟赛在厦门开赛 两岸53支参赛队伍共同传承中华文化 2019-05-23
  • 朋友圈买过这些东西吗?原来都是不靠谱的! 2019-05-23
  • 孔垂楠曝光时尚大片 多款造型型格满分 2019-05-22
  • 研究:亚洲民众更关注健康食品 2019-05-22
  • 把“就业率首超本科” 当作高职新起点 2019-05-22
  • 回复@大雨582:建议你学学需求层次理论…… 2019-05-21
  • IT热点:工信部调查蹭网APP 携程入局网约车市场 2019-05-21