相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

版式设计的平衡原理

天堂鸟发布于:2017-9-14 10:26
天堂鸟
北京市 怀柔区 
发私信 + 关注
简介: "说不出为什么,但总感觉怪怪的"是很多设计师经常遇到的迷思,这很有可能可能是因为大家在做设计的时候太依靠自身感觉。靠感觉做设计并不是行不通,但不是每个人都天赋异禀,如果大家都依靠感觉做设计,那么成为高级设计师的可能性就太低太低了。一副好的作品肯定不是由单方面决 ...


选择这张素材是有两点考虑,一是灯具外形,要简约并显得有品位;二是灯具整体造型,能帮助我构建一个平衡的画面,这个灯具外轮廓大致为三角形,并能制造空间感。

素材抠图之后就可以置入画面中了。通常海报左上角会成为第一视觉点,所以我把标题放在左上角的位置,为了给标题让步,我把灯具做了左右镜像,并把打折信息放在右下角,并做了一个圆形并填充灯具的主色。这么做一是为了和标题形成一个对角线构图;二是这个圆形像是灯具投下来的光在地面上形成的形状,能和灯具素材做一个关联,同时又能起到强调打折信息的作用。(如图20)

版式设计的平衡原理 飞特网 设计理论

图20

然后把日期等信息放在画面中,这些信息是为了说明打折,所以放在了打折信息上方,从上到下读出来就是"所有灯具在8月25日-8月31日限时七折",符合阅读顺序。日期中的"日"和"月"字都加了圆形底,这是为了呼应打折信息的圆形,而且能增加画面的趣味性。(如图21)

版式设计的平衡原理 飞特网 设计理论

图21

画面的大致结构已经出来了,这时候我发现画面整体视觉有些下沉的感觉,是因为右下角的打折信息过于抢眼,于是我在左上角加了一个大圆来缓解整个画面的下沉感,同时也为画面多加了一个层次。(如图22)

版式设计的平衡原理 飞特网 设计理论

图22

做配色之前,不妨先用网格规整下画面,因为中文字是方块字,所以这里把单元格做成了近似方块的形状,类似我们写作文用的方格纸。(如图23)

版式设计的平衡原理 飞特网 设计理论

图23

所有字体都选择了符合简约风的黑体,主标题字号约等于网格高度的三分之一,字号从大到小的比例为6:5:4:3,行距等于字号加上单元格间距,这么做是为了视觉更加规范。再配上符合春天的颜色就完成了。(如图24)

版式设计的平衡原理 飞特网 设计理论

图24

我们来总结一下这个案例运用了哪些制造平衡的知识点。首先是素材本身就是一个三角形,然后运用了对角线构图,文字组的外轮廓都是梯形。(如图25)

版式设计的平衡原理 飞特网 设计理论

图25

版式设计的平衡原理 飞特网 设计理论

版式设计的平衡原理 飞特网 设计理论

图26

28

好评
18

差评

刚表态过的朋友 (46 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

天堂鸟
北京市 怀柔区 
+关注 发私信
发表评论

最新评论

引用
wojiushiwo...发布于:2017-11-7 11:30
有文有案例有解析,比较不错。阅读几遍,多加练习; 学而致用,方为己用。

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计