#

RSS订阅
网站地图
收藏本站

参会体验问卷-2008上海互联网草根大会
2008上海互联网草根大会胜利召开
欢迎进入——上海站长论坛
当前位置:主页 >> 网站运营 >> 用户体验 >> 
像聪明女孩穿衣服那样设计网页文字
来源:ucdchina.com 作者:lanx 发布时间:2007-11-01

这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方。

原则一:全身搭配的衣服主色不要超过三种。
不管什么样的衣着都应该有一个主色调,代表穿衣者想彰显的气质,她不可能样样都强调——也许她有安静的一面,犹如蓝色;也可能有调皮的一面,犹如橙色:知性的一面,犹如白色:可爱的一面,犹如粉色……但是她如果把这些颜色同时穿出来,那她除了像只花蝴蝶外将一无是处。这就好比一个页面,它的主要字体和颜色搭配不应该超过三种,他们分别用做:最重要的,比较重要的,一般的。别试图什么都强调,你会到头来什么都抓不到。

看看下面两个例子:
我很喜欢这个网站,可我不得不承认,这个页面看上去的确像只花蝴蝶。
taobao.jpg

还有这位,光是首页它已经大量使用至少五种字体,也许设计者觉得字体库里字体那么多,不用很浪费。
guopi.jpg

原则二:配饰风格要统一,相互呼应
如果一位女孩今天应邀参加某时尚晚会,她选了件贴身晚礼服,打算来个华丽丽的登场,你觉得她除了配一双高跟鞋外还有其他什么选择吗?恐怕没了。哪怕她有一双超炫的飞人亲笔签名的绝版耐克气垫鞋很想穿出来秀一下那也好歹要忍住。两件单品风格完全不同,即便都是顶级货,搭在一起也往往是场灾难。
也许我们会比较注意网页中文本文字的统一性,但是却经常忽略页面的图片中文字的统一性,看看下面的例子,同样是销售折扣商品,当当的商品图片里价格张张标注在不同位置,这实在是很容易扰乱视觉效果,降低信息传达的效率。而亚马逊的则把所有商品折扣标注在统一位置,只用背景色变化来区分折扣高低。把每一个差异化设计都用在有需要的地方。
unin1.jpg

原则三:细节决定成败
发现没有,一些女孩的打扮看上去很自然随意,感觉像是不经意就穿出来了,但又很是耐看。我敢保证,这样的女孩十有八九是在家做足功课才会出门的,哪件衣服配哪条项链,哪个发型配哪个耳环,甚至是袖子的边是否该卷上,卷上去几分人家都是花心思琢磨过的。这样才能保证把每个细节都做得完美无缺。
其实很多设计乍一看都还不错,可是细看却感觉糙了些,就像漂亮衣服上扯出毛边一样,等到真正用起来会发现——天!!@¥@#%#¥…%¥&
只要再多花5个像素留给文字和边框,这个豆腐块就能看起来舒服很多,干嘛不慷慨一点呢?
5px.jpg

如果你胖,那就减肥,可别把自己硬塞进紧身黑裤里。如果文字多空间少,那就删文字,可别把他们堆到狭小的空间。原本只能放下四行字(看左边框内)的空间硬被塞进了五行字,看着真叫一个憋屈啊。
toofat.jpg

大多数网站都把宋体设为主要文字显示字体,可是我发现很少有网站注意到宋体用来显示英文是非常不易于阅读的,虽然我们是中文网站,但是随着越来越多的英文单词进入我们的页面内容中,我们为何不多花那一点点力气考虑给英文单独定义一个字体呢?
english1.jpg

转载请注明出自UCDChina.com,谢谢。

原文出处:http://ucdchina.com/blog/?p=335



(阅读:
上一篇:糟糕的网站用户体验“最高境界”   下一篇:AdSense:CPC 与 CPM 广告
[收藏] [推荐] [评论(0条)] [返回顶部] [打印本页] [关闭窗口]
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
§最新评论
频道导航
上海站长论坛
#
网站运营
网站赢利模式
网络营销
运营经验
网站策划
网站推广
搜索引擎优化
互联网创业
Google Adsense
互联网资源
用户体验
互联网业界
互联网资讯
互联网观察
互联网人物
互联网公关
站长故事
站长访谈
上海站长
站长聚会
上海站长联谊会
互联网模式
门户网站
搜索引擎
电子商务
行业垂直
web2.0
web3.0
相关文章
·糟糕的网站用户体验“最高境界”
·找茬:糟糕的网站体验
·如何界定网站用户体验的高低
·从新浪博客功能改进看网站新发展
·用户体验(UE)成为影响WAP网站
·用户体验决定成败
·细节的完善需要时间积累
·Myspace中国:问题还很多,爱你
·网站运营中的用户体验和客户体验
·社群网站如何降低用户的挫败感
·豆瓣改版引发热议的冷思考
·网站设计当中的视觉意义上
上海站长网 上海站长联谊会(SWP)官方网站 - 关于我们 - 沪ICP备07019647号 - 中国E动网提供空间服务 -