UI设计成长笔记 No.14

本期目录

设计理论

设计欣赏


ONE / 设计理论


1.1 如何做一份优秀的作品集


1.1.1 作品集制作之前需知

整理作品集是一个不断持续的过程,不管你是不是想要换工作,你需要现在就开始动手为自己的作品集立项了,每隔一两个月就更新迭代一次,持续打磨自己的作品集
一份不错的作品集不仅可以展示设计师的工作成果,还能看出设计师对待工作的态度和专业水平。
一份全套作品集,包含了工作后所有的项目。
一份投递作品集,从全套里筛选。投递作品集也可做两版,简洁版,集中展示与岗位高度相关的作品:详细阐述版,在面试中展示。

作品集展示方式的错误形式

  • 文件夹轰炸型
  • 一图流型
  • 多图参差不齐型
  • 附件密集型

作品集全局注意事项

整体风格样式
作品集主要目的是展示工作中的项目,所以不要喧宾夺主,视觉风格适度就好,切勿过度包装作品集而忽视作品本身。
每个项目添加背景说明、设计思路
添加项目背景说明的时候最好能用具有实际商业价值的数据说话。

1.1.2 一套优秀的作品集需包含的内容

优秀作品集至少包含三部分内容

  • 公司项目
  • 视觉项目
  • 个人练习

具体放置设计类目

App:建议两套包含

  • app说明
  • 原型图
  • 效果图
  • 展示效果图
  • app图标规范
  • app视觉规范

3套网页
几张专题页
2套自己设计的图标
平面作品
海报
字体
版式
插画

放的作品要少而精

  • 能够反映自己优秀能力的内容,设计不好的太初级的不放
  • 团队项目中优先选自己贡献最大的作品,强调你为这个产品做的贡献
  • 选面试官想看的作品,根据招聘需求和自身职业目标,对作品集内容进行针对性的分类、排序、扬长避短
  • 重点突出设计亮点、主要功能,阐述设计效果
  • 作品集条理清晰,按类目划分,突出自己是综合能力型设计师
  • 每个类目放2~3个高质量作品项目即可
  • 近期高质量的项目放在最前面,视觉冲击力强的日常作品放在最后,以高品质开端,以高质量结尾
  • 如果某类目下作品确实少,只有一个,其实也可以放上去,但是需要展示完整的设计思路和过程
  • 哪些不适合放入作品集:设计规范、界面标注 / 应用于各类场景的同一重复图标、控件 / 样机展示和透视排版
  • 完整的项目分析包含:项目背景/整体定位/做的过程中的难点和思考,即设计迭代/产出的结果/有什么亮点/写清楚你在团队里扮演的角色/你有什么收获以及对项目的反思。讲讲重点项目的思考过程而非结果呈现。判断设计师真是水平的应该是整体思路,如何构思/如何呈现/如何沟通,这些才是设计的全部。
  • 若没有实际实战项目,可在github上找开源项目,改进已有用户基数的app的UI。选好项目后先了解项目需求,再做UI模型。收集数据,你改进的那些功能有什么样的用户反馈

一些提升作品集质量的细节

  • 突出在细节执行上的能力
  • 界面的元素是如何考虑的
  • 对于控件使用的熟悉程度
  • 一个引人入胜的标题
    Canvas:How we crafted Facebook’s new immersive ads
    Reaction:Not everything in life is likable
    I visualized a parking kiosk for people in wheelchair
    I visualized a game targeting environmental education
  • 讲故事
    讲故事有起有落,同样项目描述也必须有挫折有思考
    故事会有主心骨,同样项目描述也有中心思想
  • 聊聊商业上的技术上的限制
  • 用一些图代替大段大段的文字
  • 如果项目有impact的话,给出一些可衡量的数字
  • 选一个吸引人眼球的版式主题
  • 添加一些额外的有趣信息,让面试官或客户更了解作为设计师的你
  • 添加了Q&A模块,丰富作品集的内容
  • 添加了独特清晰的线性图表
  • 真实还原设计稿,不要重复性采用相同文案信息、配图等,更好的体现自己的专业度
  • 额外的能力展示:团队合作 / 沟通 / 自己在其他方面的技能 / 作品集本身的美感和条理

