定格2011 专家眼中的网站设计

“2011年，在网站设计界最令你难忘的是什么？”我曾对业界精英们提出过这样的疑问。其中出现了一个极其高频的词（猜猜？），而每个人都有许多话要说。当然，在看完以下的这些言论，我们非常欢迎你大声的说出在2011年中令你印象深刻的转变。 由衷的感谢各位能抽出时间，回答这个问题。我们收集了来自世界各地的作者、设计师、程序开发员、UI&UX 设计师、演讲人及来自各个专业社区的学者专家。（以下排名不分先后） 来源：webdesign 翻译：Viking Wong & Antonia Huang@DamnDigital (转载请注明来自DamnDigital) “网页的设计形式不再受宽度的局限。响应性设计更好的帮助我们理解网站。” Steve Fisher——在Yellow Pencil工作室担任用户体验总监。国际知名交互设计师，演讲人以及开源传道者。同时任加拿大平面设计师协会网站副总裁。 对于我来说2011年最明显的特点是互联网行业慢慢走向成熟 。网页的设计形式不再受宽度的局限。响应性设计（Responsive design）不仅有助于提升我们对于网站的理解，同时也能加强客户对其的认识。抽象我们所要表达的内容，使之成为简洁易懂的信息，同时从视觉效果来看网站的设计，这些都很好的告知了我们设计的决定因素。今年的一系列变化，让我感到前所未有的振奋。 twitter: @hellofisher dribbble: hellofisher “我希望在2012年‘响应性设计’并不只是一个热门关键词，而是成为作为设计人员所需具备的基础能力。” Sarah Parmenter——创立“You Know Who”设计工作室，专注于网站用户界面设计及iPhone和iPad应用程序开发。 响应性设计和内容策略的崛起，在2011年中最令我难忘，可以说它们是今年两大宝贵的财产。我希望在2012年“响应性设计”并不只是一个热门关键词，而是成为作为设计人员所需具备的基础能力，让更多的人认识到我们网站内容的重要性，并且停止采用“Lorem Ipsum”这种文字排版设计方式。 twitter: @sazzy dribbble: sarah “核心设计实际上意味着：沟通与问题解决，个人觉得如今我们在这一层面上做的越来越好。” Vitaly Friedman——Smashingmagazine.com网站联合创始人兼首席主编，在线杂志设计师。 今年，最令我印象深刻的是对于响应性设计的接受程度大幅上升。随着时代的变迁，在2012年我们开始重新思考，细细斟酌我们的网页设计道路，在以各式各样移动设备为王道的今天，对于即将面临的新挑战，我们该如何找到解决方案。 核心设计实际上意味着：沟通与问题解决，而个人觉得如今我们在这一层面上已做的越来越好。我们见证了响应性模式在网页设计各部分中的建立——无论是音频/视频，还是导航、表单、广告等，点滴的进步都那么令人振奋。我坚信，2012年会给我们带来更多新兴技术，而这对于改善web用户体验无疑又是一次浓墨重彩。我非常期待这个时刻的到来！ twitter: @smashingmag google+: vitaly “2011年打破了常规工具使用的方式。” Paul Irish——前段开发人员，Google Chrome开发联系员，jQuery开发团队成员，Modernizr、CSS3 Please和HTML5 Boilerplate首席开发人员。 从博客到网页端应用程序，对于如何将我们的最佳成果成功的运用于我们的工作并提高其效率还存有很大的发展空间。对于浏览器的内部运行需要形成一个清晰的概念，这样有助于最佳技术的识别，从而创造出最佳的用户体验。与此同时，诸如：Sass & Compass, CodeKit, LiveReload 和ImageOptim这样的工具还能帮助我们解决网页浏览器支持问题。我对2012年的到来已经迫不及待了，我们将创造出何种更加理想的用户体验。 twitter: @paul_irish google +: paulirish.com/+ “纯CSS logo（yak!）” Harry Roberts——网页开发者、作家、设计师，Smashing Magazine专家小组成员。 大多数人认为2011年对于网页设计来说，是以适应性网页设计、CSS测试、纯CSS logo（yak!）以及滚动视差为代表的一年。而我认为，2011年的CSS充满活力，兼具实效性与前端高性能。或许有人觉得它以一个沉闷无聊的结尾结束了这一年。但我却看到了web开发中一个更具挑战性，更有趣，同时也更有用的一面。随着用户界面变得更加复杂，我们需要找到一条始终保持简单代码的途径；同时，随着移动设备的多元化发展，我们需要找到一条能让代码始终保持高性能的途径。虽然大部分人仍沉溺于媒体查询（Media Query）和CSS3中，而我却准备从头开始，重新投入到CSS布局模块化、增强其可扩展性以及前端开发中。 twitter: @csswizardry dribbble: csswizardry “我们都开始在思考一些共同的问题，比如：1024像素宽的桌面。” Jonathan Snook——知名Web开发与设计师，从事 Web 前端设计，后台开发以及 Adobe AIR 桌面应用的开发。 这一年中，最令我难忘的无疑是我们对于如何建立网站这一问题的思维观念的转变和革新。我们都开始在思考一些共同的问题，比如：1024像素宽的桌面。移动和平板设备的大肆喷井，迫使我们去思索今后的设计之路，以及该以何种更好的方式服务于我们所呈现的内容。 twitter: @snookca flickr: jonathansnooka “行业中出现的不同发展方向，令我兴奋不已。” Janna Hagan——从事网页设计与开发。获得2011年.net年度青年设计师称号。 在2011年中最令我难忘的是HTML5与CSS3响应性设计的崛起。行业中出现的不同发展方向以及在这一年中科技的迅速发展带来的一系列变化，都令我们兴奋不已。变化与发展是不可避免的，我们必须用创意性的姿态去拥抱它。 twitter: @_jannalynn dribbble: _jannalynn “2011是移动之年。” Paul Boag ——网站设计公司Headscape创始人之一。从1994年起就迈入网站制作行当。经常于.net magazine，smashing magazine和web designer depot上发表观点文章。 回顾2011年，在移动互联网的热潮冲击下，响应式网页设计的出现解决了由此带来的诸多挑战。现在不用额外付费就能在各种移动终端上访问各类网页了。最棒的是，新建的网页几乎可以兼容所有移动终端（无论是旧版或者升级版），其成本运比原先的方法低。就个人而言，这可是一大进步。 twitter: @boagworld podcast: boagworld.com/podcast “2011颠覆了我一贯的网页设计思路。” Veerle Pieters ——比利时平面及网页设计师。Duoh! n.v.的创始者之一。 某种程度上而言，2011年由于移动网络的兴起，颠覆了我一贯的网页设计思路。当我在设计的时候，我会尽可能的考虑到移动这个概念。根据每个网站或者项目的类型以及其他元素，是可以做出完整的响应式网页的。当然这就对我的思维定势带来的一定的挑战，我要打破常规贵，把那些条条框框的禁忌抛到脑后，创新就应该是这样，成功的作品就是这样炼出来的。 当然在创作过程中，还是要谨记一些基本标准，会遇到像CSS代码这样的小障碍。这就促使我在编码时，要更大胆创新，我拒绝墨守成规。要设计出一个完全响应式网页，我必须尽可能地丢弃那些禁忌要点，这才是我的作风。其中的挑战就是，需要在基本标准与个性发挥间保持平衡。我们可以在设计中加入动画效果，这就是一种新思路。 twitter: @vpieters dribbble: veerlepieters “···你不可避免···” Aaron Weyenberg ——网页设计师、移动应用程序开发者。现作为TED大会演讲人之一。 2011年网页设计里让我印象深刻的是，响应式设计逐步火起来了。过去几年，相比其他主题，有关响应式网页设计的工具、插件、资源、教学课程、研讨会个人觉得是最多的。虽然我现在无法确认这项技术的长期实效性会如何，但是它就是必需的——作为设计师就更加需要它了，你必须学会且精通这项技术，这样当接到项目时才能快速反应是不是适合用这个技术。 twitter: @aweyenberg dribbble: aaronweyenberg “越来越多的网页设计师选择了滑动式布局而摒弃了固定排版式布局。” Eivind Uggedal ——wasitup.com及mediaqueri.es网站的创建者。 去年1月当我创建的mediaqueri.es网站上线时，我还没想过响应式网页设计会在2011年如此大热。不仅仅是我建议的一些网站都使用了这项技术，越来越多的网页设计师选择了滑动式布局而摒弃了固定排版式布局。我们也发现了像The Botson Globe和Barack Obama这样高端的网站都改成了响应式或自适应式版本重新上线了。 twitter: @uggedal github: uggedal “如果你是网页创建团队的一分子，你不可能不为这些大事件欣喜若狂。” Peter Gasston
 ——从事于Top 10网站的开发。出版《The Book of CSS3: A Developer’s Guide to the Future of Web Design》一书。经常于.Net杂志、CSS3.info网站上发表文章。 我想说微软发布IE10是2011年一桩大事件，不仅因为它随着IE9接踵而来，更是因为IE10预览版在测试阶段就已经显现出快速、标准规格的性能了。而且，IE10是配备了Windows 8 tablet OS 操作系统——这标志着微软对开放网页技术的信心，同时也是在向外界表明微软不服输。我坚信对于开放标准的强烈竞争，最大的受益者是用户，因此2011年我个人觉得印象最深刻的就是这件事。 2011年，对我们这个行业而言应该是很值得纪念：未来的应用软件从桌面到浏览器的网页迁移，HTML5正在向世人证明它是跨平台应用开发的最佳选择，重整旗鼓的微软又发布了好的浏览器等等。如果你是网页创建团队的一分子，你不可能不为这些大事件欣喜若狂。我有挖掘新浏览器特征的爱好，通过很多运用尖端及试验性的CSS,HTML和JavaScript的演示，绝对可以满足我们的好奇心。 失望还是有的，比如互联网相关行业的爆发，致使浏览器语言出现越来越多新的规范和特征， 使得一些人变得越发浮躁，缺乏耐心，喜欢走捷径：他们表示不再支持旧的浏览器，或者对不支持相关性能的浏览器不再做过多的演示和范例（当这些浏览器不能执行相关特征时也不会保修）。所以还是期待2012年网站创建的会更好吧。 twitter: @stopsatgreen book: The Book of CSS3 “2011年是设计年。” Aarron Walter
 ——《Designing for Emotion》一书作者，MailChimp首席用户体验设计师。 谷歌重新设计了Gmail，阅读器Reader, 谷歌地图Maps, 谷歌搜索Search及其他门户网站，也是第一次看上去是谷歌的设计师而不是工程师影响着这些网站界面的发展。Facebook喜获很多设计人才，在F8研讨会上预先展示了他们以故事为基础的新页面。随着他们收购地理位置共享服务商Gowalla，新的一年Facebook的设计方向无疑会发生潜移默化的改变。去年10月乔布斯的离世对整个设计界影响颇大，让设计师这一角色重新回归世人的视线，重燃了设计师们的创作热情。2011我们铭记设计，2012我们必将大展身手。 twitter: @aarron book: Designing for Emotion “甚至，还能更好。” Lea Verou
 ——网页前端技术开发人员，热衷于JavaScript、CSS3技术的开发。同时创立了Fresset公司。 2011年，业界发展不错。响应式网页设计从一个新鲜的酷炫玩意发展到每个网站的必需，CSS大热，CSS和JavaScript预处理变成了主流，新的页面技术最终得以可行，新的应用程序界面使很多不可能成为了可能，过去需要插件或者端代码，现在都不需要了。 然而，令我印象最深刻的还不是个别的技术，而是整个行业的发展蓝图。我们总会开发出新的工具，让我们工作的更好，我认为过去几年特别是2011年，应该是历史上第一次浏览器的激烈竞争吸引了网页开发者的注意，很欣慰的是我们发现竞争的目标不是互相厮杀，而是都在支持开放网页标准。 如果要向网页设计师描述过去二十几年我们的生活，他们应该很难相信。那就让我们停止抱怨，让他们知道我们已经走在了很前端，我们已经做的很好了。甚至，还能更好。请系好安全带，跟着我们一起，因为进步的列车马上就要开动了。 twitter: @leaverou github: LeaVeroue