网站首页 > 网站设计> 文章内容

如何为网页设计添加个人色彩

※发布时间:2018-7-2 6:03:40   ※发布作者:habao   ※出自何处: 

  网页的核心说到底是技术。不同的脚本和不同代码是靠超链接和加密信息组成的—数据需要通过一定的技术几面如浏览器或程序才能获取。然而,这并非意味着靠技术做支撑的互联网不能更人性,更有个性一点。一如何让技术性的界面变得看起来不那么,这也一直是技术人员所关心的事。在这篇文章中,我们将会讨论一下网页设计中的创意之道,并看看它们将如何为设计增色。

  绘画,涂药或者其他形式的元素能为设计增添许多个性和“真实度”。想象一下,当你收到一个朋友寄来的贺卡时,你更希望它是打印的还是手写的?当然,手写材料总比计算机打印出的东西显得更有人情味。在网页设计中这个道理也是一样,尽管它们的介质不同。我们通过三个例子看一下手写体是如何为设计增添魅力的。

  首先,手绘的作品总能让用户觉得独特。因此,为自己的设计或产品创建一个个性化和独特的视觉外表十分重要。

  Balsamiq就常好的例子。这是一款建模工具。尽管它的功能十分先进,但它的风格感觉十分基本,让人回忆起以前画在纸上的手绘。它简洁的特征让用户能更方便地使用它的功能,同时也让这款工具本身看起来非常有原创性,非常特别。

  手绘作品其个性。虽然手绘的作品难免会有缺陷,但依然是数码作品所无法代替的。仅这一点就可以为它赢得关注,与几乎完美的“数码艺术”作品相比,人们更愿意停下来欣赏这些以古老的技艺绘成的作品。

  开源编辑器Notepad++的logo十分独特。小变色龙不仅反映了程序的功能(代码),更是十分可爱,引人注目。手绘的风格暗示了这款工具所具有的原创性,也使用户把它与其他编辑软件鲜明地区分出来。

  很显然,手绘作品可以非常好地传达个性。它们更实,也能让用户与你的网站和app更密切地互动。手绘作品代表的是内容背后的人,正是这些人在设计中注入了自己的思想和努力,让自己的更有有用,更值得信任。

  MathBoard是一款iPad上使用的app,孩子们可以用它联系乘法表。这款app拥有一个经典的黑板界面。整款app就好像一个字谜。对孩子们而言,它无疑即吸引人,又好用。

  网站内容的呈现方式决定了用户会如何看到和使用它们。所以你需要把握向用户呈现内容的时机。网站的内容应该赋予用户希望,同时又要迷人。要传递的信息应该清晰,彼此相关并可以互动。下面三个例子将让我们明白手绘风格为何能更有效地呈现信息。

  你可以将手绘风格用于介绍你的产品,尤其是产品的特色。速写画可以将一个需要千言万语才能说清楚的概念说的明明白白。在网站设计中,也是如此。如果你有一个产品,而你又需要将这个产品或概念传达给用户,使用速写画就可以创造出一种更亲密的气氛,如同你面对面与用户沟通一样。

  在线服务商TestFlight就很好地利用了这种效果。它的网站使用了大量的手绘元素,而在介绍主要特色功能时,同样使用了速写功能,旁边只附注了少量的文字。这一点与现场演示的原理很相似,都是以一步一步的方式把重要事项表达得更清楚。

  手绘风格同样也是一个让用户更熟悉产品工作程序的好工具。没有人会期待一款工具能无需任何步骤便解决一切问题。承认工具需要不同的步骤才能解决问题,而这些步骤又可能会出错,这一点反而让你的工具显得更为人性化。这表明在正确的道之前,你先要面对不同的选择。

  Alex Faure 解释了为何手绘风格能让用户更清楚地明白工具的工作原理。他不仅说明了他的设计能干什么,也让用户清楚地知道他们需要在哪些步骤中参与这款设计。

  不论你要设计的是网站还是app,让用户明白自己如何才能达到不同的目标都是十分重要的。手绘风格在这方面也能发挥很大作用。手绘图标在中的作用已经是有目共睹。为何如此?虽然数码绘画的图标可以做到精确和清晰,但它们毕竟是计算机的产物,让人觉得冰冷而充满技术性。但手绘作品充满人情味。用户倾向于接受另一个人类而不是计算机的。

  iPhone上的app Stamped使用了非常优美而又有意义的图标来引导用户。这款app能够让用户给自己喜欢的东西如电影,地点和图书等贴上图标。而手绘风格与这款app的本质十分相配。

  团队形象的重要度无疑在增加。以前我们都认为在网络上,某种程度的匿名性是正常的。但现在越来越多的用户要求知道究竟是是谁在网页,服务和从产品的背后操作。仅仅知道可以从别人那里获取信息也不够了,我们还想知道究竟从谁那里可以获取。你提供的团队形象越是具体,就越有可能赢得客户的信任。以下就提供一些利用手绘风格为团队形象增色的方法。

  取得用户的认同和好感极其重要。即便你提供一大堆的自己介绍信息,如果用户觉得你过于自大或夸张的话,也没有用。我们首先会信任我们对其有好感的人,而不是信任无法接近的人。手绘风格能为你赢得好感,让你看起来更有创造性,更主动,更易接近。

  Knock Knock Factory 网站就为自己的界面创造了一个令用户满意的团队形象。背景中的“手绘黑板”传达出很多关于“无畏”Keith的信息。在用户正式进入网站之前,就已经有了积极的印象。用户会觉得自己与网站某种程度的私人联系,从而对网站产生好感。

  除了赢得用户的好感之外,取得用户的信任也极为重要。毕竟,在网络上通过一番包装就可以变成另一个样子。但展示真实度才能让用户更放心。只有当用户真的信任你的时候,才会决定购买你的产品。手绘作品的创作通常都不是很容易,它们需要创意,热情和技巧,人们通常把这些品质与信任联系起来。

  Polecat介绍自己的方式就让人信任。它没有使用真实的照片,而是使用了抽象但富有创意的插画。这些插画并不完美,风格甚至有些草率,但这却显得更有人性化。只显示了团队的名字而不是全名,也给用户一种亲近之感。

  呈现真实让人信任,很重要的一个方面便是真实度。你不应该让用户对你是否真的存在,以及是否是呈现给他们的样子感到怀疑。网络是个很奇怪的地方,因为使用设计的用户可能永远都不会见到网站后面的真实人类。但一个使用手绘风格的网站多少回透露出一点关于设计师本人的信息,让用户觉得更实。

  Grove团队的设计师在创意,风格和真实度之间做到了平衡。团队的照片整齐地排列,名字以手绘风格呈现。给人的印象是一个用户参观他们工作室所看到的拍立得照片,甚至还包括了属于团队的狗。还有什么比这更真实呢?

  手绘风格也是一种讲故事的绝佳方式。叙述故事是一种极度个人化的艺术,它是一种有着久远传统的交际方式。这种手段能超越技术,给我们一种舒适的,富有情感的体验。手绘风格能帮助用户消除对网络技术层面的抵触,为它换上一张人类的面孔。娱乐效果

  娱乐也能引发不同的情感反应---当娱乐之中加入人文元素,而不仅仅是单纯的机器操作的时候,就能给人以亲近之感。在网络上,手绘风格是提供这种人文元素的好方式,它能够让用户放松和享受自己。

  Axure是一个建模工具,在它的主页面上使用手绘风格讲述了一个与用户体验设计师有关的故事,这个人被“拥有超过人类的能力”。页面中手绘风格的设计十分吸引人,很显然,设计者在这个页面上花费了相当多的心思。

  手绘风格能抓我我们的注意力因为我们能在其中辨认出属于人类的元素。而一个完全是技术的工具,如靠PS做出的图片虽然也能赢得我们的信任,但手绘往往更能打动我们的感情。

  SignNow在网页中使用手绘解释了立即注册该网站页面的好处。它以“飞翔的文件”的形式把页面元素组成了一个整体,创造出了叙事的效果。就好像有个人在对你一一详细解释一样。

  手绘风格元素同样也是留住用户的有效手段。在UX设计师中间,“如何留住用户”也是一个一直被讨论的话题。因此,一个试图留住用户的网站已经在创造积极的用户体验上迈出很大一步了。

  TouristEye 是一个旅行app,它也很好地利用了手绘叙事的手法。它对产品一步步的介绍将用户引入一个小小的探险故事中,一次寻宝之旅。即便没有文字说明,旅客也能体验到其中的含义。

  手绘风格与互联网冰冷的技术世界形成鲜明对照,因而格外能引起用户的注意。手写体的评论文字和介绍让我们觉得是作者在直接跟我们对话。

  这种策略可以用来传达很多东西。首先,你可以利用这种手段邀请用户采取某种行动,例如在所有社交平台上关注和分享你发布的内容。我们一般都倾向于回复仅仅针对我们而不是针对所有人的内容。尽管你在网站的信息是要传达给所有人的,你还是可以给用户造成“只属于你”的感觉。

  Weezbe在自己的登录界面使用了手写字体,还有一张笑脸和一个箭头,指向屏幕下方的使用指南。整个界面简洁而有效,没有过分夸张,但依然能促使用户采取行动。

  你也可以使用手写风格字体来勾起用户的好奇心,然后再呈现给他们更多信息,并促使他们采取某些行动。例如,箭头就是掌控用户注意力的好方法。

  网站Radley Yeldar在主页上展示了一个手写风格的手,这只手似乎是在敲打键盘,旁边是一行字“这不是脚注”。这幅速写意在鼓励用户模仿页面上的手势,并点击屏幕,以查看会发生什么。这也是将脚注呈献给用户的一种巧妙方式。

  有时,手绘与网站的也会变得不契合。因此对手绘不要过度使用。如果你不了解你所使用的手绘的特点,就不要贸然使用。例如,在在线调查中使用手绘就不是恰当的做法。

  我们再来看一个具体的例子。这篇文章的主要目的是指出手绘风格如何改善用户体验,但同样需要指出的是,手绘风格并非包治百病的妙药,使用它同样需要深思熟虑。

  Joshua Keenes 就在自己设计中使用了手绘元素,但此处至少有两个缺陷。对手绘元素的过度使用分散了用户的注意力。第二,这让用户点击按钮变得更为困难,甚至可能会吓走用户。

  为设计诸如自己的个性如今正显得日益重要,因为用户已不满足于语冰冷,正式和无名的程序打交道。相反,我们在浏览网页时需要了解产品和服务背后真实的人,这让我们觉得更踏实。手绘作品带着人类的品质,因此是沟通技术与人性之间的桥梁,值得好好利用。

  本文由 790游戏(www.790.kim)整理发布

相关阅读
  • 没有资料