网页设计 » 视觉设计 » 醍醐灌顶的版式讲解,改改改!让版式更美

醍醐灌顶的版式讲解,改改改!让版式更美

发表于: 视觉设计. 评论
Sponsor

设计排版是一种艺术展示信息的形式,一个好的排版在能够更好的展示信息的同时,又能够展示出设计的美感,让客户获得信息的同时感受到设计的美。然而平面设计中的排版就是实现视觉艺术的关键。但是不是每个人是天生的艺术家,我们都需要在日常的练习中不断提升自己的审美和技能。下面我们进入正题,看看作者是如何修改设计和排版的。

醍醐灌顶的版式讲解,改改改!让版式更美

医生开的处方字很潦草,但抓药的护士能看懂,这难道是医学暗号?

医生的处方看不懂,但猫大夫的设计处方,绝对一板一眼,通俗易懂。看了就是学到,读了就是赚到!(王婆卖瓜,自卖自夸~)

好了,来跟着猫大夫进入正题吧!

先瞅一瞅需要修改的稿子~这期海量修改案例哦(6个就算海量,任性~)

醍醐灌顶的版式讲解,改改改!让版式更美

这次的改稿来自4月的月练作业,在动手改之前先来看下题目吧~

4月练习文案

“见未来” 王伯驹VS王励均

人工智能PK当代油画作品展

感受人工智能与架上绘画的差异

仰望星空 胜利的一定是理想

时间:2019年12月8日 周日 上午9:00

地址:莱阳市古玩城西首二楼巨响画廊

策展人:张丽娟 王九城

主标题是“见未来”,展览的内容又是人工智能绘画和油画,所以做成偏艺术的风格最好不过。

关于艺术与商业的设计逻辑,会单独出篇文章哦~

好,正片开始,首先来看第一个。

01

醍醐灌顶的版式讲解,改改改!让版式更美

猫大夫诊断:

这名患者采用的布局方式为左图右字的左右结构,本身没啥问题。

但为什么最后出来的东西还是不好呢?其实最大的问题在文字编排上。

在设计上文字特别特别重要!文字编排的优劣能直接决定设计的美丑。不然怎么会说“文字是设计之魂”呢

那本大夫就细数细数这个海报文字上的病症~

病症:右侧文字给人的感觉太乱!

病因主要有三点

1.所有的文字信息都在右侧,而右侧空间又少。

2.文字太多,主标题就不要加引号并用描边的形式了,因为这样会显得更乱。

3.文字之间的窟窿(负空间)太多了,所以给人参差不齐的感受,如下图黄色标示。

醍醐灌顶的版式讲解,改改改!让版式更美

醍醐灌顶的版式讲解,改改改!让版式更美

知道病症和病因后,下面就开处方做手术吧!

手术1:右侧空间少,我们就增加留白!

醍醐灌顶的版式讲解,改改改!让版式更美

手术2:主标题显得太乱,主要是用了引号并用了镂空,我们就去掉。

醍醐灌顶的版式讲解,改改改!让版式更美

小朋友你是否有太多的问号?

就这,也太简单了吧。

没错,简单的就是最好的,不信我们继续往下看~

手术3:老海报编排窟窿多,那我们就换种编排形式。原海报颜色太花,那我们就换成纯色~

醍醐灌顶的版式讲解,改改改!让版式更美

手术4:原海报右侧信息太多了,那我们就把日期处理一下,放到左边,如下~

醍醐灌顶的版式讲解,改改改!让版式更美

是不是清爽了不少,所以说简单的就是有效的~莫要把事情搞复杂~

如果硬要说个气质的话,嗯,我把热闹的气质改成平静的啦~有的同学说,我不要平静的!我要艺术感很强的!

行吧,安排!

02

醍醐灌顶的版式讲解,改改改!让版式更美

o(︶︿︶)o 唉,突然发现好多同学的作品都把“油画”打成“优化”了呢

,这事怪我,布置作业时我手滑了~

猫大夫诊断:

这名患者文字编排虽也有问题但不严重。主标题试图用较强的形式感来表达“艺术”,但没有表达好,造成画面没重点。

病症:画面没重点,虽具有一定形式感,但还是不够!

病因主要有三点

1.主标题描边处理虽然可以,但是太细,不足以作为主体吸引视觉~

2.PK这里用曲线连接属于过度设计,这种形式在这里一没啥意义,二削弱了“PK”的概念。

