易学堂是公司开办的学堂,每个人都是学生,选修喜欢的课来积累学分;每个人也可以是讲师,只要你有货且乐于分享,这便是你表演的舞台。
本次分享的嘉宾是我司的设计总监悟空大师兄,多年的设计经验,让我们的产品在每一次迭代中都变得美。没办法,他和他部门伙伴的职责就是让美好的事物相继发生。
本期内容《设计基础》 之 思维导图
设计基础
即使你不从事设计方面的工作,但也是需要知道哪些设计是好的。正如你可以不是大厨,但还是知道怎样的美食符合自己的口味。
接下来,让我们一起走进大师兄的设计课堂:
>>>>
设计是什么
设计与艺术的区别:
艺术需要解释,设计是种共识
艺术为艺术家们创造,设计为用户创造
艺术没有目的,设计目的明确
艺术追随风格,设计追随功能
大师兄曰:“设计是关注问题、解决问题,是平衡美与功能,让“用户”愉悦的艺术。”
设计与我们的关系
有意识地使用设计思维会让事物更高效。有一句特别唯美的话:把时间浪费在美好的事物上。但前提是你得知道什么是美好的事物。
>>>>
设计基本原则
亲密性
A和B,你更喜欢哪个?
反正我是选择B,看起来就特别清晰明了,有组织性,适当的留白让相关的内容都关联在一起,让它们看起来就特别亲密。
对齐
使用简单的对齐技巧,就可以让你的名片大不一样。
重复
统一,增强了视觉效果。
对比
有时通过改变字体、大小、颜色、粗细等等就能做到对比,话说你被哪个banner吸引了?
大师兄,来一个小小的总结:
亲密性:相关的项应当靠近,归组在一起。多个项之前存在很近的亲密性,他们就会成为一个视觉单元,而不 是多个孤立元素。有助于组织信息、减少混乱。
对齐:任何东西都不能在页面上随意安放。每个元素都应与页面上的另一个元素有某种视觉联系。这样能建立 一种清新、精巧而且清爽的外观。
重复:让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大 小和图片等等。这样以来,既能增加条理性,还可以加强统一。
对比:基本思想是要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相 同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者首 先看这个页面。
>>>>
色彩基础
色彩构成
懂得色相、饱和度、明度,你就推开了设计之门。
色彩功能
想想肯德基、麦当劳,它们用的颜色是否刺激了你的食欲呢?
色彩印象坐标
如图,哈哈
配色
避免采用差别过大或过小的色彩。
>>>>
内容合理性
内容量
有想扔掉左边遥控器的冲动吗?过多的内容会成为负担,会影响关键信息传达。
写文章也是,几乎很文字都能精简。王烁老师也说过:“你去留意你写的东西,其实里面很多“的”字都可以删掉。”
层次感
2/8原则,即20%的内容常常有80%的重要性,突出这20%,让人一瞬间得到有用信息,并饶有兴致的去阅读剩余的内容。
互动问答
1、对你设计方面影响很大的书或者人是?它给你的触动点是?
答:人么,迪特·拉姆斯,原研斋,这两个吧。书,倒是没什么特别的数。触动么,也不算吧,只是尊敬学习。
2、推荐一两本书,你觉得对我们会有帮助的?
答:至于推荐书,标准是豆瓣上分数最高的,但要注意,编写时间比较近的才行。很多书分数高,但10年前的,其实里面的例子很多太老土,不适合现在的人,反而是看新的分享类的文字,例如站酷上的,优设上的。还有国外的设计类视频、演讲。