与南征老师学习版式设计之回顾(8)

用户头像
深圳/UX设计师/9年前/8803浏览
与南征老师学习版式设计之回顾(8)
用户头像
Klaus_Mo
写这篇文章,
一是:因为在和一位同门讨论设计的时候感受到了设计的基础是多么的重要,
二是:一位群里的设计师在群里给她的设计稿的时候,感觉排版很弱,最基础的东西都做不好,
三是:分享出来给大家,一同进步
最近有位同门很是勤奋,经常与我讨论设计,在这过程中帮助了他,我也学习到了很多,
谢谢信任我的设计师,与我讨论一同进步。
与南征老师学习版式设计之回顾(8)(图ZNTY3MTY1MDA=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
首先,我们今天要说的是什么是整齐?什么是主次?
经常看到很多设计师的稿子,画面很散,感觉不知道哪个是重点,哪个是次要的。
所以今天我们讲讲什么是整齐和主次
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MTY2NDQ=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
这是一位设计师发给我的,他给公司做的一个简单的设计稿,
他说标题“致未来的你”和“你,不该静止冷观。疾驰,便是未来应有的步伐”一样是重要的,都要突出,然后另一段正文是次要的。

大家看看这个设计稿,是他说的标题和主要语句突出了吗?
反正我没看出来,除了中文放大加粗、英文缩小变细的对比之外,其它的没发觉有啥突出对比的
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MTcxMzI=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
这稿是我跟他说了,标题做些设计突出,主要语句加大加粗后做出的一稿设计
但总体感觉,信息的阅读还是很难,
他虽然做了一些对比,但是不够强,而且标题的设计太多了,有些过了,整齐不够,阅读性差
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MTczNjg=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
这一稿,只做了标题上的修改,但其实我是想他放大“TO”,其它层级一层层弱化下去
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MTc0OTI=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
嗯,“TO”放大了,对比够了,信息他改成了左右两栏排版,
但是最忌讳的是“右边竟然使用了右对齐”,大家感受一下,是不是阅读起来非常的难受,如果使用左对齐那肯定会好很多。
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MTc0MDg=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
看,右边文字使用了左对齐以后,这样阅读起来就舒服多了
而且中英文按照我说的,分开成段,而不是一句对着一句翻译,又好了很多,
一切为了让客户阅读舒服,而不是胡乱的设计,
请“整齐,整齐、整齐、再整齐”

但是她的两段英文又没有使用顶端对齐,大意啊
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MTc4Njg=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
最后终于改成了这稿,阅读起来舒服了许多
本来应该完稿的事,就一个简单的设计嘛,没必要搞那么久,是吧?
但是后来看着他那么激情的又折腾了几稿,我就也找了一下案例给她看看
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MTgxNTI=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
诺,你看看,就一个简单的信件设计稿,
有那么复杂?
简单的称呼语加粗、大一号字体,正文常规,不就OK?
有那么复杂?有那么复杂?有那么复杂?

后来我也心血来潮,问他要源文件,自己改改试试
不改不知道啊,改了吓一跳啊,
下面的内容大家要仔细看了,这将决定你的设计水平提升的问题
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MTg4Njg=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
先看第一稿对比,上面是这位设计师刚刚的稿子,下面两稿是我做的,

首先要说的是我做的“称呼语”TO加粗了,其它层级弱化了,主要语句只是比正常语句加粗、大一号字体而已,其它的没做变化,

但是你感觉到没有?我的每段文字,每行文字,非常的整齐舒服,
有木有一种爽爽哒赶脚?

也就是拿到了源文件,我才发觉她做的稿子,字间距、行间距都没有调整,
兵家大忌啊,和南征老师学过版式设计,做设计的时候还不调整字间距、行间距
记得老师上课的时候常说“文字的字间距、距行间距不做调整,会非常的丑”

打个比方的,调整过字间距、行间距的文字,就像整齐的部队,有纪律、整齐、漂亮、气势强。而没调整过字间距、行间距的文字,就是散漫的土匪,无纪律、杂乱、丑陋、气势弱。
两军对垒之时,调整过字间距、行间距地文字,瞬间秒杀了没有调整过字间距、行间距地文字。
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MTk1NDA=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
其实有关于字间距、行间距的调整,在我写的《与南征老师学习版式设计之回顾(4)》文章的里面,我就有一些笔记,笔记中已经详细写出来了字间距、行间距我们要设置多少,但是估计没几个人重视。

也许能力的提升就是这些细节的处理,记得同门师兄弟学了老师的课程后,都说就是这“字间距、行间距”的调整都值得整个课程的学费了,

让你的设计瞬间提升到了一个级别,这绝对不是吹牛,而是我们每个学员的真实感受,今天分享给大家,可见我的真心,希望大家一定要重视“字间距、行间距”的调整
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MjAwMjQ=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MjAwMzY=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MjAwNTY=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
后来这位设计师说要加强一下主要语句,我就做了颜色的调整,让它突出出来
以上几稿就是调整出来的,整齐的版式有了,颜色就随便你玩啦。
收藏
与南征老师学习版式设计之回顾(8)(图ZNTY3MjAyMDQ=) - 书籍/画册 - 站酷设计师Klaus_Mo原创素材 - 站酷ZCOOL
友情奉上一张文字层次的剖析对比图,一个红框代表一个层次。
慢慢感受哈

另说一句:此设计稿的版权归这位设计师的公司所有,我这里写文章只是给大家学习,请不要抄袭使用。
收藏
121
|
举报
|
82
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
亲子旅游户外写生儿童节插画
磅礴
六一儿童节城市广场中心马戏团场景插画
白细胞
亲子旅行旅游书籍治愈插画
霸主
趵突泉
一摞硬质封面的大开本印刷品
书籍卡通插画
画册风景插画展示
堆叠的书本
现代画桌上的简约艺术工具
一摞硬质封面的大开本印刷品
靶场
一摞硬质封面的大开本印刷品
拔河
白色背景前一本竖立的书籍
一摞硬质封面的大开本印刷品
书籍卡通场景
白桦林
简约时尚书籍杂志封面设计
白矾
翻开书本插画
褒奖
亲子旅行户外旅游帐篷书籍野炊
你可能喜欢
相关收藏夹
大家都在看
登录注册