从《写给大家看的设计书》开始谈对设计的理解

成为设计师刚刚两个月,对于跨界跨专业的我来说是奇妙的感受。要学的有很多,必须从基础开始一点一点踏实地补上,野路子出身原本靠灵感和审美或是纯粹的热情去推动设计的方式需要更新换代。《写给大家看的设计书》是入职后读的第一本书,讲了在视觉设计上所用的一些排版布局方法和一些规范,由于时代的关系,书中主要是关于印刷品的一些平面设计,设计的对象包括宣传册子,海报通知,书籍杂志,企业VI等,色彩搭配的方法在书中提到的较少。之后又补充阅读了日本奥博斯科的《配色设计原理》,对色彩的基本知识以及色彩代表的风格和使用方式有了一定了解。

就入职以来的经验和阅读完这两本书的感受,想借书中的一句话“想要打破规则,就必须理解规则”,只有对这些视觉设计相关的方法,知识,理论,规范,深入理解应用,了解设计需要平衡的诉求,才能在此之上做出有理由令人信服的灵感,创新的解法。同时根据对设计本质概念进行扩展理解,再回到视觉表现层面,看看是否会有新的体会。

因此这篇文章,是作为一个刚上路的菜鸟设计师的看书的设计基础知识总结,同时结合之前看的一些书谈谈在自己对设计的理解。

 

关于四大基本原则

《写给大家看的设计书》将设计原则整理成知识命名,即四大基本原则——对比、重复、对齐、亲密性。在我看来,这四大原则所蕴含的视觉心理学的基本规则,是建立于人类观察,认识,理解视觉信息的基本方式的。无论怎样运用这四个原则,我们的最终目的是为了更好地传递表达信息,是促进表达而不是造成混乱。

亲密性:

将相关的项组织在一起,在物理位置上相近,他们就将被看作为同一个组,成为一个视觉单元,意味着他们存在关联,而不是一堆充斥着混乱的内容。这样页面无论从理解上还是视觉上都会变的有条理。

根本目的:体现组织性和条理性。

实现方式:页面上哪些元素可以组织起来建立亲密性,避免太多孤立元素,不要在元素之间里同样大小的空白。

设计时要注意读者是怎样阅读的,视线怎么移动从哪里开始从哪里结束,整个过程应当是一个合理的过程。有组织和条理性的信息给读者提供了一个直观的提示,快速看一眼,就能够马上了解页面中的内容及其组织,并且保证信息的正确性,提升了信息传达的效率。

这与格式塔中的相近原则相同,距离更近的元素之间会有关联,是同一类的信息。同时在格式塔中,距离近比起颜色和形状的相似更容易被理解分为一组。

对齐:

页面上的元素都不应该随意摆放,应该找到一条看不见的线,把彼此联系在一起,这条线就像边界,让文本内容外观更清晰,效果更分明,告诉读者,即使他们并不靠近,但他们之间是相关联的。

根本目的:统一有条理。

实现:注意元素的摆放位置,并且总能在页面上找出与之对齐的元素,避免一个页面混合多种对齐方式。

人们的眼睛喜欢看到有序的事物,因为这给人一种平静安全的感觉。其中居中对齐给人很安全,很舒服的感觉,创建了一种更正式稳重的外观(如婚礼请帖)。

重复:

重复也是一致性的一种,与格式塔的相似原则类似,可将作品中各个部分联系在一起,使之看起来同属一组,从而统一并增强整个作品。读者的视线会在重复的两个元素样式中来回移动。要充分利用提供一致性的元素。

根本目的:统一,增强视觉效果

实现:把之前实现的的一致性再向前推进一步,可通过找出现有的重复样式,然后将其加强,熟悉了这种思想可以创建新的重复元素,来增强设计效果,并提高信息的清晰度。

避免:太多地重复一个元素,同时注意对比,太多重复会造成重点的混淆

