• 同样加素材,为什么你是堆砌,而高手就是在做设计? - 优设网 - UISDC

    同样加素材,为什么你是堆砌,而高手就是在做设计?

    2019/03/26 32536评论 28

    平面设计被定义为:通过各种手段创造和结合?#35745;?#31526;号、文字、色彩(构成要素),借此做出用?#21019;?#36882;信息的视觉表现。关于设计的构成要素很好理解,而关于创造与结合这些要素的手段,很多人只是做到了堆砌,以至于做出来的设计很不整体。有人可能会问,什么是整体?设计中的整体是指画面中各个元素要结合得很自然,要达到1+1+1=1的效果。

    我们拿砌房子举例,如果只是把砖头、水泥、钢筋、木材堆在一起,那还是一堆杂物,但如果通过建筑工人把它们按?#25214;?#23450;的架构建成房子,它们就成为了一个真正的整体,设计师要做的?#24425;?#36825;样的事。

    那么如何解决设计不够整体的问题呢?葱爷概括了5个增加设计整体性的技巧,不过这5个技巧主要针对的都是?#35745;?#21644;图形元素,而非文字。

    使相连元素的轮廓形成互补

    当版面中相连元素在轮廓上形成互补时,感觉就像它们之间彼此有作用、互有影响,所以看起来会更自然一些。

    例如在下图的作?#20998;校?#26631;题部分与左下角、右上角这两个卡通人物在轮廓上都没有互?#26500;?#31995;,这两个卡通人物只是被机械地堆砌在标题周围,融合得比较生硬,所以该画面是不整体的。

    调整之后的方案刻意把标题做了错位处理,使左下角和右上角形成两个刚好能融合卡通元素的缺口,从而使这三个元素结合起来不再突兀。

    这样的效果就整体多了,这里为了增加画面的空间感,还把标题做了透视处理。

    统一画面的色彩、风格和字体

    统一是设计最基本的原则之一,指同一画面内的色彩、元素风格、字体要统一,?#28909;?#20027;色和字体最好都不超过三种,元素的风格只能保持一种(混搭风格除外)。缺乏统一的画面不协调,自然?#19981;?#26174;得不整体。

    举个例子,在下面这款包装设计中,很明显小孩与其他元素的风格不一样。?#28909;?#20854;他元素都没有黑色描边,而小孩图形却描了很厚的黑边,牛奶飘带等元素是通过渐变方式?#21019;?#36896;体积感,而小孩图形却是用比较硬的明暗色块强化体积感。所以我们可以感觉到小孩与整个画面有点格格不入,也就是不整体的表现。

    正确的做法应该是把小孩的风格与整体的风格统一,如下图:

    把元素集中摆放

    有些人在做设计的时候?#19981;?#25226;所有空白都填上元素,这么做不仅会造成画面?#23548;?#19981;透气,还会使得画面很散。如果版面中的元素东一个西一个,像一盘散沙一样,那?#19981;?#26174;得很不整体,因为画面的视觉不集中,各元素之间也就很难关联起来。

    下图的海报就是这样,版面的上下左右?#21152;?#20803;素,而且很分散。

    正确的做法是把各元素集?#20449;?#21015;,使各元素紧密相连,?#27604;唬?#20010;别元素?#37096;?#20197;与「大部队」分散开来,创造出鲜明的稀疏对比,如下图:

    除了通过移动元素使其集中起来,其实?#19981;?#26377;另一个技巧可?#28304;?#21040;此效果,即在元素之间增加一个元素把它们贯穿起来。?#28909;?#22312;下图中,文字下方的元素就很散。

    所以设计师没有这?#21019;?#29702;,而是在元素下方增加了一个九宫格色块,于是这些元素就形成了一个整体。

    创造一个视觉焦点

    前面我们刚说了元素要集中摆?#29275;?#20294;做到了集中也不一定会整体,画面还需要有一个视觉焦点。

    ?#28909;?#22312;下图的 banner 中,所有元素都集中在画面中间,但是感觉仍不整体,因为画面缺少主次之分,没有重点的画面就像没有将军的部队,会缺乏凝聚力。

    所以在方?#20184;?#20013;,人物被拉大了好几倍,装饰的圆圈图?#25105;?#25289;开了大小对比,使得人物部分成为视觉焦点,于是画面的整体性?#22270;?#24378;了。

    强化不同元素之间的过渡

    元素与元素之间有过渡的话,它们的衔接就会更自然一些,?#19981;?#26356;像一个整体。

    这一点其实主要体现于合成图中,合成就是将原本不在一起的元素组合在一起,并尽?#30475;?#21040;真实、整体的效果,而如果各元素之间没有过渡,结合起来就会很假。

    那过渡在设计中具体指代什么呢?举个例子?#21512;?#22270;是一张简单的合成海报,从图中可以看出云朵、天空、海水与背景明显没有融合成一体,下面的海草也没有融入大环境,这都是因为元素与元素的结合处缺乏过渡。

    所以要提升天空与背景接触地方的亮度,加强海草的明暗对比度,并且在水草下方增加了一层水波,目的都是为了让元素与元素之间的过渡更自然。

    总结

    我们经常说细节决定成败,但是这个说法成立的前提是你已经把整体做得足够好了,整体既指设计的调性要协调、构图要平衡,也指画面中的元素要结合得有章法,要以一个整体、一栋房子的形象呈现在受众面前。

    欢迎关注作者的微信公众号:「葱爷」

    优设大课堂

    非特殊说明,本文版权归原作者所有,转载请注明出处
    本文地址:http://www.caxp.icu/5-graphic-design-skills

    发表评论 加载中....

    评论加载中....

    uisdc

    评论区都快饿瘪了,看看我期盼的小眼神...

    版式设计 设计师 扁平化设计 交互设计师 界面设计 优设专访 排版布局 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 设计师专访 字体下载 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷?#23601;?#33616; 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

    您还没有登录

    优设启用更安全省心的 微信扫码登录

    微信扫码

    300万设计师聚集地!优设网是极具人气的设计师平台
    2012年成立?#20004;瘢?#19968;直专注于设计师的学习成长交流

    把好文章收藏到微信

    打开微信,扫码分享
    学设计 优设网 在这里

    017期神七是特码
  • pc蛋蛋预测尽享网 大航海时代手机版单机 万圣节财富登陆 足彩17146开奖结果奖金 手机棋牌会被坑吗 北京赛车全天人工计划 十一选五开奖结果山东 绝地求生国际版 龙龙龙怎么玩 山东群英会开奖查询走势图昨天 广东26选5开奖8月23 我叫mt4星生5星 黑手党游戏 浙江11选5走势图任选 莱特币矿池搭建 勒沃库森曼联粤语