改善网站的用户体验网页中应用手绘风格(1)

文章描述：本文中，我们将讨论怎样在网页中应用手绘风格，以改善网站的用户体验。

本文中，我们将讨论怎样在网页中应用手绘风格，以改善网站的用户体验。

识别度与真实感

手绘风格特别很是有利于展示人性色彩，形成的识别度，为用户带来真实感。当你收到好友寄来的明信片时，你总是希望看到卡片是手写的，带着好友的笔迹，而不是用电脑打印出来的。一张手写的便笺也总是比电脑打出来的纸片更加随意和亲近。

在网页设计中，道理也是一样的：手绘和手写风格的应用可以让产品显得更加、更加真实、更加值得相信。下面是手绘风格带来识别度和真实感的三个例证：

的外观和感受

首先，手绘风格带来的外观和感受。的原型图和线框图工具 Balsamiq 是典型代表。Balsamiq 的功能壮大而复杂，其外观和感受却是特别很是简单明了，手绘风格的应用使用户回忆起基本的纸笔勾画，让用户专注于基本的功能呈现，而不是纠结于产品外观上的细节。同时，这样的外观也形成了 Balsamiq 自己的风格。

识别度与个性化

手绘风格带来更高的识别度，让用户记住你的产品。例如 Windows 上的代码编辑器 Notepad++ 的新 logo：

变色龙主体图案不仅恰到益处地展示了产品自己的功能（高亮代码的积累和转变），同时图标自己也显得相当可爱，抓住了用户的注重力，帮助用户把 Notepad++ 和竞争对手的编辑器产品区分开。

人性化与亲近感

手绘风格带来人性化与亲近感。告诉用户产品呈现的内容背后有着活生生的人，并且这些人已经细心地考究了产品的细节，让它看上去更加真实，更值得相信。

iPad 上的儿童数学演习应用 MathBoard 复刻了黑板的观感，孩子们甚至可以直接用手在“黑板”上写出数字。这样的设定让算术演习不那么严寒和枯燥，具有了一丝人性化的色彩，更加易用，更有吸引力。

信息传达与内容构建

信息的传达体例决定了用户是否会看到和理解这些信息。手绘风格可以更有用、更清晰地传达信息。下面是三个例证：

诠释产品特征

描述一个产品特征可能需要好几行字，假如用手绘的话，一张图就够了。的应用测试服务 TestFlight 在其网站上介绍特征时使用了四个便签形式的草图来配合文字描述。在传递产品特征信息的同时也使网站变得图文并茂，更加易读。

展示工作流程

与其用大段文字诠释产品操作中步做什么第二步做什么，不如给每一步配上一张清晰的手绘图，增添可读性，大为削减文字的用量。

指导用户

使用手绘图标可以有用地指导用户进入产品和网站的各个部分。例如之前我们介绍过的 Stamped，其网站上用卡通风格图片来指导用户进入各个种类的网页。