• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 作品集准备好了吗?来看高手为你准备的12个作品集设计技巧

作品集准备好了吗?来看高手为你准备的12个作品集设计技巧

作者:黑马青年 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含App设计,ui设计,作品集,作品集设计,求职经验,经验分享,设计师作品集,设计师职场,设计师面试等相关知识,黑马青年希望在学习及工作中可以帮助到您

提到作品包装最常见的分为平台型作品包装和作品集包装,我们今天一起探讨的是作品集包装思路。随着用人单位对设计师的要求逐渐变高,设计师的竞争压力自然不小,为了给面试官更好的整体印象,设计师在自己作品集上面也是耗费不少心力。

下面我结合个人的一些点滴经验为大家系统性地分享一下作品集设计思路,希望对初入行业的朋友有所帮助。如果是设计老司机请忽略,如有不足之处希望大家留言补全和指正。

目录

  1. 设计作品集的目的
  2. 关于作品集导出格式和表现形式
  3. 作品包装展示思路
  4. 作品展示模版设计技巧
  5. 如何控制作品集中的配色
  6. 作品集排版字体如何选择
  7. 作品展示中的注意事项
  8. 适当包装切勿过度
  9. 适当添加项目背景和设计思路
  10. 重视封面封底的设计
  11. 不要忽略这些细节
  12. 良好的习惯给你带来好运

一、设计作品集的目的

作品永远是设计师最有力的证据,工作经验可以作为一个量化的参考指标,能否成功获得面试官的青睐,作品集是关键性的因素之一。

设计作品集是为了更好地展示作品,引导面试官对你的专业综合能力作出判断。一份好的作品集不仅可以充分展示设计师工作经验的验证结果,还能看出设计师的态度和专业沉淀。

因此,你需要一份更加专业的作品集。

二、关于作品集导出格式和表现形式

最近经常遇到一些设计师咨询作品集用什么软件做,要不要做成一长条的展示图,需要做成 PPT 还是 PDF 等等问题。

对于设计师来说设计作品集最方便的可能还是我们最熟知的各类设计软件,比如 PS、AI、Sketch 等等。我们可以更好地进行版式设计和细节处理,如果采用 PPT 类软件设计,对于大部分设计师来说还是没有这么熟练的。最终导出格式建议采用 PDF 格式,我们可以通过设计软件自身就能快速地导出 PDF 格式,或者将你的设计稿合成一份 PDF 格式即可。

作品集排版布局尽量采用横版形式,虽然很多设计师喜欢平台型作品包装形式,做成一长条展示图。但是这样可能会造成文件过大、不利于全屏观看、翻页观看体验不好、版式设计难以统一、长度范围难以控制等等问题。

三、作品包装展示思路

作品集是为了引导面试官对你的专业能力进行评估,我们自然是希望结果是美好的。在展示作品上面要进行合理的分类和排序,扬长避短。

作品包装展示时要分类展示,突出自己是个多面手。根据自己的职业目标将最强关联的作品分类放在最前面,其次是直接或者间接相关的,日常练习的零散作品放在最后。

挑选作品时宁缺勿滥,近期产出的质量越高的越靠前,视觉表现力较好的练习作品作为压轴呈现,这样开始和结尾都是精品。

四、作品展示模版设计技巧

很多设计师习惯在一些素材网站下载模版或者索性就简单地找个样机进行贴图,作品自身反而没有被很好地展现出来。我们需要养成制作模版的习惯,结合作品设计出定制化的展示模版。

下面我们一起看一下模版制作流程和技巧,希望带给你更强地动手能力。

五、如何控制作品集中的配色

如果你对于色彩的把控不能运用自如,那么在作品集设计的时候就要适当地控制不同色相的运用。字体颜色的选择尽量以无彩色系为主,如果你要为其添加颜色,可以先确定一个标准色,然后通过饱和度和明度的变化确定 1~2 个辅助色。

底色尽量以白色或者浅色为主,如果要添加深色背景需要结合整套作品的配色情况慎用,因为色彩之间相互作用会对作品造成影响,运用不当容易让作品集变得花哨。深色背景以黑色搭配也是比较推荐的处理方式之一,黑色的包容性可以更好地凸显作品。

六、作品集排版字体如何选择

排版时字体颜色的选择是为了更好地控制视觉风格,字体的选择是为了更好地呈现内容。推荐使用字体以非衬线字体为主,可以更好地提高阅读效果,特殊情况下可以选择衬线字体。尽量避免运用花式字体,不仅影响内容阅读,设计把控力也比较大。

字体样式的处理需要慎重,不要对其运用过度,拉低作品整体质量。利用黑色、灰色、浅色进行信息层级的区分,可以适当选择粗体和常规进行对比。

七、作品展示中的注意事项

细节的处理往往最容易被忽略,我们一起看看这些是否被你所熟知,欢迎大家继续补全更多容易遗漏的细节。

1. 作品展示不宜过小且排版密集,这样基本也看不清你作品的设计亮点。整套产品界面放入作品集时可以精选部分主界面和视觉效果较好的界面进行展示。

2. 作品包装不要过度使用倾斜样式和透视过度的包装手法,这样面试官没办法看清楚你的作品细节,而且歪着头看也很不舒服。

