第1章 网页设计的现状
网页设计是一个多变的行业。就像其他艺术表现形式一样,网页设计经历了曲折的进化历程。它曾经是一个爱好者们的“游乐场”,现在却变成了一个具有较强审美和宣传功能的成熟媒介。事实上,我们可能正经历着网页设计的黄金时代——至少是迄今为止的最好时期。在我们设计网页时,我们有强有力的新兴工具(CSS3、HTML5、font-embedding等)、一大堆的免费资源,也有强大的设计团队, 以及在一些主流浏览器中Web标准的可靠支持。
我们看到了更好的交互式设计和更美观的界面,同时还看到了更独特的、动人的和令人难忘的网站。但是,到底是什么导致了这些变化?网页设计现今正朝向什么新方向发展呢?哪些新技术、观点和想法变得越来越重要?在本章中,我们描述了一些网页设计的现状。我们描述现有和未来的趋势,然后说明网页设计在未来的几个月或几年的发展趋势。这也涉及作为网页设计师的我们应该准备好跟上时代的步伐,迎接新的挑战。
1.1 为愉悦而设计
作为设计师,我们的工作是高效率地交流想法。对于每一个特定的信息,我们创建一个环境,让信息能够发挥最大作用,引导用户完成某个任务,赢得他们的信任或者说服他们。当然,有无数的方法可以来创建这个环境。其中一类就是按照视觉美感、惊喜、愉悦、幸福来设计——一种使人愉悦的设计;一种令人难忘的和卓越设计。有吸引力的事物更加有效,有助于抓住用户注意力和让他们保持关注。令人难忘的设计增加了产品和品牌的感染力,从而获得更高的用户的参与度。实际上,若你的客户和用户之间存在一种强大的、可靠的情感关系,就能在事业上给你带来意想不到的帮助。虽然绝大多数的品牌仍然保持沉默、被动和客观的态度,但是我们已经观察到更多的网站在努力吸引我们的感官—不论是通过强大的审美情趣、内容版块的诙谐动画,还是干脆通过一点额外的小型设计元素。一些设计看起来很美观,导航起来很有趣,但最重要的是令人难忘——原因很简单,因为它们与众不同。给你的设计加入有趣的个人风格,使你脱颖而出,并且这会给访客一些能与朋友、同事分享的话题。这是一个好的开端。你可以在各种设置上引出令人愉悦的设计:在维护模式页面、404错误页面、预加载页面,或者其他页面。我们的想法是,令访客感到惊喜,并给予他们一些津津乐道的话题。
Bounty Bev
漂亮的Bounty Bev是一个饮料公司的单页设计。除了其微妙的悬停效果和动画以外,网站还有一些不错的元素:如果你手动滚动页面,便会出现一个小的弹出提示,询问你“How’bout a lift”(是否需要搭个便车)。其呈现的效果是强大且令人难忘的,并且其设计也很俏皮、简单、清新和个性,这样的网站会给访客留下非常积极的印象。
Analog.coop
Analog向访客提供了一种非常个性化的体验。当访问该页面时,系统会显示出你当前所在的位置,并告诉你附近的团队成员。该网站隐藏着几个巧妙的彩蛋,你可能会想要探索一下刊头或团队照片。总而言之,此网页探索起来很有趣。
Billy Tamplin
Billy Tamplin在博客中集合了生平的一些小成就。每项展示都记录了个人成就,呈现出个性设计奖章和说明。Billy在整个网站中都使用这个方式,涉及“超级Web技能”(敏捷CSS、PHP入门准备、IE6增强等)和“超凡的设计能力”(以人为本的宗旨、敏锐的创意细节等)。他在网站上也有其作品集。请注意它的配色方案是如何匹配主题的。其设计简约美观,标新立意的“achievement”的效果令人难忘。
MIX
MIX是一个面向设计师和网页开发者的博客社区。该网站没有隐藏的功能、引人注目的动画或悬停效果。相反,它具有连贯的、极具视觉吸引力的设计。你能弄明白网站上彩色的圆圈如何以及往哪里重复漂浮吗?其设计在强调内容的同时颇具独特的风格,并且简洁美观。
MailChimp
MailChimp在其各方面的设计中,大量采用了与猴子有关的形象。为了告知用户最近的更新情况,MailChimp呈现了ASCII动画,以告知用户后台所发生的变化。如果这个漂亮的细节不足为奇,公司还使用了个性、友好,并且有点古怪的语言回应用户的需求。下图中的图像在其Web应用程序中也得以保留。