重复元素同时可以建立一种连续性,一个系列的节日或季节主题设计,以及同样排版方式的一本杂志。其中重复对对多页文档设计很有效,比如一致的页眉页脚,一致的标题和子标题,统一的字体,统一的序号图标,版式和位置的相同。将元素抽取为图案进行重复也很有效,相同元素当时以不同的形式:角度,大小,颜色,这即是采用多样性实现统一。在企业包装中也有很好的运用,某个重复元素或者图案,在所有的宣传和品牌物料中均有出现。

对比:

对比可以吸引人的眼球,要实现有效的对比,这两个元素必须截然不同。

根本目的:对比的两个方面相辅相成无法分开,其目的是一是为了增强页面的效果;二是用对比来帮助信息的组织

实现:通过字体选择,线宽,颜色,形状,大小,空间来增加对比。

避免的问题:避免使用类似的对比,要使对比截然不同。

在设计大量信息的文字内容时,有必要设置一个介绍路径来引导读者目光,用不一样的简介,小标题,与内容形成对比,吸引读者去看简要内容,从而总体了解内容。标题对比,间距对比,可以突出重点,并且建立信息之间的重要程度,同时也让页面更鲜明,更精美。

关于配色原理

在开始做设计时,需要明确色彩的心理效应,了解被传达信息的人群的年龄,性别,职业,什么时间什么场景阅读这一信息?再通过设计明了化的颜色,互补色等配色方案,提高信息传递的速度。设计时要控制控制色彩数量,不要出现过多配色,用有限的色彩来引导读者,过多的颜色会造成凌乱感,给读者多余的干扰信息。

色彩具有很强的心理影响力

红:刺激,警告,喧嚣,有较强的视觉冲击感,多用于购物饮食音乐应用

橙:温暖,活力,贴心,暖色系中不会像红色那么刺激

黄:让人联想到太阳,明度高,温暖,向上

绿色:与绿植一样 净化心灵使人镇静的功能,健康

蓝色:让人感到镇静,清新健康新鲜,专业可靠 蓝色越深给人感觉越正式

常用于社交,商务,效率,工具类应用

紫色:充满神秘感,高贵感,富有内涵深度

黑色:高雅的精致感,同时体现档次与厚重感,稳重感

白色:纯洁,干净,简约,白底可统一颜色,配合氛围

色彩搭配中的和谐与一致性

明度一致的搭配

明度,即表示色彩的明亮程度。人眼能很敏锐地感受明度的变化,其中色彩的明度相合能表现出统一感。

纯度一致的搭配

纯度,表示色彩的鲜艳程度。相比“明度”跟“色相”,纯度更容易对人的心理印象造成影响。其中,纯度越高,越是让人感到鲜艳刺激;纯度越低,越是让人感觉平静沉稳;而高低纯度混合的配色是难以统合的。

色相一致的搭配及变化

同一色相给人稳重,和谐的印象,通过调整色调(明度纯度)产生色彩变化,但能体现统一感,在强调色相本身的同时能够清晰直观传递配色的主题。但有时候会过于单调。

色环上相差为15度的色相,色相相近,彼此易于整合,但存在微妙的差异,配色中在保持和谐的前提下能够体现细腻的变化。

色环上相差为30-45度的色相,为邻近色,色相中有共通的成分,搭配协调,同时有适度的变化和动感。

 

色彩搭配中对比色的搭配

对比色是在色相环上处于完全相对位置的色相,在配色中的色相差较大,能够体现充满活力和变化的印象,适用于表现出高度视觉冲击效果的设计。

底色搭配体现统一感

当画面中元素色相较多时,并且在纯度明度上没有共通性,可以用黑色作为背景色,使整体获得统一感。

白色底色:白色是让人能够感受到宽度的颜色 适合表现空间感和纵深感,可以统一颜色,配合氛围,使画面简约自然,干净整齐。

黑色底色:黑色具有厚重感紧张感,并且具有高级感,使衬托的内容悬浮在黑色底色上。

