网页设计师面临的较大挑战之一，可能便是平衡网站的基本功能性和视觉性。你说，我也想「极简」，我也想「高大上」，可是不弄个红彤彤的按钮，顾客就不知道点哪里嘛。在本篇文章中，咋们举了4个例子，看一看他们是如何解决这样的世纪难题的。

有一部分网站仅仅是为咋们提供服务，也有一部分网站让咋们看着赏心悦目，不过较好的网站二者兼备。令人愉悦的设计能给咋们提供一种流连忘返的特别感受。

假如一个网站只有花里胡哨的吉祥物，却没有实质，那么用不了多久，较初的魅力会逐渐消散，迹。咋们下边列举了一部分较优于行业水平的网页设计案例，你可以从下文的案例中获得些灵感。

只有较好的糖衣

在剖析案例以前，让咋们来讨论一下赏心悦目的交互是如何适应于整体的设计。

Aaron Walter在写Treehouse博客的时候，通过一个1943年发布的心理学的经典理论——马斯洛的需求层次理论，解释了什么是赏心悦目的设计。这样的理论从实质上将人体需求按优先次序排列。从底层，即生理必须层 （其包含食物和氧气等），到较高层——非生理必须层，如自我实现。

（感性的界面设计：热情的顾客入口）

把本理论运用于网页设计，Walter提出了新的需求层次理论。

（感性的界面设计：热情的顾客入口）

一个可行的交互设计并不是非好看不可。一个网站只需有基本功能，并且实用，哪怕外表有那么点丑（就如Craigslist网站）也可能胜利。不过，一个好看的网站假如外强中干，早晚会失去它的感染力。因此决定交互设计较重要的要素，说到底还是实用性。

上文并不是说美观不重要。正如Don Norman解释道：人类在进化，咋们基于情感所做出确定，多于基于逻辑做出的确定。事实上，他接而提出「设计提高美观度乃至可提高可用性」这一观点，即通过创造一个愉快的氛围，产品可以使使用者放松，反过来使机械的程序运转得更加平稳。这就使学习操作网站变得简单很多。

好看的设计如同蛋糕上的糖衣，不能填饱肚子，但也是蛋糕上较可口的那部分。一个又干又平淡无味的蛋糕是无法引起食欲的，一旦有更好的选择可选（更加多彩可口的蛋糕），饥饿的顾客则会选择他们。另一方面，不论你的糖衣多美味诱人，很少有人只吃甜腻的糖衣。

下边所说的网站特别的完整：清晰的目标、好用的界面、健全的基本功能——还有一点额外的东西。

1.Bitly

Bitly是一个广为人知的牌子。它广受欢迎的原因在于，哪怕在网络时代的早期，它的服务就已获得大伙的承认。Bitly将网址缩短到几个字符，短小精炼。当你要分享链接的时候，不再必须要用一长串毫无联系的字母和数字来压倒对方。它很好的证明了，只需运用一点巧妙的设计，你就可以创造一个前所未有的商机。

这是Bitly的关键感染力，并且咋们猜想，即使有意思的交互设计少一部分，他们仍然可以健全该服务。有趣的交互设计是使Bitly脱颖而出的关键要素。

这样的网站的操作特别简明。顾客们只必须要将链接复制粘贴到左上角，旁边的一个菜单马上就会滑出一个新的简短的链接和图标，供人们归档、编辑、加标签或者分享链接。

只必须要单击鼠标，你就可以从简短的网址追踪到较复杂的链接，就像是施了魔法一般。当设计了其中有趣的颜色和河豚的卡通形象之后，使用体验从头到尾全是令人印象难忘的。再加入直观的链接跟踪和有韵律的陈列，这些体验会变得稍微使人沉迷——你会想看哪个链接点开次数较多，并回去研究为什么。

正如交互设计师Ben Rowe所解释的，令人愉悦的设计有两层：表层和更深的流程层。也便是说，吉祥物和有趣的视觉设计组成表层，而「被动魔法式」的交互设计形成更重要的流程体验层面。

2.Medium

令人愉悦的设计并不是由绚丽的色彩和有趣的卡通形象堆砌而成的。正如Rowe所说，由于顾客体验能建立更强的联系，故此好看的设计不仅仅只是依靠那些讨喜的动物形象，而是依托于实用性。

作为较受欢迎的博客平台之一，Medium具有极简主义风格的特征，平台使用大批的白色，没有卡通或任何百搭的颜色。它登上咋们「好看网站排行榜」的原因便是其简单却强大的顾客体验。

Medium的极简主义独特之处不仅在于外观：写作体验被网站运营者们视为重中之重，尽可能让新顾客尽快上手，并且不可能被那些小玩意、插件或其他基本功能所干扰。这不是说网站风格平淡无味，想想看，你看不到那些优雅的印刷体，或者是像其他网站上一直滚动的新闻条，是不是觉得耳目一新了？

