电商设计淘宝美工学习论坛(惠优教育) 

开启左侧

[设计案例] 如何让设计富有节奏感与层次感?

[复制链接]

[设计案例] 如何让设计富有节奏感与层次感?

2015-4-11 13:55:36
分享让更多人关注你/人气值2189

本消息不影响浏览,注册后将消失!来都来了,注册一下吧

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

字体设计封面.jpg


先来看几组海报

▼下图的海报通过强烈的大小对比,以及垂直的视觉引导,让人感受到海洋的波澜壮阔。

01.jpg


▼大字与小字之间产生的节奏,标题被突出,主次分明,下角的小字是为了增加设计感,为细节而存在。

02.jpg


▼如果尝试去掉小字,马上就少了很多高大上的国际范了,是不?

03.jpg


▼主要元素突出,小字部分是为了突出视觉精度和品质感,还有一个重要作用就是填补视觉空白。让设计更加规整。

04.jpg


▼如果去掉小字,或者将小字放到其他位置,画面立马失去了速度感和力量感,也失去了平衡,没有了精度感,感觉设计不完整。

05.jpg

▼同理大小字相互依存,产生了节奏感,让画面更加细腻。


06.jpg

▼右上角小字去掉之后品质缺失,不过小字也不能乱加,需要注意与画面其他元素之间的关系,注意整体效果。


07.jpg


再来看下棒国的游戏网页案例


▼根据内容进行排版,通过大小,轻重,疏密,缓急进行对比,有没有听到鼓点的节奏呢?


08.jpg

▼通过这个页面的节奏感还可以继续细分,比如中间新闻框那里,标题较粗,正文较细较浅,再加上一条浅色的细线,然后重复,产生节奏感,而注意新闻栏右侧处加上了图片和左侧有形成了对比,使得整个设计不单调乏味。

09.jpg

▼节奏感不仅存在于元素的大小,轻重对比上,画面的虚实,远近,冷暖等也和节奏有关系。

10.jpg

▼通过远近虚实的节奏对比,立体感,空间感马上凸显出来了。

11.jpg

▼这个页面第一眼看上去颜色有点多,但是没有显得过于凌乱,主次节奏分明,气氛强烈。


12.jpg

▼该突出的突出了,该减弱的减弱了,有没有听到鼓点的节奏呢?


13.jpg

转自站酷 作者微信/sni2010 <end>



你知道吗?认真评论的孩纸;很快成大神了!
您需要登录后才可以回帖 登录 | 立即注册
全部评论: 3条
一代宗师 2015-5-6 20:35:29
看来成为一代宗师还需努力啊
回复 支持 反对

使用道具 举报

何事伴春风 2015-7-21 12:51:44
要好好学习啊。受教了
回复 支持 反对

使用道具 举报

xingyunxing 2016-6-2 17:36:37
近大远小,近实远虚,近暖远冷。节奏感,对比的用法。学习了不少,谢谢楼主的分享
回复 支持 反对

使用道具 举报

快速回复 返回顶部 返回列表