首页

《前沿视点》——2013年最值得关注的网页设计流行趋势

蓝蓝

 在过去的几年里,我们看到建设网站的方式发生了巨大的变化。随着浏览器对 HTML5/CSS3 Web 标准的支持的不断增强,越来越多的用户已经转移到移动平台。在 设计界,有很多独特的想法,每隔一段时间就发生变化!

   在这篇文章中,我想介绍一些我们已经看到正不断变化的趋势。其中, 许多设计理念已经存在了很长一段时间。 但是,我认为在2013年里,这些独特的想法将会更加的蓬勃发展。 网上提供了很多可以免费下载的开源项目和用户界面 ,这样设计人员可以专注于自己的领域。

移动优先的设计

  响应设计的理念并不仅仅只网站能够缩放到更小的尺寸, 设计师的意识形态也应该发生改变 。这里向大家推荐  DesignShack  上的一篇文章,其中谈到了这个想法。

  往往更容易规划最重要的界面元素,让他们排布成为一个移动的布局。 如果这些元素不合适这样,你将不得不删除一些。 同时,你可以规划布局将如何应对的窗口变大。 您将有空间包含一个侧边栏,也可能是2个,以及许多其它的页面元素。

 

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

蓝蓝

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

 

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

 

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

20套华丽的应用程序图标,带给你不一样的视觉体验

蓝蓝

在这篇文章中,我已经收集了20个华丽的图标集,适用于几乎任何类型的设计。这些图标有一个干净的和描述性的外观,同时遵循良好的设计原则,相信你会喜欢。

Delicious Berries

17. icons

33 Free Social Media Icons

4. icons

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

蓝蓝

 

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

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

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档