3. 作品展示可以不采用样机,如果要用样机就选择最新的样机包装,让作品也能与时俱进。

4. 应用图标或者设计组件等不要重复展示,例如展示应用图标只需要展示一个,辅助项目背景和设计说明即可,无需将各种应用场景都展示出来。

5. 设计元素适当小一点也许显得更精致,只要不影响阅读体验就好。

6. 各种组件、标注、规范等可以省略,这些你面试的时候可以把成套的设计规范给面试官过目一下即可,放进作品集中意义不大。

7. 交互原型可以省略展示,只要有高保真视觉稿就好,因为你面试的是视觉岗。如果要体现出你的交互设计能力,可以利用一些第三方工具制作 demo 给面试官过目,效果更好。

8. 真实还原设计稿,不要重复性地采用相同的文案信息、配图等,更好地体现出自己的专业度。

还有更多地细节希望大家可以交流探讨,精细化的设计需要不断地发现细节,优化细节。

八、适当包装切勿过度

为了提高作品集整体的设计感,适当进行包装设计是很必要的,但是不能为了放大包装的力度,而忽略作品本身。在进行包装设计时不要装饰过度,让装饰元素影响作品自身的呈现,要分清信息呈现的优先级,内容本身才是你需要凸显的,要善于利用包装来强化作品本身的设计亮点。

作品包装容易过度的情况:

  • 过于炫酷的背景、与设计稿相互融合的背景、配色过于刺激的背景等等。
  • 装饰元素所占面积大于展示作品的比重,将用户的注意力分散。
  • 不要见缝插针,到处都是各种装饰元素,适当的留白可以增强画面透析感。
  • 样机的运用不要五花八门,也许统一一种风格的样机整体视觉效果更加协调。
  • 样式运用过度,如果可以利用 1~2 种样式达到信息层级的区分就不要采用第三种。
  • 还有更多包装过度问题需要结合具体情况进行判断,希望大家多多交流一起优化。

九、适当添加项目背景和设计思路

对展示的作品进行项目背景、设计思路等描述将有助于面试官做出更好地判断,比起纯视觉作品展示,将会更加凸显设计师的专业度。在进行项目背景说明的时候,如果可以搜集到一些负责产品的相关数据情况(可公开)将会更有说服力,这个将是作为商业设计最有价值的体现。

设计很大一部分因素是感性的,你的思路展示将会辅助别人读懂你的想法。无论是真实的项目设计还是日常练习作品,都可以对其进行设计思路的描述。

十、重视封面封底的设计

不要忽略封面的重要性,就如同你在平台发布一个作品,封面是用户触碰你设计的第一印象,直接关系到是否会点击打开。封面的设计换成作品集依然重要,打开作品集的瞬间就给面试官一个更好的开始。作品包装完毕,添加封底设计给作品集画上句号,做事有头有尾,将会让面试官对你有更好的印象。

十一、不要忽略这些细节

设计作品集需要注意的除了设计层面的以外,还有一些设计以外需要考虑成熟的地方,希望大家引以重视。

您可能想查找下面的文章:

  • 手机APP用户界面设计的10点建议
  • 关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面
  • 写给新手的APP结构指南:首页相关(上)
  • 基础科普!重复与突变在产品设计中的应用
  • 超全面的导航设计基础知识总结(一)
  • 写给UI新手的APP结构指南:注册和登录
  • 用户体验是一种过程,而不是结果
  • 超全面的移动端UI 设计规范整理汇总
  • 感觉设计不舒服但又不知道原因?可能是这8个常见的交互细节问题
  • 这个帮你改善睡眠的APP,是这样设计出来的

相关文章

  • 2018-08-23水彩自学第五集:留白液的测评和常见问题
  • 2018-08-23看似最简单的空白页,腾讯微云的高手是如何设计的?
  • 2017-08-06Blog设计 网页设计之处女作
  • 2017-08-06淘宝店铺鼠标经过放大效果跟幻灯片的使用原理差不多
  • 2018-08-23网站要上线了,问问自己这15个问题再做决定
  • 2017-08-06CSS--overflow:hidden在项目实例中使用心得分享
  • 2018-08-23看完转系列!甲方虐稿指南+设计师生存法则
  • 2017-08-06去掉点击链接时出现的虚线框的几个方法
  • 2018-08-23用这个方法临摹作品,你的UI自学才最有效!
  • 2017-08-06做网站用UTF-8编码还是GB2312编码?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 实用干货!如何进行一场高质量的UI设计评审?
    • 制作的网页在浏览时下方有多余的空白如何消除
    • HTML name、id、class 的(格式/应用场景/特性)等区别介绍
    • APP授权设计:如何让用户不反感并同意授权
    • 百度网盟环境下的广告投放技巧(图文教程)
    • 用一个小案例,教你面对那些无聊细碎的设计需求
    • 学会这简单几招,字体设计也能萌萌哒!
    • 网页设计师职位应聘面试的常见试题及参考答案
    • 踩坑经验!那些你想太多的「过度设计」和改进方式
    • 高手课堂!5招带你玩转电商最常用的色彩搭配!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有