前面准备做完,就终到我们具开始动手做设计的阶段。为一个完整项目,设计必先从标准页面类型展开,样方便进行视风的定和统一。
1. 封面设计
封面设计是别人打开我们品集看见的一眼,而一眼,就要尽量建立良的印象。
谓的好印象,是你像做电商一样非有侵略性的视觉效果侵袭观看者的“眼睛”,而是简单又失优雅地展示自己孤的味和矜持(怎么这么绕口)……
所以,封面设尽得简介、练,能舒的观看体验。如果自己什么法,就多到网找 PPT 式的优秀案例,对版式行合理的模仿(不用完全一摸一样)。
比如下制作简单案例:
TIPS:不封面一些精度特别差的插画,或者拍的太随意的自拍照片,颜自信的就找天真蓝还海马之类的拍点职业照。
2. 人介绍页
人介绍页面,主我们自己人的基本简介,这里强调作品集的人介绍完整的简历文档不一样的。
作品主要展示作品为主,太琐碎个信息是没有必要加入,所以该页需要含基础 3 个模块:照片、基本信息、个简介。
针对个人简介,你可以参考下面这的布局形式:
定要保持介绍页简洁,观,避免废话。尤其是些学校奖项、经历试者来说毫意义。
3. 职业经历页
关于个工作经验部分,需要和介绍分隔开,单独放页。
工作经历是有非常的间属性的,所以在制作过程中也要尽量能让观者清晰的出从业的整体情况,建议使用间线的方式来呈现该页面。
比参考下面的案例:
4. 目录页
目录页,主要用来快速交代份作品含作品、结构、序,而不是放常正像真实书籍样标注应页位。
所以,在这个页面除了模块标题外,尽可能搭配相关的图片,让观者更容易识别。
至目录应该以设计类型还是项目为单位,或者要呈现几级,就是者自己决定的。
5. 类型分隔页
我们要个大模块,设计应封作为前后内容分隔,告诉观看者进入新章节,以及应作品是什么。
这类封面的计,只需保证标题清晰、对展示内容呈现准确,避免过度计即可。
常,类型封设计比较随意作品,会导致观看过程没有顿,阅读体验变。
以上案例只是给大家的一些参考,任何类型的页面布局、计都可以有由发挥的空间,只要计能符该页面的功能性即可。
完成标准页面的展示,下面就要上主菜,展开对完整项目、视觉作品展示的制作了。
1. UI 类项目展示
项目案例前面有提过,重点要放的是你认为最能代表你水准,或者符投递公喜好的类型,只需要放 3-5 个就够了。但每个项目要展示什,才是这要重点谈论的西。
对 UX 的项目来说,优的界面视品是必备的,果你选出的项目质量不行,么一定要花点时间翻新一遍设计和样式,证输出内容的优质。
要注意的是,界面的视,只是我们对项目品判断的其中一部分而已,对注重战、效率、KPI 的团来说,占比甚至更低。
我们要知道 UX 设计的核心念,是户体验为中心的设计实践,通过户获得满意的体验从而升产效益。,项目的展示要体现这种要素。
换法,就如何用的专业能力,项目产品赋能(赚钱……)。把它当一份报告看待,那么项目的主线就应该了解决项目问题,了什么,果如何。
定要牢记,视觉设计如何和有没有解决项目问题提升品效益没有必然联系,你必须过其它展示内容来表现。
项目展示是麻烦的,不同领域、项目的做法也不一。所以为了解决这种问题,要先通过大纲规划,让展示的内容有说服力,贯性和逻辑性。
大纲的规划方式并不需要借助其它工具,只要像写报告、论文的形式将主要步骤录下来即,比:
- 介绍项目的基本情况,以及产品需求
- 讲目标用户的对应认识和总结
- 分析当前产已有的问题,升的机会点
- 给出自己如何改版的相关法、构思
- 根据前想法输出新流程和原型
- 以及对应新的色彩和其它细节规范展示
- 对最终设计出来的页面进行细节的说明
- 展示改版后相数据指标的升,肯定设计成果
个规划是以任意整的,以及将展示的内容规划到更细的面,比用户认识上,有用户画像的整理、同理心地图、访谈、问卷和情绪版等等。
还有,更灵一点的展示甚至可在开头放你做的项目准备的流程,设计过程中的分团队摄影图和难点说明,在项目结尾放有的复盘和反思等等。
如果对整体的纲划,只硬的照搬别人案例展示的内分析具,那这样的项目非常空洞的。项目展示的合理性,并不了高高,假空的分析内用多了,反越让面试官觉得外强中。
如没有实战项目,Redesign 项目设计思路不要照搬真实项目,尤其是没有真实性数据展现和分析。
使用其它分析法来解决问题,样可以到让信服结,不要放你驾驭不了内容和编造数据。
着就要动进行内容的计了。首先,项目在展示的形式上有种,网页式和 PPT 式的。
它最大的不同点在于,网页式的展示更讲究内容的一气呵成,制作难度更高,效果也更好。而 PPT 式则是不同的展示模块泾渭,对式布局有比较多的局限。
我们前面讲,品集尽量以标准页面,也就是以 PPT 形式展示,在一特定的模块中使用长图,样效率也比网页型的更高。
而项目展示的页面数量同样是的,我们借助前面的规划,还要进一步梳具体包含哪些展示页面,如:
上面的案例作为示例较精简,级 UX 设计师的作集往往只多。页面越多,我们在做规划的时候就要越仔细一点,免后续的执行中刹住车越做页面越多越乱。
虽然页面的类型多,但展示的设排版制作 PPT 或画册依旧很相似的,可以看看下面的示例:
如果我们所页面采取统一的宽比,局限性会体出页面的况下。比如首页、精选这种高度特别的界面,完全无法纳。所以,我会建议遇到这样的况,就增加该页面的高度,即使变比例也不紧。
每套项目应用的可以作品集整体的视觉保持统一,也可以根据项目独立制。当然,如果让每项目的排版视觉产差异,那我只建议躲色彩下功夫,不排版字体文章。
时,在 UI 类项目展示上,样是不可或缺,论过场景 Mockup 渲染主题氛围,是使用普边框容纳界画布,都可以很好提升展示内容专业性。
2. 网页类作品展示
项目展示完,主完了,后我们就端品出了。展示就不用再这么复杂了,只需以突出视觉主就可以。
首先讲是网页有关作品,依旧属于 UI 有关范畴。如不是作为项目展示网站话,那么网页展示议以主页、关键页进展示即可。
同的,展示网页不是把导出的页面直填充作品集画布去就完事了,也同需要经过一些包装和计。
首先是单屏高的网页品,类展示来是最容易的,缩小案例的尺寸置画中,增加一背元素即。
果是长屏的网页,类似官网主页或产品主页,么该展示页同样要增加高度去容纳它,同时也增加背、背图、电脑样机等素材来富展示效果。
3. 运营类作品展示
然后,就是运营类计的展示了。一来说,计 Banner 和活动页是工作计得最多的种运营材料。
Banner 的展示同样需要有背为衬托,但是,果我们要放 Banner 的,就尽量是一次放一套同主题、同风的品,不要一放一个界面,样像是强行在拉篇幅。
如果手头没有整套的,那就根据原有的设计作进行拓展,自己定一些案做成整组的,这样看起来才具有更好的专性,展示案例可看图:
而在 H5 页面的展示上,一个项目尽可展示多个页面,作的整更圆满一点。
如果这套 H5 的设过程非常复杂,也可以把构思准备作也去。当然,这类作品的视觉求高,需花多的思到场景的设氛围的丰富。
4. 它作展示
最后,我们来讲讲插画或者 C4D 作的展示(填)了。作为已经避免面试正职的作集来说,插画或者 C4D 类的作,多数情况是需要放的,尤在你自己没有过或者掌握程一般的情况。
插画 C4D 对于用户体验的效果并不多,且它们的主应用方向都运营类的设(少部分感化)。如果一展示这类设作品,一不一些巴巴的练习作品,内不知所谓空洞无的练习或临摹,比如下面这些。
作面试官,看这部分机能看的,怎么业务场景下输出应用插画技能或 3D 技能,不展示一些半吊子看看网教程就能出的作品。
所以插画和 C4D 你要放,定要分配应载体,是做 Banner 上,是 H5、网页、管理界、商品详情等。
完成作品应装,最后,可以开始合并 PDF 文件了。
本来这部分不想放,发现很多学在这个问题上都会生常大分歧,所以统解释遍。
1. 作品制作软件
制作作品,页主要制作工具必然是要使用 Sketch/XD/Figma ,原和设计 UI 界类似,页数多,内容多,为了效率需要使用这类软件。
如现在抱着使用 PS、AI 思路来制作内容页(不是不可以),那么效率定会受到严拖累。它们应用场景并不在制作主要页过程,而是特定素材进处理。
比如常见的 UI 机素材,质量最好的一都是由 PSD 文件构成的,无论是机还是景图。
需要通过 PS 来完成多数素材的调整,机图片的修改、成、导出,将有背景的景图导出成 JPG,将透背景的机导出成 PNG,再导入作品集画布中去。
以及,最终我们也使用 PS 来输出 PDF 文件,即将所有页面导出成位图并命名以,使用 PS 的“文件——自动——PDF演示文稿” 功能生成即。
2. PDF 文件的压缩
虽然可以通过 PS 快速生成一 PDF 文件,但流程还没完全结束。正常生成一 PDF 的文件通常都非常大(超过 100M),因为页面数多了。这大的文件不仅传输起来费劲,而且多不支持 10MB 以上的简历提交。
所以,我们还有个目标,就把 PDF 压缩到 10MB 以内。
压缩 PDF,并是我们看见的字面意思,直接拿 PDF 工具压缩,这种压缩效果非差。最好的压缩办法,是对作集页面的位图件先进行压缩,然后再合并 PDF。这里,还是建议使 PS,使 “件——脚本——图像处器”,将质设置成3-6,量的压缩图片。
压缩后的有图片件尺寸,可通过上级件夹来查看,如果远超 10MB,就把图片质量再往调,直至达到指定要求为止。
当然这是一种较偷懒的办法,如果你嫌麻烦,想要在 10MB 获得最好的画质效果,那么每张图片的压缩例是可有差异的。简单的、标准页面压缩率更,把空间留给展示容更多的页面。
这时我们就可以使用 PS 的 “文件——导出——WEB所用格式”,将格式设置 JPG,然后拖动品质的滑块控制导出质文件小。
终,过反复的调试,直至我们导出一份满意的小于 10MB 的作品集文件止。
针对作品集应该用到的素内,我们已煞费苦的准备好了,包含了各式各样的文件内,下面我们统一罗列出。文末/底部下载即可
1. 我们的自创素分享
文章中包含的部分素会分享出,包含栅格的 PNG、标准页面、网页包装原型 APP 包装原型的 Sketch 源文件。
2. 字体素材分享
为你们准备了最的中和西字体,数量虽然多,却是我们在产项目包时使频率最、通性最强的。一共十二款字体,中西各六款。在作集中使没有任何版权问题,商记得自己百搜。
中文字体包含阿里巴巴普惠、冬青黑、小米兰亭、汉仪旗黑、思源黑体、OPPOSans:
英文数字字体包含 BEBAS、DIN、Futura、Gotham、Monsterrat、Moon:
3. Mockup 素材分享
对作集中需要使的样机、场景,做了对应收集,包含了 6 种类的 Mockup,VI、名片、手表、iPad、收集和电脑:
4. 品包装参考
最,对品集包装的一参考,我们也做对应的整理,包含对 APP 项目的包装,以及网页的相关包装图例,帮助大家找到更灵感:
时间关系,还有很素材还来不及整理完善,我们持续持套品集内容的更新,以一阵子回复,说不定就有新上内容。
前面基已经把品集该怎么做的内容讲完,最就夹带点私货,分享一个人的见。
作集作为一个面向社会职场的展示口,就包含了在的社会属性,它和社会公约是无法切割开的。当你把作集做开始在公共场合、平台展示,或者投递,就要受到公约的审视。
也就作品集中伪造作验、张冠李戴、恶性抄袭、雇佣枪手,就直视可能产的后果。类似阵子某阿里新入职员素级抄袭被举报事件,后的结果必然被除再厂黑单,被同行不齿。
然,有些觉抄抄了,反正不去大厂,被发现再换个公司,首要问题是解决入问题。这是常危险思想,短期内作品不过很正常,正常心态是要从自己身上挖掘问题,提升自己和作品质量来实现目标。
但是,不以能力为核心,总想着偏门作假,那丢失的心气就基本找不回来了,绝大多数情况下只会迈向更高的造假,更复杂的谎言和更没有下限的演。
周树人(万能引用)说,果已经跪下爬习惯,就忘何直立行走……
希望这篇分享可帮助到你们,有它疑惑的同可在留言区中留言。
我们下篇再贱……