在后台设计中这四大原则和配色原理也是同样适用并且十分重要。怎样通过布局以及配色有效地,快速地,清晰地传达整个页面的信息?这不仅要让信息的组织有条理性,同时要具有一定的引导性,并且减少不必要的混乱的信息干扰因素。

因此在进行后台页面设计之前要充分理解页面间的交互逻辑,以及页面中信息之间的关系。有时候我会理解成,给交互设计的原型做一个皮肤,原型是骨,视觉辅与血肉让其更有生机,但要是一个健康生存的生命体,就必须和外界进行能量交换(沟通),以调整机体的机能,在动态环境中平衡各部分要素,才能更好生存。

 

关于对设计过程的理解——设计四秩序

去年的这个时候我阅读了大量有关设计理论的书和资料,不局限于视觉传达设计,这里想结合现在的经验谈谈感受。当时在书中读到柳冠中老师对设计的定义 “设计不再局限于一种特定的形态载体,更侧重于整体系统的运行过程中的结构创新。”随着时代的发展,设计的对象在发生改变,从有形物(图形,产品)变成无形物(方式,方案,策略),我们可以设计活动和过程。设计本身的内涵也在不断扩展,从平面设计,产品设计发展到交互设计,体验设计,服务设计。这一点在理查德布坎南的设计四秩序中,有比较易懂的说明。

设计的第一个秩序是符号与图片的传达(words & images)设计的是信息的传达(communication),第二个秩序是工程,建筑以及生产领域中的产品的设计(physical objects)设计的是人造物(thing),设计的第三个秩序是对活动和服务的过程的设计(activities,sevices),通过设计支撑这些联系的关系,并有效开展工作,例如交互设计,服务设计,可以说通过设计引导行为(action)。第四个秩序是环境和系统以及思想价值(systems,environment,oganizations,ideas)在第四个设计中,其他三个秩序的内容都存在于环境和系统中,例如城市公交系统,通过设计改善解决医疗安全问题等等。

从表面上看起来,四秩序对应平面设计,工业设计,交互/服务设计,系统设计,但其实是对人类社会中不同设计行为的归纳和总结,单个产品用不同的视角去看,就是不同的方面。

虽然设计对象的范围扩大,但我个人的理解是,设计是在诸多元素影响下,提出达到平衡的一种解决方案,这一解决方案是在某个限定的时间下,符合具体场景真正为用户解决问题的最优解。

设计四秩序除了表明了设计对象的范围扩大,同时也为思考设计的方式做了精炼的总结。比如平时的设计工作是不是也可以借用四秩序里的一些法则去自查自省?除了视觉层面以外站在四个不同的秩序以不同的视角去更多地思考自己的设计是否合理,是否还有改进的空间。

在第一秩序中思考符号与传达设计,要符合四大原则和配色原理,并遵循视觉心理学;如果有接触到产品设计,可以在第二秩序思考一下置于产品之上的标识,造型,在目前的工作中;第三秩序考虑交互过程去设计是UI设计师更需要注意的一点,在第三秩序内,思考用户所在的场景,和用户会采取的行为和活动,在这整个过程中,视觉表现层要如何构建去引导用户行为,从而推动整个行为完成,并且提升整个活动的体验感,带来美的感受;第四秩序需要考虑的更广,把这一次的行为作为一个元素去思考与整个系统的关系,从战略层面考虑,视觉设计有哪些可以做的。(这一点我自己目前还没有想的很明白,期待之后的实践总结)

通过这样思考而做出来的设计,应当更经得起考验,哪怕最后的结果是很简单的形式,那也是经过层层思考经历后的结晶,就像最简单的物理公式定理可以解释万物一样体现简洁的美。

以上是我刚到设计这个岗位的一些不成熟的总结和感受,希望未来有更多的实践积累,能在这个团队中从大家身上学到更多。

0