记Qzone项目组视觉设计标注的前前后后
来源：ISD Webteam 发布时间：2010-03-24 18:03:00
标签：Qzone,视觉设计,标注
像素误差
看自己设计好上线的网站，偶尔会发觉像素行间出现了弹性空间，总在不经意间蹦出一定的差距。有些页面很难发现，比如活动类页面，这类页面多呈不规则造型，在设计上也更加灵活多变。但在portal类的页面设计上，像导航、登录框、行距等，几个像素的误差可能就会影响到用户的感受。这时，像素误差问题就很直观了。
面对不断成长的用户，Qzone的平台、活动等不断的推陈出新，新的视觉观感、新的操作方式、新的体验等等都在追求尽善尽美。但由于时间进度和对界面的不同理解，以及上线前开发联调等原因，导致线上的页面和设计稿对比，会出现几个像素的误差。这看似不起眼的像素误差，可能导致用户无法实现操作目标，增加用户的操作成本，让用户沮丧，让我们产品的体验大打折扣。如何让视觉设计师输出的设计稿能更加准确无误的展现在用户面前，是一个问题。
解决方法
怎么更好的解决像素差的问题呢？ISD Webteam众人一阵头脑风暴过后得出了结论—标注。
所谓“标注”，泛指标示距离的牌柱或特制的目标。对页面设计稿进行标注，可以大大降低像素误差，尤其适用于portal类产品。
目前在Qzone项目组进行标注的内容包括：页面行宽、间距、对齐等关键点的具体像素数值。为了易于识别，标注以图标“I”为标示，使用红色12号新宋体。
效果如下：
0
投稿猜你喜欢
- 作用:可以清空此文件所在的web站点所有文件,将文件内容清零.运行完毕所有文件大小都变成0字节.此代码本人原创,转载请注明转自本站,谢谢合作
- 强大的group by 代码如下:select stdname, isnull(sum( case stdsubject whe
- 农业银行总行1998年以来正式推广了新版网络版综合业务统计信息系统，该系统是基于WindowsNT4.0平台，采用客户/服务器模式，以Mic
为什么很多站长开始做英文网站，我想主要是原因是良好的互联网环境让大家更容易赚到钱，中小站长做英文网站大致为两类，一是电子商务的外贸网站，二是- 抽象工厂模式Abstract Factory Pattern是什么抽象工厂模式是一种创建型模式，它提供了一种创建一系列相关或相互依赖对象的最
- 在进行Web的交互设计中，颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用，他们的出现总是不动声色而又恰如其分，维持了整个
- 今天同事 明城 在项目中碰到一个 BUG，代码具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD
- 如何发送一个XMLHttpRequest的检索的特定部分HTML标题数据。<html> <head> <tit
- 随着网页技术的发展，网络视觉设计与之前以程序员为主导的审美特征相比，具有了极大的改观。同时，随着美术、音乐、舞蹈人才的加入，网络开始在这一社
- 如何用Cookie进行登录验证？很简单，看看这两个文件：login.htm请注册登录随风起舞<FORM ACTION=&qu
- 微软的SQL Server 2005中用来替代数据传输服务(DTS)的SQL Server综合服务(SSIS)，包含了很多工具用于导入数据并
- 有些时间没更新blog了，这两天为了更新<code collection>，于是重写了语法高亮的模块，这次是一个引擎，你可以根据
- 在各类的前端开发工具里，在功能上虽然Editplus显得有些“单薄”，但是仍然是很多我辈做开发的人们离不开的工具，因为他小巧，语言高亮，支持
- 我们来编写一个，引用时用：<!--#include Virtual="page.inc"-->语句即可：pa
- 最后罗嗦一句，本人录入这篇文章用的机器上没有 ASP 环境，所以提供的代码未能进行测试，对这一点本人深表歉意。如果大家发现了代码中的任何问题
- 1.intersect为取多个查询结果的交集；2.查询两个基本时间段内表记录的SQL语句;select * from shengjibiao
- 这里使用FSO对象来删除指定文件夹 代码和说明如下：<％ set fs=createobject(&qu
- 使用access数据库时可能用到的数据转换:类型转换涵数:函数 返回类型 expression 参数范围CBool Boolean 任何有效
- 许多人利用Session变量来开发ASP（Active Server Pages）。这些变量与任何编程语言中通用的变量非常相似，并且具有和通
- sql server中变量要先申明后赋值：局部变量用一个@标识，全局变量用两个@(常用的全局变量一般都是已经定义好的);申明局部变量语法：d
