|
像素誤差
看自己設計好上線的網(wǎng)站，偶爾會發(fā)覺像素行間出現(xiàn)了彈性空間，總在不經(jīng)意間蹦出一定的差距。有些頁面很難發(fā)現(xiàn)，比如活動類頁面，這類頁面多呈不規(guī)則造型，在設計上也更加靈活多變。但在portal類的頁面設計上，像導航、登錄框、行距等，幾個像素的誤差可能就會影響到用戶的感受。這時，像素誤差問題就很直觀了。
面對不斷成長的用戶，Qzone的平臺、活動等不斷的推陳出新，新的視覺觀感、新的操作方式、新的體驗等等都在追求盡善盡美。但由于時間進度和對界面的不同理解，以及上線前開發(fā)聯(lián)調(diào)等原因，導致線上的頁面和設計稿對比，會出現(xiàn)幾個像素的誤差。這看似不起眼的像素誤差，可能導致用戶無法實現(xiàn)操作目標，增加用戶的操作成本，讓用戶沮喪，讓我們產(chǎn)品的體驗大打折扣。如何讓視覺設計師輸出的設計稿能更加準確無誤的展現(xiàn)在用戶面前，是一個問題。
解決方法
怎么更好的解決像素差的問題呢？ISD Webteam眾人一陣頭腦風暴過后得出了結(jié)論
標注：
所謂“標注”，泛指標示距離的牌柱或特制的目標。對頁面設計稿進行標注，可以大大降低像素誤差，尤其適用于portal類產(chǎn)品。
目前在Qzone項目組進行標注的內(nèi)容包括：頁面行寬、間距、對齊等關鍵點的具體像素數(shù)值。為了易于識別，標注以圖標“I”為標示，使用紅色12號新宋體。
效果如下（點擊下列圖片看大圖）：
本文鏈接：http://m.95time.cn/design/doc/2009/6637.asp 
出處：騰訊Webteam
責任編輯：bluehearts
|
