小白轻松学会简单平面设计实战篇

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:一起开工

关键词

小白轻松学会简单平面设计实战篇

小白轻松学会简单平面设计实战篇

根据你的需求去确定你的画面会有什么内容,包括中心思想、信息、你的受众是谁。画面里面要确定好你到底想要表达什么样的内容,重要的信息是什么,并且有哪些人会去阅读。

根据你的需要、表达的信息的重要程度进行排序,比如说排列好主次文字的信息

从最重要的信息开始确定你要用什么样子的图形、风格和颜色

重要信息的处理方式:阅读顺序、颜色的抢眼程度、细节装饰

次要信息的处理要做好减法

整体调整画面,再一次去审视你的信息传达程度:阅读顺序、抢眼程度

如何判断一张设计过的图的“好”还是“不好”,最重要的标准是:信息是否能够准确传达

假如你声音很好听,天籁之音,但是你说出来的语言没有人懂,那么就失去了信息传达的意义。

站在审美的层面来讲,风格、色调、还有更多的时间和经验完成画面。以上三点都做得不错的话可以判断为一个好画面,前面两点更是重点,因为要使人阅读舒适,后面一点是因为积累了前面两点的经验才能去执行的。

形式永远追随功能,功能为先,即使你的设计图多low,只要能准确传达到信息,比起那些好看华丽的设计但无法准确传达的,也是一个好的设计图。

小白轻松学会简单平面设计实战篇

例子:互动博物馆

小白轻松学会简单平面设计实战篇

一起开工社区的互动博物馆的活动海报。当初一接到“互动博物馆”这个title的时候,我的思考是:博物馆应该是一座建筑,而这座博物馆比较特别和吸引人的地方在于“互动”。

第一步:分好的信息内容的主次

所以我就开始思考到底怎样可以把“互动”凸出来,我把“互动”二字放在了最突出的信息上面,第二个重要的信息就是“博物馆”。

第二步:确定风格、图形和颜色

开始思考“互动”应该怎么去表达得很抢眼的时候,想到既然博物馆是建筑,那就把“互动”做成建筑把!(这个时候思考表现手法还要考虑时间,该海报花了大概一天半的时间,当然其实还可以有很多不同的方式)

第三步:处理信息的关系

这一次的活动挺大也好玩,所以我希望用很突出的方式去展现,选择用颜色来去做信息的区分,主要内容用抢眼的黄色,而背景就用黄色的补色,深紫蓝,这样就可以最大程度地把“互动”两个字突出来。这时我已经订好了我想要的风格样式。而“博物馆”在于次要信息中,所以我并没有处理得特别明显,不会抢掉“互动”,但同时在画面也是一个很鲜艳能第二眼看到的位置,并且符合我们的阅读顺序,所以我只用了一些比较轻的手法把这几个字做成立体。

小白轻松学会简单平面设计实战篇

“互动博物馆”海报成品

回顾互动博物馆的海报:

主旨是放在互动博物馆

“互动”是一个最特别的地方,放在第一位信息,最抢眼的位置

第二阅读顺序是“博物馆”,,同样重要,但是不能够抢了“互动”

几点都达到了,就是信息传达的目标就达到了。

人与人之间的沟通

设计师要跟给他设计需求的人沟通,这个是最痛苦的,经常看到很多设计师需要改改改。但是其实有一些改动是可以去避免的,只要沟通得到位。

在刚才所说的第一步构筑你大致的画面时,最好是跟给你需求的人去共同构建,在双方意见相一致的时候开始深入你的画面,这样是最省时省力的。

设计师是一个能把画面变美的能力,所以必须要有自己的判断能力,通过对比就很容易知道美跟不美,平时要多做积累。

小白轻松学会简单平面设计实战篇

在呈现出你的半成稿给你的产品经理看的时候,必须要经过自己的判断,在有限的时间内,改出最满意的5个稿,再挑3个给pm看(这个阶段是50%的完成度)这样的话pm至少会知道你努力过,这样的迭代有说服力,而且还有对比,如果在这三个方案里面选的深化方案的话pm选择大多是跟你一样的。(人的审美都是趋同的)

还有就是稿是要纵向延伸的,意思就是在原有的基础上深化,而不是重新横向去想方案,这样子到了中期是一件很不科学的事情,因为你会把精力分散,导致n个方向做不好,最终还是得改。如果挑选稿子的时候还是不满意,看时间来办重新再来,再跟pm重新沟通吧。

小白轻松学会简单平面设计实战篇

沟通小窍门:可以找一些你想表达的类似的作品给pm看,然后画画草图,也可以叫pm找给你看。

设计是受很多不同的事情所约束,除了沟通,还需要在约束范围内做到极致。

如果你没有时间,可以用uimaker.com/uimakerdown/">素材拼凑;如果时间充足,就拿起画笔;如果没有钱,就要用最便宜的方式来去解决。努力地去权衡这些关系,用自己的统筹能力来解决你所遇到的事情,这就是设计(这里讲的是解决视觉传达的问题)

最后来点tips

如何令你的图像更加高级,这个是在传达功能之上后去做的发挥。

要了解每一种媒介,比如材料,材料都会有限制,价格方面还有做工与效果。纸和屏幕的差别还有规范也需要去了解,这样才能得心应手游刃有余。

小白轻松学会简单平面设计实战篇

例如给你一张纸,叫你表达一张椅子,你可以选择写字,可以选择画出来,也可以用纸折成一张椅子。在同样表达了“椅子”这个信息,但折纸则是用了纸的特性来作为传达媒介来去表达。

小白轻松学会简单平面设计实战篇

在所有限制的范围内做最大限度的表达

了解流行趋势,用流行的技术手法和颜色来去完整画面。

小白轻松学会简单平面设计实战篇

 收藏