导图社区 平面设计原理
一张思维导图带你了解平面设计原理的知识内容,设计的含义、设计的差异性与相似性、空间即空白、对称与非对称,赶快收藏下图学习吧!
编辑于2021-08-10 10:20:35平面设计原理
前言
千篇一律一律的设计不是好的设计
雷同的设计不能吸引观者兴趣
好的设计
以其灵活性与精心创设的一致性相呼应,这些引人注目的东西将会脱颖而出
设计师通过揭示价值、增强可读性、凸显内容为观者提供服务
设计的含义
将毫无关联的各个部分有机地组织在一起的过程,
三个问题
设计中须采用的要素是什么
这些要素有什么用
需要什么样的结构使这些要素结合在一起
设计是过程而非结果
1、对于设计问题要予以界定,对于给出的问题通常是显而易见的,往往要重新予以界定,并要抓住关键。【如果不能清楚的知道自己如何去把握材料,就无法准确无误的再次界定该问题】
2、熟悉材料,要吃透材料,至少要了解它
3、从复杂的素材中提取本质的东西,不要遗漏,也不要贪多,这就是精确的界定。
4、提取出要点,使读者对重要性一目了然,并具备视觉吸引力,读者不会一开始就读不感兴趣的信息
5、统一各要素,不形成冲突。放大字体并非解决之道
牢记,要预先熟悉内容
引言
设计意味着进行筹划
设计过程的目的在于能够达到条理分明而避免凌乱和随意。
条理分明对于读者是有益的,可以使其更易于理解一个组织过的信息
一则有条理的信息被认为是好的设计,
但,风格与时尚是设计不容忽视的两个方面。
不要将风格与时尚相混淆,风格源自客户与社会的实际需求
相较于设计功能的复杂性来说,简洁是衡量设计是否优雅和简明的标准
同样简明的设计,传达信息更多的就更简洁
传达同样多信息的越简明就越简洁,不简洁会使设计频繁失败
把页面设计的吸引人至关重要——像一块吸引读者的磁石
视觉的刺激会将读者引入画面,激起好奇,是他们积极的汲取信息
视觉的简洁性在于去除了不必要的元素和组成部分,使的剩余的部分形成一个合乎逻辑且完整一致的系统
设计师的工作不是去填充所有的空间,而是要使信息易于被接受且动人心弦——页面留白是为了帮助读者浏览信息,而不是为了使页面更加好看,关键在于提高画信息的可吸收性
设计的差异性与相似性
人们会下意识的在要素中寻找相似性和差异,差异因对比而凸显
人在脑海中不能轻易地将各要素互相联系起来,就会感到混乱不堪,从而失去兴趣
所以设计就是在视觉信息的内容中,寻找和展示内在相似性以差异的过程
得当的运用字体、图像、空间来诠释信息的含义,使信息交流一帆风顺,含义就不会混乱,不被信息外在的优美所蒙蔽
成功的设计就是充分并尽可能简洁地描述其内容。【简约】
在设计中并非越多越好,在运用字体、图像、和任何种类的符号时,必须要形成一种秩序关系,如果达不到优化信息的目的就不要采用(如装饰)
以空间吸引读者
空白之所以能够吸引读者,是因为它使页面在视觉上更易于接受、有亲和力且便于阅读。
空白留的少,使页面拥挤,除非有意
不要为了空白而空白,要为了传递信息而服务,
可读性良好使页面舒适易读,可读性差则使得页面单调而繁杂
精心布局的空白空间能凸显主题(纸面空白来吸引人的注意,表达设计的理念,对其运用是个特别的好办法
图1
空间
空间即空白
空间即空白
不要忽视空白的存在,要有意识地运用空间来形成对比,提供视觉的休憩之处
空白处最适合用与以填充的空间形成对比
填补空白不是设计师的工作,运用空白才是
通过侵入性的图片放置其中,空间就得到了运用
1、图底关系
设计的各要素是放在与其相关的环境之中加以审视
在二维设计中空间被称为空白空间,位于字和图像后,但不仅仅是设计的背景,
空白空间运用得当,就会成为显著的部分,空白空间成了一个实体的形,实与虚的区域相互交织在一起
完全缺乏对空白空间的经营,将导致视觉受到干扰,成为不和谐的设计
只有将一件物品放入其中时,空间才能被清晰界定。平面的空间是有边界并且能划分的,将一件物品放入空间中,就形成了图底关系。这个边界(方框/页面边缘)的界定,有助于描述物品的状态
图底的三种关系
固定的图底
图形置于背景前,被视为一种看上去不可改变的关系
子主题 1
可相互转换的图底
能同时看到图和底,图底相互渗透,图底的平衡关系创造了一种张力
模糊不清的图底
各要素即使前景,也是背景
2、背景与空间的关系
空间环境是外缘(实际的页面边界或绘制的边框)与背景不同,环境没有前后关系而是区域的范畴,只是边缘提示了前后关系,但空间环境与背景可以同时存在
图4
3、空白空间的利用
页面设计要一目了然,要经过提炼并有条理地予以呈现。
要创建一系列设计准则并一致地加以运用,来理顺空白空间,与整体布局(太少使页面超载,太多则不完整)
第一排例子:第一张文字堵满,苦不堪言 第二张有了空白空间,但显得浪费,但比填满要好 第三张 :尝试用空间去凸显意义的不同,虽然空白的空间不大,但是其中的各要素确清晰可见并引人瞩目,(举例了拥有空白空间和利 用空白空间的差异) 第二排例子: 第一张:空白空间被分散 第二张:有效的把空白空间安排在顶部和外缘 照片:横向的正文与空间与出血的照片相呼应,使中间间隔的空白是有意的
空白空间可以对画面进行修饰,视觉传达依赖于同读者建立联系,有效的空白空间,与版式设计中图片文字的明确原因不同,空白空间更加的微妙含蓄,要在每项设计中寻找和充分利用空白空间,并能够对其进行解读和版式上的调整
需要不对称的设计,将图片、文字置于版面中间会抹杀空白空间,要把图片置于一旁,使空白空间散发活力
要在观念上改变空白空间潜在作用的理解
如果将空白空间布局得当,页面的各个元素看起来就会很贴切
空白可以提升高级感,空间是人的一种需求,留出大量的空白像消费者暗示商品的高质量
在一份文档的导向系统中,空白空间是一个重要的组成部分,提供了视觉的导向
对称与非对称
平衡是视觉传达设计的一个重要方面
对称:通过相似形体现平衡
非对称:通过对比体现平衡
空间是一种形态
设计就是对设计元素的形态(形态就是设计元素的状态)的布局,巧妙的运用在设计中。
要将空白空间视为一种形态
合理运用空白空间:则其与实际内容的部分同等重要
不利用空白空间:形态基本处于偶然的结果
对称的设计
空白空间在对称的页面设计中处于刻板状态,不易被关注,会被视为静态的背景,
是一种可以预见的,讲求条理和平衡布局的设计,显示了平静和稳定
这里的对称并不是说两边完全相同,而是说两边看起来大致相同
「给家书」尽量避免居中
其刻板的空白空间没有有效利用页面的周边,没有打破页边距的束缚
可以在页面比边缘添加元素,来激活页边距
对称设计易于创建,可以在倒置金字塔中完成,可以对读者进行引导
非对称设计:空间是灵动的
使人联想到运动与活力,在不相似或不对等的要素间创造出秩序和平衡
巧妙的运用空白空间是非对称设计走向成功的必须环节,非对称设计可取得显著的版面效果
1、灵动的空白是经过仔细考量后的空白,其形态已经被规划过,这样有意识的创建出的空间形态是灵动的空间
空白空间布局得当,则页面中的实体要素就看起来非常好
如果仅将实体要素安排在页面中,空白空间就起不到作用
2、激活空白空间的另一种办法就是使空白空间与要设计的实体要素整合为一体,使其尚未完成的想象在读者的大脑中形成,要注意图象间空间太多,大脑就无法意识到空间与内容存在联系。空间太小则失去了对完整图形的联想
3、将空白空间中填充不必要的间铁环,或加大文字的行距会浪费空白空间,页面拥挤不惧艺术性与趣味。要宽松的展现内容或作为各部分的间隔
设计中的时间和运动
设计中的时间指设计多页产品,例如网站和杂志所需的组成部分,时间的不挑会影响信息的传递
设计中的运动方法:1,在空间中伴随着节奏不断重复的设计元素。 2、、通过慢速拍摄的图像,使设计元素有淡化的趋势
空间的具象和象征性
空白空间经过设计后会赋予具象的含义,表达出包含的内容
分支主题 4
分支主题 5
分支主题 6
写给大家看的设计书
设计四大基本原则
亲密性
对齐
重复
对比