记Qzone项目组视觉设计标注的前前后后
来源：ISD Webteam 发布时间：2010-03-24 18:03:00
标签：Qzone,视觉设计,标注
像素误差
看自己设计好上线的网站，偶尔会发觉像素行间出现了弹性空间，总在不经意间蹦出一定的差距。有些页面很难发现，比如活动类页面，这类页面多呈不规则造型，在设计上也更加灵活多变。但在portal类的页面设计上，像导航、登录框、行距等，几个像素的误差可能就会影响到用户的感受。这时，像素误差问题就很直观了。
面对不断成长的用户，Qzone的平台、活动等不断的推陈出新，新的视觉观感、新的操作方式、新的体验等等都在追求尽善尽美。但由于时间进度和对界面的不同理解，以及上线前开发联调等原因，导致线上的页面和设计稿对比，会出现几个像素的误差。这看似不起眼的像素误差，可能导致用户无法实现操作目标，增加用户的操作成本，让用户沮丧，让我们产品的体验大打折扣。如何让视觉设计师输出的设计稿能更加准确无误的展现在用户面前，是一个问题。
解决方法
怎么更好的解决像素差的问题呢？ISD Webteam众人一阵头脑风暴过后得出了结论—标注。
所谓“标注”，泛指标示距离的牌柱或特制的目标。对页面设计稿进行标注，可以大大降低像素误差，尤其适用于portal类产品。
目前在Qzone项目组进行标注的内容包括：页面行宽、间距、对齐等关键点的具体像素数值。为了易于识别，标注以图标“I”为标示，使用红色12号新宋体。
效果如下：
0
投稿猜你喜欢
- 本文实例讲述了Python 使用元类type创建类对象。分享给大家供大家参考，具体如下：type("123") 可以查看
- http://www.gotapi.com/ 语言：英语 简介：HTML,CSS,XPATH,XSL,JAVASCRIP
- 一、数字类型内置方法1.1 整型的内置方法作用描述年龄、号码、id号定义方式x = 10x = int('10')x = i
看到代码里面有这个1 class ResNeXt101(nn.Module): 2 def __init__(se- 我就废话不多说了，大家还是直接看代码吧！# -*- coding: utf-8 -*-"""Created o
- 1 索引的概念索引（在MySQL中也叫做“键（key）”）是存储引擎用于快速找到记录的一种数据结构，
- 前面说到了urllib2的简单入门，下面整理了一部分urllib2的使用细节。1.Proxy 的设置urllib2 默认会使用环境变量 ht
- 一个简单的php文件下载源代码，虽不支持断点续传等，但是可以满足一些常用的需求了。php下载文件其实用一个a标签就能实现，比如 <a
- 查看版本号sqlplus / as sysdba>select * from v$version;备份orcl数据库export OR
- 写在之前首先是写在之前的一些建议：首先是关于这本书，我真的认为他是将神经网络里非常棒的一本书，但你也需要注意，如果你真的想自己动手去实现，那
- 本节我们来介绍一下新浪微博宫格验证码的识别，此验证码是一种新型交互式验证码，每个宫格之间会有一条指示连线，指示了我们应该的滑动轨迹，我们需要
- 三目运算符也就是三元运算符一些语言（如Java）的三元表达式形如：判定条件?为真时的结果:为假时的结果result=x if xPython
- 本文主要介绍的关于Python切片赋值的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：昨天有同学问了我这么个问题:t = [1
- 就像这个图的样子：解决方法，setting.py中DEBUG选项为True，否则无法映射到静态文件目录来源：https://blog.csd
- 前言：本博客只是因为我正在上计算机图形学这门课，为了方便复习所写，所以内容的正确性不敢保证，各位观看之前请三思（欢迎大佬提出建议）为VS20
- Appium在前文的讲解中，我们学会了如何安装Appium，以及一些基础获取App元素内容的方式。但认真看过前文的读者，肯定在博主获取元素的
- 使用Tensorflow进行深度学习训练的时候，需要对训练好的网络模型和各种参数进行保存，以便在此基础上继续训练或者使用。介绍这方面的博客有
- Python int() 函数描述int() 函数用于将一个字符串或数字转换为整型。语法以下是 int() 方法的语法:class int(
- 本文实例为大家分享了pygame实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下为了简化起见，游戏素材暂定为两张简单的图片（文中用的是30
- 在Sql Server 2012之前，实现分页主要是使用ROW_NUMBER()，在SQL Server2012，可以使用Offset ..
