首页

怎样打造完美的设计作品集

蓝蓝设计的小编

 

如今,创意行业掀起的风浪比以往任何时期都更加猛烈,其中的竞争也越发残酷,作为设计师,想要脱颖而出已经是很困难的事情了。如果你还没有自己的设计作品集,那么情况对你来说也许会更加严峻。

从最基础的层面上讲,设计作品集就是你自己的广告,它可以告诉世界:“嘿,我在这!看看我能做的东西叭!” 除此之外,作品集也是你的名片和画廊,是你展示能力、技巧、项目经验的地方;同时,你还可以通过它来表达接下来打算做什么事情。对我(英文原文作者)个人来说,作品集还决定着人们是否会给我一份工作offer,或是找我合作项目。

作品集有着不同的展现形式,包括在线和印刷册等等,它们所具有的一些精髓是共通的;本文中,我们将把注意力集中在在线作品集这个方面。

作品展示

与我们所熟悉的其他类型的网站产品相似,在线作品集也需要具有良好的信息结构和导航模式,同时在可访问性、易读性等方面具有上乘表现。你要尽最大努力让你的作品集在被目标用户打开的时候可以完美的呈现你要表达的信息。

Scott Belsky是作品集制作工具Behance的CEO,在他看来,无论是公司项目还是个人项目,只要它们能够展示你在设计方面的才华、风格、热情,那么就可以收录到作品集当中。对于每一个你打算展示出来的项目,要确保访问者可以首先了解到它的背景概况及设计目标,然后再通过具体的图片来展示你在不同阶段的产出;这里所说的图片既包括作品全局,也包括重要部分的局部放大。

关于作品图片的尺寸,Scott建议不要小于400像素(宽度)。有些设计师喜欢将作品图片缩到很小,或是只展示其中的某些局部元素——这些做法都无法全面的展现你自己。另外,在作品全景及细节要素这两方面都做到清晰的呈现,这也是设计师自信心的体现。

Sacha Greif是一名UI设计师,同时也是自由设计师工作信息公告板Folyo的创始人,他每天都能接触到大量的作品集。在他看来,案例质量的重要性确实要高于数量,不过至少5到6个项目展示也是需要保证的。如果你是一名毕业生或是相对年轻的设计师,无法拿出一定数量的设计案例,那么也不用太焦虑,最首要的是针对你手头已有的案例尽量详细的呈现其中的细节;当然,个人项目也可以作为补充。此外,你还可以将一些学习和探索性质的作品囊括进来,例如帮Facebook重新设计一套页面——只要你不会宣称这是扎克伯格授权你做的就好。

在面试过程中,我们通常会根据目标职位的实际情况来表达自己接下来的目标及规划;对于设计作品集来说,也是一样的道理。如果你心里确实已经有了下一步打算,那么最好在作品集当中着重突出那些与你的目标最为相关的内容。

文字内容

“视觉”固然是设计师最为熟悉的信息媒介,但对于作品集来说,文字内容也是不可或缺的。优秀的作品集可以使用很少的文字来的描述出项目相关信息;而且在很多时候,作品截图难以表达出的东西却可以经由文字来展现出来,例如你的设计思路、解决方案的构思过程、沟通协作能力等等。

很多设计师会在作品集的开头使用一段简短而直白的文字对自己进行介绍。这是一种很有效率的方式,不过要注意避免陈词滥调;我们能看到的很多个人简介在实质上等同于“我是一名工作勤奋、值得信赖的员工”。

虽说是简介,也要在有限的篇幅中尽量做到具有针对性。例如Ethical Studio 简单而有效的将他们自己描述为“为非ZF组织、慈善团体创建网站”的工作室;又譬如设计师Matt Dempsey 是这样介绍自己的:“我为充满激情与想法的小创业团队打造体验精良、符合用户直觉的漂亮界面。” 通过这样的文案,你不仅可以立刻了解到他是做什么的,而且对他所承接业务的方向也有了清晰的认知。

点击查看原图

打造你的设计案例作品集

蓝蓝设计的小编

最近搜罗了一些portfolio(设计作品集)方面的资源及方法文章,放着也是放着,不如汇总索引一下,有兴趣有需求的朋友可以前去围观。至于需求是什么,大家也心知肚明呗;对于设计师来说,干巴巴的文字简历显然是不够的,看看国外同行们是怎样打造自己的作品集还有个人案例展示站点的,兴许可以找到一些思路和启发。

