关于伟创 伟创新闻 伟创案例 网站套餐 联系方式
只做吸引客户的精品站!

如何打造集才华与美貌与一身的网站?

lywhy / 2017/4/30 16:56:37
[核心提示]  网页设计师面临的最大挑战之一,可能就是平衡网站的功能性和视觉性。
如何打造集才华与美貌与一身的网站?

  网页设计师面临的最大挑战之一,可能就是平衡网站的功能性和视觉性。你说,我也

想「极简」,我也想「高大上」,可是不弄个红彤彤的按钮,用户就不知道点哪里嘛。在

本篇文章中,我们举了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网站与用户于无形中建立联系。产品指引、娱乐和帮助用户。

而且,即使是新手也会感觉像个内行。那确实是个难忘的经历。
  总结
  好看的设计可以不同程度地给网站锦上添花。在不失实用性的前提下,融入能愉悦用户的

元素,你将会创造出一个既愉悦又实用的网站。
  赏心悦目的终极目标,是当与用户创造无形的情感连接并给予用户力量。这不是一项轻松

的任务,但它确实能让你的产品脱颖而出。永远不要忘记:「人们不是要为更好的产品而买单,

他们是为变成更好的自己而买单」。

尊重作者原创 除非特别声明,伟创科技所有均为伟创原创报道,转载请注明原文链接。
原文地址:http://www.lywhy.com/News/View.asp?id=1047  所属类别:行业风暴
相关内容
中元节,为去世的亲人点一盏心灯,愿天上人间共安好! 2018/8/25
能源互联网源起,如今的话题! 2018/4/9
互联网并不是包治百病的灵丹妙药 2017/8/15
网站公司如何积极的看待竞争对手 2017/6/3
另类的客户审美让设计师不知所措 2017/5/28
猜你喜欢
企业网站到底怎么做才能做的专业? 2013/12/9
不做优化的网站如何也有排名 2013/1/12
网站为什么还要定期维护?维护内容有哪些? 2015/8/3
比特币噩耗不断价格大跌:遭百度和中电信拒绝 2013/12/9
【SEO知识】作为初学者建设网站如何做好页面布局? 2016/4/28
企业网站建设是否要使用模板 2014/7/3
搜索引擎对网站原创内容的处理及正向排名 2013/1/12
微淘O2O项目内测“曝光” 涉及地图、会员、支付等多接口开放 2013/12/7
2012年1月10日伟创网络科技签到完毕! 2013/1/10
关于网站设计的一些必要原则 2015/8/1
伟创热点
关于我们
公司简介
我们的优势
企业文化
公司愿景
加入伟创
伟创官方博客
金牌项目
网站建设
网站优化
软件开发
整合设计
网站运营
网站套餐
基础型网站
展示型网站
商务型网站
购物、商店型网站
FLASH动画型网站
行业、门户型网站
帮助中心
客户中心
公司SEO培训
seo顾问服务
支付方式
联系我们
我们的位置
关注我们
新浪微博
腾讯微博
人人小站
QQ空间推荐
花瓣网
建站百科全书
Copyright 2007-2012 LYWHY.Inc Sitemap 豫ICP备12012069号-1
Links
洛阳百科
建站百科