3.右侧信息区离主标题太近,圆环的文字排列不够细致。

继续开处方做手术吧。这次可是大手术,要大换血~

手术1:形式感不够,就加强形式感!这里就用半调的形式来表现见未来吧~

醍醐灌顶的版式讲解,改改改!让版式更美

除了半调效果,这里还进行了错位编排,“见”在左,“未来”在右~

别问为什么,问就是好看

好吧,因为这样能给版面带来更多的变化,更多的变化就表示更强的形式感~

手术2:主标题排好了,其他文字常规排列就行。

“见未来”占据了左上角和右下角,其他文字就排在空白的地方吧!

醍醐灌顶的版式讲解,改改改!让版式更美

配色上还采用了对比色哩,黄配蓝~

手术3:圆环文字排列不精致,圏的线有些粗。辣我们就直接把线去掉吧!

醍醐灌顶的版式讲解,改改改!让版式更美

顺便把他们当作视线的引导元素,贯穿“见”和“未来”,视线视觉的引导。

手术4:做了半调处理,但会对标题的阅读性造成影响,所以我们再补充一个“见未来”小标题~
醍醐灌顶的版式讲解,改改改!让版式更美

嗯,艺术感和形式感都出来了吧~鼓掌鼓掌鼓掌,鲜花鲜花鲜花

03

醍醐灌顶的版式讲解,改改改!让版式更美
猫大夫诊断:

这名患者嘛,还是文字编排上的问题。从图上可以看出是想做成混合渐变的形式的,但还是没玩好呀~

画面中用了太多的切割元素了,而且切割不规律。

病症:滥用切割,主体不鲜明,文字排列不美观,还把必要的地址信息给搞没了~

病因主要有三点

1.主体不鲜明

2.滥用切割

3.文字编排不美观

继续开处方做手术吧。这个也是大手术,要大换血~

手术1:要用混合渐变做主体,那就用好~

醍醐灌顶的版式讲解,改改改!让版式更美

与其用那种切割的形式,倒不如直接做成一个,做的规整点~

手术2:文字上去掉切割的形式。“见未来”三个字也可以做的更有设计感一点。

醍醐灌顶的版式讲解,改改改!让版式更美

最简单做设计感的方法就是改成描边呗~

简单有效,比自己做个字体设计快多啦~

另外我还让文字跟主标题做了遮挡,形成了前后关系,更有层次感~

手术3:接下来就是摆放其他的文字呗。照例,哪里空就放哪里~

注意文字的编排细节哟,尽量工整、有节奏变化!

醍醐灌顶的版式讲解,改改改!让版式更美

把文字做出节奏变化来,排上去是不是瞬间提分不少~

最后再把丢掉的策展人和地址排到下方就可以啦。

醍醐灌顶的版式讲解,改改改!让版式更美

说是六个案例,但写到这儿猫大夫想跑路了肿么办~

得,后面就直接展示病患手术前后的效果吧!有病您就来找猫大夫,包治百病,治不好就跑路~

04

醍醐灌顶的版式讲解,改改改!让版式更美

这个问题跟01差不多,只不过编排上更热闹一些,没那么冷静啦~

05

醍醐灌顶的版式讲解,改改改!让版式更美

这个也是想玩艺术的形式,但是没玩好,整体太碎了。字体用了描边,给人的感觉也很复杂。

修改后的文字就分了三大块,更简约了吧!

醍醐灌顶的版式讲解,改改改!让版式更美

嗯,通过这例修改的还阔以玩点其他的形式,换种配色科技感就来了涅~

06

醍醐灌顶的版式讲解,改改改!让版式更美

这个嘛,想用作者的作品结合“见未来”三个字表现,但效果很不好鸭~因为高高低低的太曲折了,投影的加入也使画面格格不入呢~

另外就是文字编排的问题,“文字是设计之魂”记住咯

修改后就用个大字报的形式去表现。至于“见未来”与作品的结合,本猫直接用了剪切蒙版,把作品剪切到字里就阔以啦!

醍醐灌顶的版式讲解,改改改!让版式更美

今天分享就到这里,是不是收获很大,在我们的日常设计中自然也避免不了改稿,然而有的时候是很难把握自己改稿的程度,一步小心容易下手过重,导致做出个四不像来,所以希望今天这篇文章能够给你带来帮助。咋们下期见,因为小编要开溜了。

作者 | 大猫Sunjay
来源 | 大猫设计(id:idea-cat)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }