欢迎来到设计师实训基地-南通科迅教育
咨询电话:0513-81107102
如何为网页设计添加个人色彩
2016/10/10
科迅教育
250
南通美工设计学习心得
身份与真实度

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

视觉与感受

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



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做出的图片虽然也能赢得我们的信任,但手绘往往更能打动我们的感情。
77
关闭
先学习,后交费申请表
每期5位名额
在线咨询
免费电话
QQ联系
先学习,后交费
TOP
您好,您想咨询哪门课程呢?
关于我们
机构简介
官方资讯
地理位置
联系我们
我要学习
先学后付
申请试听
在线咨询
网站XML地图
0513-81107102
周一至周六     8:30-21:00
微信扫我送教程
手机端访问
南通科迅教育信息咨询有限公司     苏ICP备15009282号     联系地址:江苏省南通市人民中路23-6号新亚大厦二楼、三楼         法律顾问:江苏瑞慈律师事务所     Copyright 2008-