本文不是教大家如何抄袭,而是想帮助那些本身作品就不错的同学,让他们的东西更出彩。而不是让部分人投机取巧去照搬,哪怕在包装时多一些思考,学到一些实际的内容也是好的,希望大家能理性看待。最后:包装只是加分内容,更重要的还是自己实际作品质量,以及脑子里的东西,切不可舍本逐末。
01 目录

本文分为三节内容:
第一节给大家准备了一些案例,先看看优秀的作品和不是那么优秀的作品都长什么样。这一节也是为了看下大家目前的审美是不是都在同一水平线,解决疑问:什么样的包装是比较好的包装?
第二节将会针对第一节中挑选出来的优秀作品进行较为深入的分析,分析为什么他们的作品这么好看,解决疑问:影响作品集好看与否的因素有哪些?
第三节主要通过实际案例展示,我是如何包装一页PPT。解决疑问:如何通过借鉴来快速提升作品集质量?
02 视觉好的作品集与欠缺的作品集都长什么样?

欠缺

中等

优秀

欠缺

03 影响作品集视觉的因素有哪些?


我根据自己的素材库总结出来以下几个点:
- 样机
- 字体选择
- 界面配图
- 色彩搭配
- 排版布局
- 元素点缀

3.1 样机使用建议
3.2 常用字体推荐

3.3 界面配图注意事项

3.4 色彩搭配方法

这里主要讲到的就是,假如我们想定制一套风格比较鲜明的作品集时,怎么确定配色。就跟我们在画界面时想要表现的品牌感是一样的道理,给你的作品集建立一个视觉差异化。假如你不知道怎么配色的时候,可以看下别人是怎么配色的。我这里从dribbble找到了几个界面,我们看下他们是怎么进行色彩搭配的:
- 首先是第一套,tab可以看出他的品牌色是深蓝色,其他重要的辅助色是红色,次要辅助色是黄色,可以看到用色存在一定的比例,这个比例接近6:3:1。
-
再有就是辅助色的挑选,第一套作品和第二套作品都用到了基色(主色)的对比色,也就是在色相环上120°左右位置的这个颜色,第三套则是对比色,那我们可以看到通过调节色彩比例后,最终这三套作品视觉效果都不错。选一个对比比较强烈的辅助色可以给我们作品集带来更强烈的视觉效果,当然配色这个东西还是看你想给人一种什么感受,没有说一定要怎么配。 -
还有界面里面除了一些感知明显的配色外,还有一些感知不那么明显,但是可以给我们高级的感受,那就是文字用色,在实际工作中大多数的产品界面内容文字用色都是常规的333、666、999。虽然和开发对接起来比较方便,但这几个色值在看起来会稍微有点显脏。这个时候我们可以根据自己的品牌色(假如是冷色的话)去衍生一套高级灰,整个画面也会看起来更干净。那可能有人问,假如品牌色不是冷色怎么办?那就看你们需不需要去优化字体颜色,考虑优化的话可以从品牌色衍生出来的24色里面找一个冷色。正常来说往灰色里面加点冷色相看起来会显更干净高级。
04 新増内容(关于作品集中背景的处理)

4.1 竖向切割

4.2 横向切割

4.3 全屏色块

4.4 圆形

4.5 斜角

4.6 抽象图形

05 如何学会借鉴来怏速提升?

5.1 案例阶段

5.2 首次尝试

5.3 再次优化

5.4 案例1


视觉设计说明(以案例一为例):
- 首先是确定配色和比例,这里配色保持产品(豆果美食)配色。
- 借鉴参考中主体物周围环绕的表现手法,将界面内元素拿出。再在底部新增“圆形”,并增加纹理,这里的圆形取自界面内顶部的选中Tab装饰。
- 标题设计(字体选择+色彩装饰),选择了一个合适的字体,这里用的是Gilroy。
- 文字编排,调整行间距2倍。
- 由于原本给到的内容中不包含数据(无法直接借鉴参考原型中左下布局形式)这里给到的方式是将设计阐述中部分内容进行图标化处理,丰富界面布局的同时可以很好的体现个人设计态度及图标设计能力。
5.5 案例2


5.6 案例3



5.7 案例4



转载请注明:学UI网 » 给你的作品集加点料,让Offer来的更猛烈些!
登录收藏