福州腮红价格联盟

你的作品称得上是设计吗?

超级美工2018-01-11 22:33:02

最近看了一本书《设计的教室》虽然是平面类书籍,但是设计毕竟有相通的地方,一些知识点对于我们做电商是有些帮助的。

今天本舵主看完之后总结一些点分享给各位。好的设计背后具备哪些原理要素。

这书其实看的很蛋疼,书印的字较小较密。阅读时有点费神。





一、我们为什么要设计?


设计就是为了更加直观的通过视觉形象将信息传递给用户。很多文字无法阐述清楚的词,都可以用视觉将其表现出来,一图胜千言。图比文字更加真实,更可感知。俗称有图有真相。


下面这张杜蕾斯的创意海报,大家都懂… 一图胜千言…



二、设计思路


开始设计之前,一定要明确运营的设计需求,理解内容想传递什么信息,先整理信息的逻辑,主次,重点想突出什么。有一个大致框架,然后再考虑怎么表达。这样我们设计目的就更加清晰。方向确定之后就不要再变动。有的老板自己都没想清楚方向,就让下面人去做,下面人也不理解其意。经常改了几版都不满意,沟通是一个大问题。


运营提供文案后,我们在预览设计需求的时候,就要说清哪里要重点强调,主次之分。到处都是重点反而没有重点。因为不可能画面中每个地方都要放大放大,都要用大红色。好比报纸的标题很大,正文的字号很小,只要读者被标题吸引,一定会去看很小的正文。



画面中的大小都是相对的。也可以通过缩小周围元素,来突出主要物体。最后强调画面必须要有大小主次,没有主次的画面就好比音乐只有最强音,毫无节奏感,那还是音乐吗?



三、使用圆形


人眼看到圆形就会很舒服,因为除了人造物之外,大自然中的物体都是圆角,圆润的物体比方形更容易被人眼接受,更视线更聚焦,便于信息的快速传达。比如7月份饿了么log改版,所有文字都改成了圆角…

圆角形按钮看起来非常柔和舒服。苹果系统里经常会见到各种圆角的界面。


四、关于字体的可视性。


微软雅黑,方正兰亭系列这类方方正正的字体称为无衬线字体,没有笔画修饰,简洁明快,人眼可快速识别。非常适合做电商设计。宋体楷体娃娃体等字因为笔画上经过一些处理称之为衬线字体,标题上可以适当使用,正文阅读部分最好还是使用无衬线字体。(关于方正版权问题大家看下今天发的第二篇文章)


五、让画面富有节奏感?


画面中的元素要富有规律的变化,多利用大小的强弱对比和产品画面错位越界来让人感觉到动感。相同的表现手法画面容易单调,要保证统一感的前提下增添变化。



想让用户从静态页面感受到动感,必须在画面恰到好处的融入不平衡的元素,用户不由自主的联想下一秒的运动,页面虽然是静止,但是用户是需要花时间看的,沿着人类自然视线浏览轨迹将信息摆放出来,可以给作品带来一种缓缓的动感。



六、色相表示变化,色调表示强弱。


大家看下下面这个图,配色十分和谐。


红色和蓝色除了H(色相)不一致,饱和度(S)和明度(B)基本一致。所以色彩配起来特别舒服。你get到了?


七、我们设计依据什么?设计其实好比盖房子。

说的直白就是要说清你为什么这么设计,为什么用这个颜色,为什么用这个字体,每个元素摆放存在的意义是什么。都是应该有根据的。


画面上的颜色、形状、元素摆放的位置都是为了传递信息。每个元素都有自己的存在的用处。而且元素之间必在画面中暗含存在某种关联,比如对齐、等距。


一些优秀的作品,排版都会让人感到非常舒服,好作品背后必然暗含某些规律关联性,比如黄金三分法构图。



上图是王涛大神的作品。

用建筑盖房子来类比设计。我觉得非常契合,这个类比太牛逼了盖一栋建筑,随意改动柱子位置,建筑就会坍塌,改动一间屋,整栋建筑都要重新规划。做设计也是一个道理。经常改一处实际要动全身,很多运营不了解,以为改动也就分分钟的时候,有时改动一部分,画面的版面感觉就变了,也要重新再设计。


7、你听说过网格设计吗?


网格设计就是提前将画面按照比例分栏,然后所有的设计内容全部在画好的分栏里,这样画面就有自然富有规律和整齐性。


可以把一个网页按照数学原理分割成奇数栏或偶数栏,栏与栏之间的空白也要考虑在内。



网格辅助的原理与建筑相同,建筑也是先规划打好地基,然后往上盖房,设计同理,在一个空白页上,有了细致的网格做基线,我们可以有了基准的自由发挥,因为画面中的元素始终与网格保持对齐,统一在一个法则之下。


最后总结:设计是建立在科学理性与感性的平衡之上。一切都以人眼的最终感受为基准。所有的理论工具都是辅助。好作品背后必然暗含某些规律以及关联性!




有些作品人们看过能明显感受到是经过精心设计,而有些则没有,我们没日没夜做的事,就是要让我们的作品称得上是“设计”。


—————end——————

  • 国内最大的电商设计公众号!!

  • 超过100000名电商设计师已加入!

  • 你还在等待什么???