导图社区 给大家看的设计书The Non-Designer's De
给大家看的设计书The Non-Designer's De。任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
这是一篇关于番茄工作法花树图,间歇工作的总体效率高于连续工作,休息和工作交替进行。希望对你的工作效率有所帮助!
关于TK类电机设计审核思维导图,MacTK类电机的设计审核是一个全面评估电机性能、可靠性、成本等各方面要求的过程。
这是一篇关于设计心理学思维导图,包含日用品中的设计问题、日常操作心理学、设计中的挑战等。
社区模板帮助中心,点此进入>>
互联网9大思维
产品立项报告
产品经理如何做好项目管理
经验分享:产品经理必懂的产品思维
产品诞生过程
产品周期图
开门红的思考
招创智搜
网易星球
教学教务系统
给大家看的设计书 The Non-Designer's Design Book
学习方法
本书的目的
提高视觉敏感度
学习4大基本原则
认识到自己没有运用这些原则
诉诸文字
一旦能说出某东西的名字,它就变得无处不在
应用基本原则
练习流程
找一份你喜欢的传单
采用他的布局
使用自己的文本和图片
设计人员总是“借用”其他理念,寻找灵感
名片或其他设计也可以
设计过程
创建中心点
强烈的对比
除非需要一个和谐的设计
将信息分组
建立并维护明确的对齐
创建重复
四大基本原则
共同目的
加强视觉效果
突出重点
重复
对比
加强组织性
视觉联系
统一性
有条理
层次性
亲密性 Proximity
将相关的元素组织在一起
亲密性=>存在关联
建立亲密性
物理距离靠近
用留白对元素进行分组
非同组不要留相同大小的空白
使用缩进
孤立的元素
避免太多孤立的元素
不应该存在亲密性
把他们分开
非同组元素不要建立关系
对齐 Alignment
任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
对齐的效果
得到更内聚的单元
即使元素的物理位置彼此分离,对齐后有一条看不见的线把它们连接到一起
即使项不靠近,但能属于同一组
如何做
找出一条明确的线,以它为基准对齐
一条明确的对齐线
确保每一项都与页面上其他项存在某种对齐
图片也要按一个边界或基线对齐
对齐方式
页面只使用一种文本对齐
避免居中对齐,太乏味了
小心文本锯齿形边界
中文在这个问题不大
重复 Repetition
设计的某些方面需要在整个作品中重复
重复把现用的一致性更加强
重复元素可以建立连续性
将一系列出版物从视觉上系为一体
名片
信笺
信封
多页合为一体的主要因素(多页出版物)
重复的好处
使各项看起来属于同一组
虽然元素看起来不完全相同
重复可以带来专业和权威
引起你兴趣的元素就能拿来重复
重复的项不一定完全相同
选择一个简单的元素,用不同的方式使用
多样而统一
对于大家熟悉的元素
只包含一部分
不要把重复用得太滥
避免太多重复
注意对比的价值
对比 Contrast
如果两个项不完全相同,就应当使之不同,而且应当是截然不同
对比必须强烈
两个元素差别不大那个是冲突,不是对比
避免元素太过相似,干脆让他们截然不同
我们的眼睛喜欢看到对比的事物
对比元素不能让人混淆,也不能错误强调重点
不该强调不是重点的东西
水平布局与垂直布局的对比
颜色使用
色轮
三原色
三间色/二次色
第三色/三次色
单色
颜色的明暗
颜色关系
互补色
直线相对的两种颜色
强列的对比效果
活力、能量、兴奋
一种作为主色,另一种用于强调
最好效果
一种面积大
一种面积小
三色组
基色三色组/原色搭配
儿童产品常同时使用三原色
红黄搭配应用的范围很广
快餐店
加油站
蓝红搭配
分离时才吸引人
相邻产生冲突
间色三色组/二次色搭配
二次色之间都拥有一种共同的颜色
两种共同拥有蓝色
两种共同拥有黄色
两种共同拥有红色
轻易能够形成协调的搭配
三种二次色同时使用
则显得很舒适、吸引,并具有丰富的色调
它们同时具有的颜色深度及广度
分裂互补色
互补色两侧的颜色
更细致的边缘
既和谐又有重点
图中红色更加突出
类似色/类比色
相邻的颜色
拥有相同基础色
低对比度
和谐的组合
沉着冷静
色质
某种颜色的特定明暗度,深浅度,色调
使用类似色质的色调
对比太弱
避免他们挨在一起
冷暖色
暖色,包含红色或黄色。冷色,包含蓝色
增加红色或黄色,给颜色“加热”。增加蓝色,给颜色“降温”
冷色趋于退后,暖色趋于前进
暖色更能产生效果
组合冷暖色,一定要少用一些暖色
特定设计品
传单设计
你的传单要在全世界各种文字垃圾中独树一帜
可以使用有趣的字体
出乎寻常就会让读者停下来看一眼
不要把东西放在方框里
大多数传单最严重的问题就是缺少对比
创建一个中心点
名片设计
除了主色,如果还是用第二种颜色,用量一点要少
稍稍点缀就好
不要在角落放东西
不要使用居中布局
不要把空间填满
没必要加前标Email,Tel等等
一定要对齐,按基线或者左右边界对齐
小心字体大小
和企业其他东西要有一致性的图像
字体的设计与选择
What type shall I use? The gods refuse to answer.They refuse because they do not konw.
要对比不要冲突
笔画的粗/细过渡
没有过渡
黑体
边角
没有变化
锋利的变化
宋体
流畅的变化
楷体
圆滑的变化
幼圆
超粗字体
琥珀
字之间的空间
行间距
艺术字体
行楷
毛笔字
手写字体
各种变形的字体
一些小技巧
大写=>小写,留出更多空白,字体更大
简单的表达好过不专业的设计
留白能让你眼睛稍作休息
要有意识注意你是如何阅读的
视线如何移动
设计人员常控制读者的视线,使其注意力保持在页面上
结尾和标题都使用粗体(重复)
不要害怕让一些项很小,一旦读者把握住重点,只要他们感兴趣,自然会去读那些小字
读者的眼睛总是随着页面上任何人或动物的眼睛看过去
使用居中对齐
文本居中,文本块不居中
使用随意有趣的字体
LOGO
只使用一部分
放大并淡化
其他一些原则
不要畏畏缩缩
空白也是一种设计元素
人眼喜欢有序的事物,给人平静安全
要有空白,而且让空白有条理
有意识的组织空白,像组织信息那样
规则是用来打破的!
打破前必须清楚规则是什么
如果打破规则,一定要彻底,表现出这是有意的。
设计包装需要重复原则,每一个作品必须有某个辨识性图标或风格
信笺,信封,明信片,要采用一种布局
说明
参考资料
《透视色轮》
难以确定文章版权所以就不给网址了
书本中很多内容在这张图中无法体现
本来这些原则都是混杂在一起的,而非独立存在。似乎用思维导图来总结略显吃力。
另外一些东西,因为种种原因。我不是很在意,而且在部分内容中加入了一些自己的理解。