首页

谈谈构建单页布局网站的创意技术——附优秀案例

蓝蓝设计的小编

可能是因为实现这种效果比较复杂,视差滚动的概念对于很多设计师来说仍然是相当陌生。我看到过众多优秀的例子,例如像 Pixel Stadium 这样的杰出代表,这个网站易于浏览,纹理也是让人眼花缭乱。

 

像素体育场网站的布局设计界面

 

  当你向下滚动页面的时候,顶部导航栏会出现并锁定到窗口, 这使得用户可以快速跳过或转换页面到不同的部分。 布局是完全响应式设计的,会自适应浏览器窗口的宽度! 这一切都说明,单页的布局可能会非常好看,也很灵活。

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

蓝蓝设计的小编

 

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

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

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

作品展示

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

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

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

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

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

文字内容

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

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

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

点击查看原图

打造你的设计案例作品集

蓝蓝设计的小编

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

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

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

点击查看原图

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

蓝蓝设计的小编


 


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


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

 

2012年度最佳网页设计作品出炉

蓝蓝设计的小编

这篇文章向大家展示2012年里在纹理应用,图像选择,文字排版和导航设计等各个方面都特别优秀的网站作品。你需要花时间慢慢浏览这些优秀的设计,看看2012年里这些让人难忘的创意网站作品能带给你哪些启发。

Yardsale

Textures and Patterns in Web Design

D10studio

21 Examples of Inspiring Typography in Web Design

日历

链接

个人资料

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

存档