1.1.3 作品集结构

  • 封面,可以去设计网站找灵感
  • 目录
  • 个人相关介绍
  • 一到两套小图标25个左右
  • 主题图标
  • 两个App:原型图/低保真/产品图标展示/产品界面展示/设计思考/设计规范
  • web
  • 专题
  • banner
  • 插画
  • 手绘
  • H5
  • 摄影
  • 封底

如何提升视觉上的质感

  • 对比
    大小
    颜色
    形状
    黑白
    远近
    所有能想到的视觉对比元素尽量在作品中体现,以一个为主,运用意向
  • 模仿中融合
  • 老老实实把效果图放上去,不用样机展示,不用透视排版,不那么炫也没关系,写上项目背景和设计思路就行了,把图文排版做好就足够了。
  • 字体要简单并且与整体作品集调性协调,推荐使用无衬线字体,如方正兰亭黑。避免使用奇怪的花式字体
  • 五十页左右完美展示出我们最佳水平的作品合集
  • 杜绝目录里作品顺序与后文作品顺序不一致
  • 杜绝错别字
  • 作品集的命名、格式和大小。只推荐pdf,连带简历整个附件最好控制在15M以内,尽量不要超过20M。因为Pdf格式是最高安全级别,然后是word、wxcel、jpg,.rar .zi也有可能但不一定被判为垃圾邮件
  • 使用工具对pdf进行无损压缩,推荐工具:smallpdf
  • 拒绝模板,有自己的个性/有自己的一个深度专长/杀招(即最擅长对部分)
  • 推荐横版
  • 最常见最安全的配色
    背景用色
    白色
    浅灰 f8f8f8 之类
    文字用色
    黑白灰无色系
    对文字颜色做一个层级划分
    彩色的话建议选一个主色,通过色盘调整出1~2个左右的辅助色即可
  • 注意构图中的黄金比例,平衡好作品的节奏
  • 构图跟这个哪个作品的节奏是不可分开的
  • 作品包装不要过度使用倾斜样式和透明过度的包装
  • 可以不采用样机,如果用的话最好选择最新的样机包装,让作品能与与时俱进

1.1.4 完成作品之后的审视

当你已经完成你的作品时,你需要跳出来重新审视它
来自Pentagram的Jody Huson Powell 的建议
不要把自己看作是一个商业设计师
在团队设计项目中注明自己的角色
文字和图片一样重要
明示你的设计过程

来自Ustwo纪念碑谷的高级设计师Matt Gypps的作品集建议
尽量简单一点
用讲故事的方法展示是如何完成作品的
设计主线要明确
清晰的设计制作流程
作品集内容要有相关性,有诚意有热情
确定某一岗位,请在设计中明确的体现出来
关注细节
字的拼写、标点、语法

来自Wieden+Kennedy的设计总监Karen Jane的作品集建议
设计师的角色是什么
设计思路是什么
做了那些努力?
如何描述自己的工作
他们对什么感兴趣

来自Moving Brands的Stewart Davies的作品集建议
把关注的焦点放在你最优秀的作品上,然后用讲故事的方法来描述它
务必坦诚,拒绝抄袭

1.1.5 邮件的发送

  • 一个好的邮箱标题
    应聘岗位+招聘中重点标示的属性如专业/工作年限等+什么时候到岗
  • 用邮箱发送简历和作品集的时候邮件的正文一定要写上自己是否符合招聘需求的核心需求及自己的优势,注重条理性,不要一片空白。
  • 附件一个个人简历一个作品集不用打包,但每个文档都需准确命名
  • 落款和祝福语

以上内容整理自一下链接
如何制作你的作品集?
豆瓣日记: 如何做好一份的作品集
平面设计作品集制作的必知小秘密
设计师该如何做作品集?
面试UI设计师应该怎样准备作品集?
UI设计师如何制作个人作品集
【设计师作品集】如何写好一个项目介绍
干货来袭,来自顶级设计师的作品集建议
腾讯高级设计师:如何规划有格调的设计作品集?
设计作品集的12个技巧:你需要一份更加专业的作品集
五个技巧,告诉你该如何准备作品集





TWO / 设计欣赏


