易学堂课程分享:设计的基础

易学堂是公司开办的学堂,每个人都是学生,选修喜欢的课来积累学分;每个人也可以是讲师,只要你有货且乐于分享,这便是你表演的舞台。

本次分享的嘉宾是我司的设计总监悟空大师兄,多年的设计经验,让我们的产品在每一次迭代中都变得美。没办法,他和他部门伙伴的职责就是让美好的事物相继发生。

本期内容《设计基础》 之 思维导图

设计基础

即使你不从事设计方面的工作,但也是需要知道哪些设计是好的。正如你可以不是大厨,但还是知道怎样的美食符合自己的口味。

接下来,让我们一起走进大师兄的设计课堂:

>>>>

设计是什么

设计与艺术的区别:

艺术需要解释,设计是种共识

艺术为艺术家们创造,设计为用户创造

艺术没有目的,设计目的明确

艺术追随风格,设计追随功能

大师兄曰:“设计是关注问题、解决问题,是平衡美与功能,让“用户”愉悦的艺术。”

设计与我们的关系

有意识地使用设计思维会让事物更高效。有一句特别唯美的话:把时间浪费在美好的事物上。但前提是你得知道什么是美好的事物。

>>>>

设计基本原则

亲密性

A和B,你更喜欢哪个?

反正我是选择B,看起来就特别清晰明了,有组织性,适当的留白让相关的内容都关联在一起,让它们看起来就特别亲密。

对齐

使用简单的对齐技巧,就可以让你的名片大不一样。

重复

统一,增强了视觉效果。

对比

有时通过改变字体、大小、颜色、粗细等等就能做到对比,话说你被哪个banner吸引了?

大师兄,来一个小小的总结:

亲密性:相关的项应当靠近,归组在一起。多个项之前存在很近的亲密性,他们就会成为一个视觉单元,而不 是多个孤立元素。有助于组织信息、减少混乱。

对齐:任何东西都不能在页面上随意安放。每个元素都应与页面上的另一个元素有某种视觉联系。这样能建立  一种清新、精巧而且清爽的外观。

重复:让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大 小和图片等等。这样以来,既能增加条理性,还可以加强统一。

对比:基本思想是要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相 同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者首 先看这个页面。

>>>>

色彩基础

色彩构成

懂得色相、饱和度、明度,你就推开了设计之门。

色彩功能

想想肯德基、麦当劳,它们用的颜色是否刺激了你的食欲呢?

色彩印象坐标

如图,哈哈

配色

避免采用差别过大或过小的色彩。

>>>>

内容合理性

内容量

有想扔掉左边遥控器的冲动吗?过多的内容会成为负担,会影响关键信息传达。

写文章也是,几乎很文字都能精简。王烁老师也说过:“你去留意你写的东西,其实里面很多“的”字都可以删掉。”

层次感

2/8原则,即20%的内容常常有80%的重要性,突出这20%,让人一瞬间得到有用信息,并饶有兴致的去阅读剩余的内容。

互动问答

1、对你设计方面影响很大的书或者人是?它给你的触动点是?

答:人么,迪特·拉姆斯,原研斋,这两个吧。书,倒是没什么特别的数。触动么,也不算吧,只是尊敬学习。

2、推荐一两本书,你觉得对我们会有帮助的?

答:至于推荐书,标准是豆瓣上分数最高的,但要注意,编写时间比较近的才行。很多书分数高,但10年前的,其实里面的例子很多太老土,不适合现在的人,反而是看新的分享类的文字,例如站酷上的,优设上的。还有国外的设计类视频、演讲。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本书讲了什么 复杂的设计原理在本书中凝炼为亲密性、对齐、重复和对比这4个基本原则。作者以简洁明快的风格,将设计所必...
    少穻阅读 6,497评论 0 14
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 我的沉默不语,不需要任何人懂,只需要这样去做就可以了。 好像一个人的山路,前行就好。
    心源宝贝阅读 1,313评论 0 0
  • 饭局酒场敢称王 白啤数瓶心不慌 众人皆醉他独醒 歌声嘹亮震四方 业余爱好玩拳皇 桌球台上响当当 身材微胖性豪爽 爱...
    细听风雨者阅读 1,241评论 6 6
  • 我现在的处境是这样的,年龄二十六周岁。未婚,没有女朋友。好像我真的不擅长和别人交流。一米六几的身高在人群中是,根本...
    看着我成长阅读 1,241评论 0 0