1. 排版中的逻辑关系
任何一个设计中都需要把各个元素分级分清主次,这样才能更好的抓住重点。你可以想象自己在管理着一部玛丽苏电视剧,这部剧中谁是主角?谁是女二号?谁是群演?主角需要独立的化妆间和助理;女二号可能只有一个助理;群演可能就是整个剧里的一个过客。我们的设计也是如此,哪个信息是主角?哪个信息是女二号?哪些元素又仅仅是群演呢?女主元素首先要站C位(网络流行词,来源center)霸占画面的中心,然后这个元素要尽量突出,可以使用更鲜艳的颜色、更夸张的字重、加边框等方式突出;女二号信息一定不要抢了女主信息的风头,所以要和女主元素有一定的对比,字号上也要小很多,尽量让用户第一眼看到主要元素。而群演的元素一定要淡化,仅仅让人感知有这些元素就可以了,比如文字可以缩小到刚刚能注意到,颜色可以是接近背景色等。那么如何让这些信息按照他们的身份来排版呢?我们就要用到CRAP原则了,CRAP是这四个原则的首字母缩写,分别是对比、重复、对齐、亲密性四个原则。
2. 对比 CONTRAST
在同一个视觉区域内的逻辑不同的元素应该有所区别,避免视觉上相似。这样就可以有效地区分谁是主角谁是配角了。为了让主要元素更突出,让次要元素更后退,我们可以尽量使它们的颜色、字体、大小、留白不同。如果两个元素不尽相同,请让它们截然不同。比如如果你想使用12px的正文与14px的标题区分明显,不如用12px与40px进行区分反差更大,更容易区分哪个内容是需要优先浏览的、哪个内容是次要的。对比的方式有以下几种:
色彩对比
在我们排版时首先要产生对比效果的就是背景和文字了。文字是第一阅读元素,背景和文字如果颜色很接近,那么就不容易区分出来引发注意了。一般来说在很多媒介的设计中我们习惯了白纸黑字,即白色背景和黑色文字。我指的不仅是纯黑和纯白,也包括其他类似明度颜色的对比。黑纸白字是另一个选择,深色背景和浅色文字的搭配其实不适合大量阅读,如果你的作品信息不多是没有问题的,但是如果用户阅读很久黑纸白字的界面,就会产生视疲劳(比如再次盯着白色的墙的时候文字还会出现等)不舒服的感受。当然一切取决于用户使用场景,如果我们的设计被应用在夜晚等较暗的环境,黑纸白字更利于阅读。总之,不管你的设计采用橙蓝、黑白、蓝紫配色,一定要记住文字和背景的对比关系。
除了文字之外,图标和其他装饰信息的色彩对比也是非常重要的。辅助信息或者辅助功能的图标尽量淡化以突出主要功能和图标;重要功能如订单等按钮则需要突出和醒目。色彩对比是设计中一个非常常见的手法。
报名地址:吴江区中山南路988号华邦国际702室(万宝对面)上元教育
咨询老师:钟老师
因为有您,我们更专业!
十几年的发展历程、上干名同仁+数以万计的学员选择上元