将设计执行到底—记Qzone项目组视觉设计标注的前前后后
作者:二米拉 来源:腾讯webteam 时间:2009-04-19 13:22:00
像素误差
看自己设计好上线的网站,偶尔会发觉像素行间出现了弹性空间,总在不经意间蹦出一定的差距。有些页面很难发现,比如活动类页面,这类页面多呈不规则造型,在设计上也更加灵活多变。但在portal类的页面设计上,像导航、登录框、行距等,几个像素的误差可能就会影响到用户的感受。这时,像素误差问题就很直观了。
面对不断成长的用户,Qzone的平台、活动等不断的推陈出新,新的视觉观感、新的操作方式、新的体验等等都在追求尽善尽美。但由于时间进度和对界面的不同理解,以及上线前开发联调等原因,导致线上的页面和设计稿对比,会出现几个像素的误差。这看似不起眼的像素误差,可能导致用户无法实现操作目标,增加用户的操作成本,让用户沮丧,让我们产品的体验大打折扣。如何让视觉设计师输出的设计稿能更加准确无误的展现在用户面前,是一个问题。
解决方法
怎么更好的解决像素差的问题呢?ISD Webteam众人一阵头脑风暴过后得出了结论—标注。
所谓“标注”,泛指标示距离的牌柱或特制的目标。对页面设计稿进行标注,可以大大降低像素误差,尤其适用于portal类产品。
目前在Qzone项目组进行标注的内容包括:页面行宽、间距、对齐等关键点的具体像素数值。为了易于识别,标注以图标“I”为标示,使用红色12号新宋体。
标签:设计,qzone,视觉设计,标注
0
投稿
猜你喜欢
SQL Server 2005数据库批量更新解决办法
2009-04-11 16:12:00
网页中的平衡、对比、连贯和留白
2008-11-24 12:11:00
WEB2.0网页制作标准教程(10)自适应高度
2008-02-19 19:21:00
MySQL数据库安全解决方案
2009-10-17 21:36:00
函数式编程让JS更优美
2008-06-10 12:40:00
VBScript GetObject 函数用法介绍
2008-01-30 17:00:00
Ext2.0.2经典的一个JS组件(带EXT中文手册)
2009-04-13 12:24:00
css:小技巧大问题,cellSpacing用css样式代替方法,其它样式类似解决!
2009-10-04 20:35:00
纯CSS图片预加载
2009-10-28 18:40:00
Firefox下正则诡异问题
2009-08-03 14:03:00
网页布局设计基础
2008-10-16 13:58:00
asp如何在线更改密码?
2010-06-26 12:22:00
非常详细的IFRAME的属性参考手册
2008-02-12 12:45:00
交互设计模式(二)-Pagination(分页,标记页数)
2009-08-03 13:37:00
rs.open与conn.execute详细解释
2008-07-03 12:54:00
不安全的js写法
2009-09-16 14:26:00
对用户进行电话访谈的一点感想
2009-12-28 13:05:00
vbscript与javascript如何传递变量(包括服务器端与客户端)
2008-04-09 13:46:00
SQL Server 2005 FOR XML嵌套查询使用详解
2009-01-06 11:20:00
编写SQL需要注意的细节Checklist总结
2012-10-07 10:43:57