2.1. 原创 | 2018年度个人插画汇总

2018年度我最为自豪的事情就是在 日作团 存活了十个多月之久,目前仍未被踢过,并且2019也会努力让自己在群里继续存活下去。

一件事如果能让我坚持一年,那肯定是热爱了。
但是在这个热爱的过程中我也发现了我的一些问题。总喜欢对某些本可以更完善的细节视而不见。所以我在热爱的同时应该培养一种更为专业的习惯和精神——不断的寻找突破和完美
这将是2019年我需要重点关注的事情了,我也相信,经过一点点的训练,我可以不再畏惧这些细节,让整个作品呈现一种更和谐完美的状态。

2.1.1 大头娃娃 | 对大头及无描边插画的尝试

1
2
3
4

在第12期里为分享了猫衫儿的大头娃娃系列,很喜欢,之后我便自己尝试这种画风,之后便将其与我的凸眼症相融合又画了以下两幅

1
2

感谢猫衫儿,其中一副还得到了她的点赞呢~~

2.1.2 敦煌猪 | 敦煌画风的尝试

1
2

这个风格只做了两幅。
当时是 日作团 大型年度主题活动——大家一起制作2019年台历。因为2019年是猪年,所以大家基本都选取了猪这个形象。
我画的这个形象是根据 一月组长 无味兄 的猪的形象跟我的凸眼症融合而来的。在造型和动作上参考了敦煌壁画。
先画了一副飞天,后期因为小组内容不够,又加画了反弹琵琶,不过反弹琵琶被要求画这个奶茶给你眼睛,所以就没有了大圆眼的特征。
反弹琵琶这幅画了一天,参考了很多造型最后确立了这么一副画。
个人还是蛮喜欢反弹琵琶这一副的。感觉飞天有点呆,哈哈哈。

2.1.3 呆萌小人 | 对简约风格的尝试

1
2

基础形象是安卓小人和凸眼症的结合。
我在给超哥绘制头像的时候设计出来的。因为超哥是安卓开发者以及GDG组织者,所以我在造型选择上选了他很喜欢的安卓小人。再结合我的个人特色,来丰富和个性化这个形象。
很多人很喜欢这组小人,但是后期很少再画了。
2019年应该会给它们安排更多cosplay吧。目前就cos了神雕侠侣这一组。

2.1.4 单色凸眼症患者 | 对单色线条插画的尝试

1

特别喜欢pinterest上单色线条的插画,所以尝试将自己绘制的草稿画成这种风格的,加了一点粉色做点缀。整体效果还可以,只是很多细节还不够完美,有些细节表现的过于繁琐,需要简化。

2.1.5 早期凸眼症患者系列 | 对插画的初次的有目的的尝试

1
2
3
4
5

这里我又要感谢 日作团 了。因为虽然以前也喜欢画画,但是都是随便画着玩的。在日作团我见到大家都是一个系列一个系列的画,所以我也开始尝试做自己的系列。也没什么固定的形象可言,于是给自己设定了几个规则便开始画了。那时候群里活动主要是画群友,于是我便一个个画。
在不断的绘画过程中形成了这样一种风格。虽然不完美,但是作为我的起来我还是很喜欢的。

2.1.6 美美小日子 | 对生活的理解和思考以及行动

1

作为一个书呆子型人,我大学毕业前基本没什么生活常识,于是在生活中总是能遇到各种各样的问题。为了让自己更好的面对这些问题,我想把他们都整理总结一下,针对每种情况做不同的解决方案。
仍然要感谢 日作团 ,我开始用绘画的方式来总结生活。产出很少,但是却是一个完美的开始。
这个系列还是有不少人喜欢的,2019,继续。



受去年日作团的启发
我今年要发起一个新的项目:日进斗金
通过微信群打卡的方式大家每天都进行设计练习
练习内容不限,但是每天都要有内容产出,半成品也可以
如果哪天没有打卡就会被踢出群
是一个残酷的生存游戏
感兴趣的小伙伴欢迎扫描下方二维码进群
或者扫描再下方的二维码加我微信,由我拉入群。

想有更多交流欢迎添加本人微信:Cymaizi



comments powered by Disqus