4个帮你快速提高设计稿质感的实用方法

我们经常会有这样的感觉:自己看了不少设计类的书,很多大神的文章也一一拜读过,经手的项目不说种类繁多,但是数量上也算比较可观了,照理来说说是设计经验丰富也不为过。

但是我们在逛设计网站的时候,会看到别人的作品明明跟我们的某个作品风格很相近,但人家的更有细节更有质感,而自己的就平淡无奇,这是为什么呢?

在这里我们先引入一个概念。

图片来自网络

“最后一公里”

“最后一公里”这个词一开始是用在公共交通末梢的问题上的。后来各个行业都提到这个词,就逐渐用来形容“完成一件事情最后且最关键的一步,而这一步通常很棘手,如果得以解决就能让整件事形成完美的闭环”。

在设计领域里,“最后一公里”就是指项目的最终呈现了。

下面,我们就从四个方面聊聊如果快速提高设计稿的质感。

一. 层次

层次分为平面和纵深。任何一个设计师,都应该充分意识到,有节奏的层次变化能在用户内心产生微妙的化学反应。

这是一个航空公司的广告图,我们经常能看到或者说也做过类似这样的设计:一个大大的背景图,加个框,加上文案,很简洁,可是也过于平淡了。

如何提升呢?看下图

我们给图做一些小改动,快的话可能十分钟都不要,看看具体做了什么:

1.文字标题和正文区分开,强弱对比更加明显。

2.让机翼割裂矩形框,产生纵深感。

3.增加投影

是不是效果就完全不一样了呢?

这两张海报,也是用了类似的方法,让2d的画面体现出了3d的效果。如果平时我们在设计中也多多运用这样的技巧,给自己的设计稿制造富有节奏的层次感,结果可能就大不一样。

二. 色彩

在设计中,我们对于颜色不同程度的理解,都影响着设计的表现。一张优秀的设计作品,色彩搭配必然是和谐得体、令人赏心悦目的。

这是两张色调很接近的海报。大家应该都能感觉到右边比左边更有“逼格”吧。

左边的稿子单独拿出来看,其实它也不算是一个糟糕的设计,还用了之前很流行的几何背景,可是和右边的进行比较,左边这幅有更多的色彩和相对更高的饱和度,可能就是它显得“廉价”的原因。

关于色彩,要细说的话太多了,在这里我提四点:

1.色彩的黄金法则:6:3:1

在一个作品中,主色、次要颜色和辅助色的比例,接近于6:3:1,不敢说满足这个条件就一定是一个好的设计,但至少是一个不容易出错的设计。我相信大家对于这个法则都不陌生,但是越熟悉的就越容易被我们忽略,以后大家在对自己设计稿不满意的时候,不妨看看我们的配色是否满足这个黄金比例。

2.勿忘黑色

很多现代简约的风格都会使用黑色,当然我在这里不是呼吁大家大量的使用黑色,而是灵巧的运用。黑色能让任何一个色彩都显得更为干净,当你不知道使用什么颜色点缀的时候,用黑色试试吧。

3.遵循自然的颜色

地球是有颜色的,天空、土壤、群山、海洋,都有着它们各自的颜色。我们在设计稿中,如果违背了大自然的原则,往往会给人不舒服的感觉。有时候,大自然的色彩是最好的提示。

4.色彩的反差

如果通篇是一个色调,会给人乏味、平淡的感觉。当我们需要强调什么、或者想要表达某种情绪营造某种氛围的时候,试试加入一些反差:可以是明暗对比、冷暖对比、轻重对比,也许会得到你想要的结果。

三. 阴影

几乎是gui设计诞生的那一刻起,阴影的运用就无处不在。

这两张图,大家应该都不陌生吧。左边这张是win2000时的界面,右边这张是被无数设计师临摹的mike大神作品。它们有一个共同点,就是都用到了高光、阴影和渐变。

之后设计工具不断推陈出新,设计手法也越来越丰富,这里不能不提到乔布斯,在iphone推出后,拟物设计风靡设计圈,在ios6的时代达到巅峰,几乎所有的设计师都在埋头研究各种投影、反射、纹理、高光。

iOS 7 推行扁平化设计后,当时的设计圈就炸开了锅。「这么多年辛苦练习的设计技巧,说抛弃就抛弃?」于是他们还是想到了阴影。你要说2014年最流行的设计风格是什么,毫无疑问是渐变「Gradient」+长投影「Long shadow」

再到现在,设计师们又看腻了长投影,转向了纸片化的设计,加上大范围的薄阴影烘托质感。依旧是扁平的风格,不过设计师们都在想着办法做出不一样的感觉。

说了这么多,其实就是想表达从十几年前开始,阴影就一直以不同的形式存在设计潮流中,当然我们对于潮流的态度,应该是不盲目跟随,也不强烈抵制,适合自己的才是最好的。

举两个例子,分别是有投影和没有投影的情况下,设计稿所呈现出来的样式,能明显感觉到,适当的投影,对增加设计稿质感确实是有帮助的。(虽然实际真正的项目可能并不会这么做~)

四. 字体

用对字体,设计才得体。你不会想要在卡通风格的设计中用宋体,同理,也不会用娃娃体去做严肃文学作品的封面。

1.了解字体的性格

这是两张海报,左边《海扁王》的海报上用了无衬线的粗体字,一种浑厚、有力的感觉扑面而来。而右边的《裁缝》则是用了有衬线的细体字,给人更多的是轻巧、飘逸的感觉。不同的字体,传递着不同的性格,用的时候可要把握好哦。

2.使用一种以上的字体

如果我们通篇只用一种字体,对看的人来说可能就没有吸引力,分不清主次。适当的增加字体,看起来会与众不同。

3.调整你的行间距

我打了两段话,第一段的行间距是1,第二段的行间距是1.5,相对于第一段来说,我相信大家更愿意阅读第二段的内容吧。

4.注意文字的可识别性和易读性。

关于这点可能会有很多种不同的情况,我就拿了一点举例:我们在设计中可能会遇到在图片上添加文字的情况,在图片不固定的时候,如果我们用了白色,遇到浅色背景的图片会使文字阅读困难,所以通常会加一个不透明度较低的黑色蒙层来避免这种情况出现,当然文字加投影也可以。这种会导致文字易读性差的情况还有很多,大家根据自己的问题采用不同的方法吧。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容