你的慈妈妈来了 發表於 2017-4-7 12:28:08

极简设计有哪些套路?优秀极简设计的套路分析

<p>阅前一叨逼:所谓极简就是,简还不行,得非常非常简,然后还得招人喜欢。</p>
<p>极简设计一直是设计师很推崇的一种设计风格,因为它容易给人一种格外轻松、舒服、高大上的感觉,令人印象深刻。其实还有一个很重要的原因是,极简设计执行起来也要相对容易一些。</p>
<p>不过这并不代表做极简设计就是偷懒的行为,因为要做到简单很容易,但是想同时做到简单、好看、有趣、信息传达清晰就没那么简单了。</p>
<p>俗话说:&ldquo;外行看热闹,内行看门(tao)道(lu)&rdquo;,今天我要带着大家一起来来扒一扒极简设计有哪些套路?通过研究大量的作品,我发现,优秀的极简设计一般都具有以下几个共同点。</p>
<p><span style="color: #ff0000"><strong>1、视觉集中</strong></span></p>
<p>极简设计传达的信息也必须是简单的,所以不允许有干扰因素,整个画面只允许有一个视觉中心。</p>
<p><span style="color: #ff0000"><strong>2、没有多余的元素</strong></span></p>
<p>极简设计的特点是能减则减,只保留必要的部分。</p>
<p><span style="color: #ff0000"><strong>3、大量留白</strong></span></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303217.jpg" /></p>
<p>大量的留白能使主视觉更突出,也能增加想象空间和感官舒适度。</p>
<p><span style="color: #ff0000"><strong>4、干净的背景</strong></span></p>
<p>为了减少对信息的干扰,极简设计的背景都必须是很&ldquo;纯洁&rdquo;的。</p>
<p><span style="color: #ff0000"><strong>5、只用一种表现手法</strong></span></p>
<p>极简设计拒绝花里胡哨、拒绝用过多装饰和设计技巧。</p>
<p><span style="color: #ff0000"><strong>6、简单漂亮的配色</strong></span></p>
<p>优秀的极简设计,颜色搭配是关键,而且种类一般都不会超过3种,颜色太多容易花。</p>
<p><span style="color: #ff0000"><strong>7、美观</strong></span></p>
<p>好看是做设计永恒不变的标准,极简设计也不例外。</p>
<p>几乎所有优秀的极简设计都具备以上7个特点,而在这7点之上,针对不同的设计类型也还有不同的其他要求,我将以下面5种设计类型为例进行详细解读。</p>
<p>极简平面广告:</p>
<p>简单有趣的创意、信息传达清晰、极致的细节、好看的构图。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303218.jpg" /></p>
<p style="text-align: center">▲上图的可口可乐广告是极简设计的典型例子。</p>
<p>有趣的创意:把可口可乐的辅助图形演化成两只正在分享可口可乐的手,而且采用了正负形结合的方式;</p>
<p>信息传达清晰:可口可乐、分享;</p>
<p>极致的细节:线条流畅优美、轮廓清晰;</p>
<p>好看的构图:垂直居中构图,左右平衡且视觉中心在水平线偏上的位置;</p>
<p>简单漂亮的配色:经典的红白配色;</p>
<p>大量留白:画面主视觉左右两边都有大量留白;</p>
<p>视觉集中:视觉中心位于两手之间;</p>
<p>没有多余的元素:整个画面只有中间的飘带元素,连LOGO都没放,还想怎样?</p>
<p>干净的背景:纯红色。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303219.jpg" /></p>
<p align="center">▲上图是乐高玩具的创意广告。</p>
<p>有趣的创意:简单的几块积木倒影出一艘轮船的形状,蓝色的背景犹如大海,寓意乐高玩具可以锻炼小孩的想象力。</p>
<p>信息传达清晰:乐高、积木、想象力;</p>
<p>极致的细节:从光照到积木的质感,再到投影的处理都很细致;</p>
<p>好看的构图:垂直居中构图,且视觉中心在水平线偏上的位置;</p>
<p>简单漂亮的配色:大面积的蓝色与局部的白色还有LOGO的红色;</p>
<p>大量留白:画面主视觉只占版面的十分之一左右;</p>
<p>视觉集中:一眼就能看到那几块白色的积木;</p>
<p>没有多余的元素:空空如也,没有任何装饰元素;</p>
<p>干净的背景:犹如大海的渐变蓝;</p>
<p>有序的视觉流程:第一眼看到上面的图案,然后目光会移向右下角的品牌LOGO。</p>
<p>极简包装设计:</p>
<p>合适的字体(且不超过两种)、考究的排版、鲜明的对比。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303220.jpg" /></p>
<p align="center">▲一款国外的橘子汁包装</p>
<p>合适的字体:圆角粗黑体与圆滑的包装结构配一脸,整个包装只用了一种字体;</p>
<p>考究的排版:所有元素左对齐,行间距分为两种,100%与小字之间的间隔要大于四行小字之间的间隔,这么做既能使小文字单独形成了一个整体,又方便阅读;</p>
<p>鲜明的对比 :集中了方向对比、大小对比、长短对比、稀疏对比,颜色对比等;</p>
<p>没有多余的元素:只有文字,没有任何多余的东西;</p>
<p>简单漂亮的配色:橘子汁的固有色是橘黄色,所以字体就相应使用了一个浅色和一个深色:白色和深橘黄色;</p>
<p>有趣的创意:把100%的&ldquo;%&rdquo;符合演化成两片小树叶,正好与下面的&ldquo;0&rdquo;组合成一个桔子;</p>
<p>有序的视觉流程:最大的视觉点位于最上方,能成功吸引消费者的目光,便从上往下阅读。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303221.jpg" /></p>
<p align="center">▲澳大利亚的沙龙品牌O&amp;M的产品包装</p>
<p><strong>合适的字体:</strong>简洁的包装搭配简洁的字体,一个是圆角的LOGO字体,一个是等线体(分细体和粗体两种);</p>
<p><strong>考究的排版:</strong>文字根据瓶形的结构采用竖排,所有元素顶端对齐,行间距根据信息类别分为三种,美观且便于理解;</p>
<p><strong>鲜明的对比 :</strong>集中了粗细对比、大小对比、长短对比、稀疏对比等;</p>
<p><strong>没有多余的元素:</strong>除了文字还是文字(图片表示失恋了);</p>
<p><strong>简单漂亮的配色:</strong>米白色的瓶身搭配深褐色文字,纯纯的,我喜欢;</p>
<p><strong>有序的视觉流程:</strong>从右到左,从大到小,依次是品牌名、产品名、产品功效、净含量等。</p>
<p><strong>极简标志设计:</strong></p>
<p>精简的图形、漂亮的轮廓、易记易辨别、简单易懂、有且只有一个亮点。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303222.jpg" /></p>
<p align="center">▲德国冰淇淋品牌Bardot的标志</p>
<p><strong>精简的图形:</strong>一个经过了高度概括的图形,比起左边的嘴唇简单了不是一点半点。</p>
<p><strong>漂亮的轮廓:</strong>优美流畅的曲线、图案上下对称又左右平衡,来源于生活又高于生活。</p>
<p><strong>易记易识别:</strong>竖着的性感大红唇,我就记住了这么一个。</p>
<p><strong>简单易懂:</strong>字母B与嘴唇的图案非常明显,也容易想到跟吃有关的东西。</p>
<p><strong>有且只有一个亮点:</strong>竖立的嘴唇;</p>
<p><strong>简单漂亮的配色:</strong>经典的红配黑;</p>
<p><strong>精致的细节:</strong>线条流畅优美、轮廓清晰规范;</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303223.jpg" /></p>
<p align="center">▲广州地铁标志</p>
<p><strong>精简的图形:</strong>能把铁轨、字母&ldquo;Y&rdquo;、羊角等元素合而为一的图案,我想不出更简单的了;</p>
<p><strong>漂亮的轮廓:</strong>左右对称、上大下小、曲直合一;</p>
<p><strong>易记易识别:</strong>一个类似羊角的红色铁轨图案;</p>
<p><strong>简单易懂:</strong>显而易见的铁轨与字母&ldquo;Y&rdquo;,还有羊角;</p>
<p><strong>有且只有一个亮点:</strong>分叉的铁轨;</p>
<p><strong>简单漂亮的配色:</strong>红色图案搭配黑色字体;</p>
<p><strong>细节精致:</strong>标志图形中左右两跟线条的粗细,与左右两根线条之间的空隙都控制得非常好,轮廓清晰又不会显得分散。</p>
<p><strong>极简字体设计:</strong></p>
<p>易识别、没有多余的笔画、极简的线条、好看的字形。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303224.jpg" /></p>
<p align="center">▲&ldquo;贴&rdquo;字设计</p>
<p><strong>易识别:</strong>虽然很简洁,但保留了主要笔画,所以依然能一眼看出是个&ldquo;贴&rdquo;字;</p>
<p><strong>没有多余的笔画:</strong>与宋体字对比,至少在9处地方做了精简;</p>
<p><strong>极简的线条 :</strong>直来直去、没有任何多余的修饰;</p>
<p><strong>好看的字形:</strong>该字体设计虽然偏硬朗风,笔画比较粗,但是平衡性很好,好像是由几个几何方块堆叠出来的一样,放在田字格内,上下左右四个部分的比例都分布得很平均;</p>
<p><strong>与众不同:</strong>经过对&ldquo;贴&rdquo;字的笔画进行删减与概括,加上重新调整了字体高宽比例,使得该字体与自库里的文字有很大区别。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303225.jpg" /></p>
<p align="center">▲字体&ldquo;良绅&rdquo;的设计</p>
<p><strong>易识别:</strong>很轻易能看出是&ldquo;良绅&rdquo;二字;</p>
<p><strong>没有多余的笔画:</strong>与左边的圆黑体相比至少做了7处简化;</p>
<p><strong>极简的线条 :</strong>该删的都删了,而且重新建立了部分笔画之间的连接;</p>
<p><strong>好看的字形:</strong>这两个字体偏向于淳朴风,笔画较细,端点和转角都是圆角,所有笔画粗细相同,&ldquo;良&rdquo;字与&ldquo;绅&rdquo;字的&ldquo;纟&rdquo;都做了精简和笔画的连接。字体的比例比较修长,整体感觉时尚而不失优雅。</p>
<p><strong>与众不同:</strong>这是两个经过高度精简和重新设计的等线圆体字、别的字体连起来的地方它断开了,别的字体断开的地方它连起来了,要的就是与众不同。</p>
<p>极简网页设计:</p>
<p>考究的排版、鲜明的对比、有序的视觉流程。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303226.jpg" /></p>
<p align="center">▲bear on unicycle网站首页设计</p>
<p><strong>考究的排版</strong>:图片垂直排列在左,简洁的粗黑文字居左对齐摆放在中间位置,链接按钮垂直排列在右,形成一个&ldquo;H&rdquo;形的构图;</p>
<p><strong>鲜明的对比 :</strong>集中了大小对比、颜色对比、方向对比、点线面对比等;</p>
<p><strong>有序的视觉流程:</strong>从左到右,从大到中到小,从图片到文字再到链接按钮,视觉流程很清晰;</p>
<p><strong>没有多余的元素:</strong>整个画面只有一张图片、3个单词、5个链接Icon;</p>
<p><strong>简单漂亮的配色:</strong>经典的红、白、黑配色;</p>
<p><strong>干净的背景:</strong>纯红色。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170407122303227.jpg" /></p>
<p align="center">▲苹果官网iphone7页面设计</p>
<p><strong>考究的排版:</strong>图片从右下角斜插进来,但是视觉中心在画面正中间,细小的文字居中对齐排列在图片正上方,使整个版面更加平衡,且与下面的手机形成对比;</p>
<p><strong>鲜明的对比 :</strong>集中了大小对比、颜色对比、方向对比、点线面对比等;</p>
<p><strong>有序的视觉流程:</strong>人们会第一眼被产品所以吸引,但是目光马上转向文字,并从上往下阅读,形成一个感应水龙头式的视觉线;</p>
<p><strong>没有多余的元素:</strong>除了文字与产品连毛都没有;</p>
<p><strong>简单漂亮的配色:</strong>产品与背景都是黑色,产品名称和文案用了白色,链接文字选择了科技蓝进行区别,整体感觉就是:比逼格更逼格(biger than biger);</p>
<p><strong>干净的背景:</strong>纯黑色。</p>
<p><span style="color: #ff0000"><strong>总 结</strong></span></p>
<p>从学习的角度来说,极简设计的套路要更清晰、更明确,而且复杂的设计也一般是在极简设计的框架上做加法达到的效果,所以极简设计是设计师必须掌握的设计风格。不过需要注意的是,极简设计虽然很很叼,设计起来也确实要相对容易一点,但它也只不过是是众多设计风格中的一种,并不会适合所有品牌、品类、消费人群,所以最好不要过分迷恋。</p>
<p>文章最后,大家可以思考一个问题:关于设计,你觉得是做加法更容易还是做减法更容易?</p>
頁: [1]
查看完整版本: 极简设计有哪些套路?优秀极简设计的套路分析