另外,最近也向一些前辈们请教了这方面的实践经验,得到了不少金石良言;接下来花一两期的篇幅专门做做这方面的文章也是有可能的叭。不多说了,把目前看到的优秀资源陈列在下面:

60个简洁的作品集设计汇总

点击查看原图

设计元素的应用条件

蓝蓝设计的小编

讨论方案时,设计师常会提议,某产品的某个元素(如按钮或功能)设计的挺好,设计存在很多可能性,发散思维时不论对错。但实际应用时,要考虑元素的应用条件,切不可随大流,盲目地照搬套用。选择最合适的设计,而不是最流行最酷的,围绕品牌特性做设计,让产品形成与众不同的气质。

比如错误的提议:现在流行Metro风格,我们也这样设计吧。

较好的提议是:Metro风格适合内容型应用,弱化按钮的UI元素,突出内容本身,而我们是工具型应用,主界面需要突出某个按钮或引导用户执行某项操作。

侧边栏

 


 


 

那些帮助你成为优秀前端工程师的讲座——《JavaScript篇》

蓝蓝设计的小编

《重新思考应用的架构》

Re-Imagining the Browser With AngularJS , Igor Minar

Igor Minar 和大家分享先进的前端开发框架——AngularJS。

 

《项目的国际化问题》

Entschuldigen you, parlez vouz JavaScript , Sebastian Golasch (Video )

Sebastian Golasch 向大家介绍如何处理 JavaScript 项目中的国际化问题。

Screenshot

浅谈banner设计

蓝蓝设计的小编

关于Banner的设计,相信已经有很多人都看过这方面经验的分享了,我来公司也做过了一些Banner的设计,那在这其中通过不断的学习、实践积累了自己的一些小小经验和方法,下面给大家浅浅的分享下我总结的Banner设计经验。如有错误,尽管拍砖,小女子虚心请教学习。


Banner设计其实是我们接触互联网工作后,最常见一种工作。那么Banner到底是什么呢?Banner的核心使命其实是吸引用户关注,然后被点击。他的主旨就是主题明确,突出关键内容,抓住用户眼球。一个Banner他是由“背景、主视觉和标题文字”三部分组成,在我刚刚接到需求的时候,我首先分析他的重点词、字,想要表达什么,分析好了后可以在纸上画下草稿,在大脑里有个大概的视觉效果,想法多的话可以画几版不一样的,最后根据草稿定一个定稿,接下来就可以找素材着手做了。在做期间,还要注意整体的美观,让人看起来舒服。
下面从这三部分逐一给大家分享下。

登录图的趣味设计

蓝蓝设计的小编

2.画出线描后根据背景色的主色调对线条进行粗细及颜色调整。然后再添加一些实物做一下对比。

线描场景

不要让“合理性”成为阻碍设计前行的绊脚石

蓝蓝设计的小编

“这个不符合用户的心理”,“这个功能打破了我们产品整体的平衡性,放在这里在我看来是不太合理的”…

作为互联网行业里万千鼠标民工中的一员,诸如以上的对话,每天都在我们的生活中不断演绎着。合理性慢慢的成为了检验我们专业技能以及设计水平最重要的一种指标;诚然,足够的合理性能够为我们所设计的产品保驾护航,能够给其带来可预见性的回报和收获,但长此以往,却很难再出现令我们叫“WOW!!”的产品了。让我们来看颗栗子~ 

iPhone5自9月13日发布以来,就受到了前所未有的神吐槽,在这一次,大家都能很明显的感受到没有了乔帮主以后,苹果不再是创新界的翘楚了。

1

从Metro设计语言谈WEB设计中的排版

蓝蓝设计的小编


 


首先谈一下“Metro”——由微软公司开发内部名称为“ typography-based design language”(基于排版的设计语言)。


Metro是基于瑞士平面设计的设计原则(清晰,真实,美观),来源于交通指示牌。生活中人们行色匆匆,更需要提供快速,简洁,直接,明确的设计。现在的互联网又何尝不是如此,快捷获取信息的同时,信息泛滥、庞杂无序,简洁之风深入人心——减少元素,以显现本质。良好的排版有助于Web设计更加简洁有效。

 

扁平化——2013年新的设计趋势

蓝蓝设计的小编

越来越多的设计网站已在UI上走扁平式设计的路线。谈到设计,无论是一个网站还是一个应用程序,扁平化和极简的设计正在成为新的趋势。人们正在远离一直很受欢迎的skeuomorphism设计(模仿实物纹理),苹果推出iOS时许多设计师都采用它。


但随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。


 

下面给出一些扁平化设计很好的例子。


 


 


 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档