除了表层视觉，简洁干净的交互界面让顾客可以更集中于写作。它的界面基本功能已经足够完成顾客的关键目标，Medium只必须要腾出空间，让奇迹当然发生。

虽然界面极其简介，但通过设置悬停和隐藏，Medium给顾客提供了所有必要的选择（上传图片/视频，插入信息等）。不像传统的博客平台体验给人感觉越来越多的是「信息管理模式」，Medium把写作基本功能和上传基本功能创造性地结合在一起。

如此简洁如白纸般的界面，即使是再小白的门外汉，写起博客来也会觉得自个如同大文豪海明威。

网站也提供了其他很好的体验。比如每篇文章都会有一个阅读時间提示，你就会知道你阅读这篇文章或许会花多长時间。而在较基础的编辑页面，你乃至可以直接从百度图片里把搜索的图片复制粘贴上去，而不必须要额外下载以及重新上传（这对那些长期写博客的博主来说真是迅速解放！）。

上述这些精巧细微的设计看似相对一个博客平台来说并不是缺一不可，但正是它们出乎意料的有用，才提高了设计的档次。这些特质不只博顾客一笑，也使他们更好地完成目标。假如你想创造一个好的「愉悦设计」，就一定要在交互设计中加点「小心思」进去。

3.Carbonmade

当你把实打实的顾客体验和有趣的颜色以及卡通结合起来，会发生什么？你会获得Carbonmade，一个让建站小白轻松微痛苦地制作网络作品集的网站。

比愉悦的体验更深一层的体验，是让顾客可以轻松在线创造他们自个的作品集——这是金字塔重要的基础。据创始人解释，网站的灵感源于在网上发表自个的插画的糟糕经历，又贵又麻烦。在先进印象中，网站具有风格独特的元素，这种元素在适应于顾客的基础上，使网站到达了表层次的好看。这些元素是：轻松的复制基本功能、明亮的色彩和动物图像的大批使用。这种视觉处置可以获得你的专注力。而且，Carbonmade 乃至在网站上大胆声称，即使是小白顾客，也用不着看使用表明。

当你潜入更深一部分，你会发现Carbonmade可以用Medium式的流畅体验来符合一切顾客自个建站所需要要的基本功能。创建你的方案，拖拉放下你想要展现的东西，在左手边的导航栏输入文字，想要的界面立马呈现。

你想更新你的简介？只必须要在旁边的导航栏输入文字，右边的文本框便可以即时浏览成效，真是立等可取！

即使网站免费的方案已经可以赞助顾客在30分钟内建立一个比较完备的作品集，现在越来越多地高级顾客也会为了更个性化的服务更新升级至付费方案。

正如Rowe所说，「不像基本功能的基本功能」让界面更加讨人欢心。这会让你感觉自个并不是通过工具，而是通过自个的双手在制作作品集。学习曲线具体上已经不复存在了，由于从顾客们从先进下单击开始，他们就立马获得满满的成就感。

4.MailChimp

较后是MailChimp网站，它好地平衡了实用性和视觉成效。MailChimp是一个通过电子邮件订阅 RSS 的在线工具，听起来就很「性冷淡」。这应该可以解释为什么公司喜欢创造一个更加个性化的面孔来推销自个。如此一来，MailChimp就把一个枯燥无聊的任务转变成迅速很好玩的体验。

赏心悦目的设计是被公司广泛看好的，由于它是市场中确定公司关键竞争力的要素。

不混乱的界面、直截了当的选择和多选的对话形式，把复杂的操作归纳为一个简单且人性化的体验。MailChimp在你胜利发送一组邮件之后，还设计了一个好玩的击掌屏显。这是一个令人印象难忘的体验，一部分顾客乃至一边击掌一边哈哈大笑。

除了萌萌的猴子之外，网站其余部分也特别生动友好。无衬线字体创造了随意的氛围，文本的基调也简单轻巧（绝非偶然）。

借助「恶意卖萌」的动画和「段子手式」的文案（如：这是您的荣耀时刻），MailChimp网站化解了先进次发送邮件的紧张感。有别于一个冷冰冰的邮件推广软件，MailChimp更像是一个能感同身受般理解你的导师。

幽默和动画全是只是表层的好看。不过当咋们进入更深层次，咋们会看到对话反馈和简单的任务程序都有助于MailChimp网站与顾客于无形中建立联系。产品指引、娱乐和赞助顾客。而且，即使是新人也会感觉像个内行。那确实是个难忘的经历。

总结

好看的设计可以不同水平地给网站锦上添花。在不失实用性的前提下，融入能愉悦顾客的元素，你将会创造出一个既愉悦又实用的网站。

赏心悦目的先进目标，是当与顾客创造无形的情感连接并给予顾客力量。这不是一项轻松的任务，但它确实能让你的产品脱颖而出。永远不要忘记：「人们不是要为更好的产品而买单，他们是为变成更好的自个而买单」。