莫b

前几天做了一个招聘贴,头图需要设计一下,用之前做好的素材,咔咔一改,那感悟也是相当之多。会从头图、常用封面手法、层级、过度细节、体验关注点、小技巧这几方面讲解,接下来我们一起来看看!

1. 别太散 

 
本来最开始打算头图直接用这张:

图片

但是后来发现当下面加文字信息之后,整体会有点散,像这样:

图片

所以我觉得做头图,比较适合新手的做法还是让封面稍微聚焦一些,也就是让其看起来是一个整体,比如这种:

图片

这样会比较稳,不容易出错。

 

2. 常用的一个封面手法

当有了头图的时候,我们就需要开始加文字信息了,在一个比较花的画面上加文字,很容易看不清楚,这里我有一个比较常用的设计手法,就是画面上加一个色块,然后把文字信息放在色块上,比如下面这种:

图片

色块的颜色就根据你的画面颜色来定就可以,和谐即可,针对这次的画面:
我加了一个白色色块,然后整点透明度啥的,信息咔咔一加:

图片

这样信息看起来就比较清晰了。

 

3. 层级一定要分清楚

我们在排版的时候一定要学会分清层次,比如在这次主要的文字信息有三层,封面标题、正文标题、正文信息。最开始我就没有把层级拉开,效果如下:

图片

这样就会导致主次不分明,所以后面严格的层级分清楚:

图片

这样就会主次分明一些。
但是有个小问题,就是封面的文字有点不搭,因为元素比较圆润可爱,所以后面把文字也换成了圆体:

图片

这样就和谐多了。

 

4. 注意过度自然的细节

细节还是很重要的,比如我们单看封面:

图片

好像没啥问题,但是如果下面的信息是这样的:

图片

头图和下面过渡的就不是很自然,这时候就需要一些修饰技巧,比如我最常用的就是破界:
让头图的一些元素破界到下面:

图片

这样二者就不会割裂,看起来就会更加的自然。

 

5.关于体验的几个点 

在做这个海报的时候,有发现一些多关于体验的注意点,也和大家分享一下。
比如第一个:
文字居中对齐,如果字少一些还行,但是文字一多就不利于阅读了,所以最后从居中对其改成居左对其。

图片

 

第二个
最开始把所有的招聘岗位都展示出来会对观看者比较友好:

图片

如果你对于招聘岗位没有兴趣,就直接不用下面的信息了,省的划了半天,然后发现没有自己要应聘的岗位,浪费时间。

 

第三个
这个点,看似很初级,但还是很多人会犯的,就是不考虑使用场景,因为这个招聘大部分的使用场景还是手机端观看,所以很容易在电脑上看着很舒服的字号大小,结果在手机上一看,就变得很小,像我最开始做的字体大小:

图片

大家看下在手机上看着就比较吃力了。
这些小的体验点,虽然简单,但有时候还是当局者迷,需要大家多测试,多问别人意见,才能发现问题。

 

6. 学会一点多用,节省资源

因为这个不是工作上的正式需求,只是一些临时的零散小任务,而且当时有好几个类似的小任务,这时候就需要发挥一箭多雕的技巧,比如做了一个小头图,直接用在了多个触点,比如招聘海报、分享海报、设计中心汇报ppt封面等等:

图片

很快就搞定了多个零散小任务,节省很多时间。
不仅在这种需求上,很多常规需求,我们也要学会做一些一箭多雕的事情,比如建立素材库提升工作效率等等。

 

总结 

好了,以上就是今天分享的这个小案例了,虽然素材是之前做好的,但还是有很多细节调整的,过程中也学到了不少东西,希望可以给大家一些启发,么么扔!

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
图片

转载请注明:学UI网 » 没想到一个招聘信息竟然被我做成了干货!

登录收藏
 
你可能喜欢的:
标题性文字怎么设计?排版秘诀搞定你!标题性文字怎么设计?排版秘诀搞定你!
听说这是最难的配色方法——互补色篇听说这是最难的配色方法——互补色篇
版式分析优化 | 搞事情,这么排版才合理版式分析优化 | 搞事情,这么排版才合理
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
教程 | 设计中的规矩与秩序教程 | 设计中的规矩与秩序
不会排版的来看看,如何运用对比制造秩序不会排版的来看看,如何运用对比制造秩序
如何把照片做出有设计感的海报如何把照片做出有设计感的海报
老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道
优化教程 | 没想到,改完以后的画面真的好了许多!优化教程 | 没想到,改完以后的画面真的好了许多!
拯救没思路系列,试试提取风格拯救没思路系列,试试提取风格