福州印秀網(wǎng)絡(luò)地圖

福州印秀網(wǎng)絡(luò)技術(shù)服務(wù)有限公司

總部地址:福州市倉(cāng)山區(qū)中洲島商貿(mào)中心2號(hào)412室
分部地址:福州市臺(tái)江區(qū)華興廣場(chǎng)1區(qū)5座3樓(達(dá)道一號(hào))
公司電話:0591-8348 9135
服務(wù)熱線:400-800-9135
咨詢電話①:189 6508 9135 (張先生)
咨詢電話②:134 0599 8886 (何小姐)
公司網(wǎng)站:www.dexinhaoyue.cn www.pk0591.cn
QQ 咨詢: 建站咨詢 建站咨詢

福州印秀網(wǎng)絡(luò)logo 福州印秀網(wǎng)絡(luò)微信二維碼

在線客服

電話①:189 6508 9135(張先生)
電話②:134 0599 8886(何小姐)
電話③:0591-83489135

建站知識(shí)


將設(shè)計(jì)執(zhí)行到底—記Qzone項(xiàng)目組視覺(jué)設(shè)計(jì)標(biāo)注的前前后后


圖片

像素誤差
看自己設(shè)計(jì)好上線的網(wǎng)站,偶爾會(huì)發(fā)覺(jué)像素行間出現(xiàn)了彈性空間,總在不經(jīng)意間蹦出一定的差距。有些頁(yè)面很難發(fā)現(xiàn),比如活動(dòng)類頁(yè)面,這類頁(yè)面多呈不規(guī)則造型,在設(shè)計(jì)上也更加靈活多變。但在portal類的頁(yè)面設(shè)計(jì)上,像導(dǎo)航、登錄框、行距等,幾個(gè)像素的誤差可能就會(huì)影響到用戶的感受。這時(shí),像素誤差問(wèn)題就很直觀了。

面對(duì)不斷成長(zhǎng)的用戶,Qzone的平臺(tái)、活動(dòng)等不斷的推陳出新,新的視覺(jué)觀感、新的操作方式、新的體驗(yàn)等等都在追求盡善盡美。但由于時(shí)間進(jìn)度和對(duì)界面的不同理解,以及上線前開(kāi)發(fā)聯(lián)調(diào)等原因,導(dǎo)致線上的頁(yè)面和設(shè)計(jì)稿對(duì)比,會(huì)出現(xiàn)幾個(gè)像素的誤差。這看似不起眼的像素誤差,可能導(dǎo)致用戶無(wú)法實(shí)現(xiàn)操作目標(biāo),增加用戶的操作成本,讓用戶沮喪,讓我們產(chǎn)品的體驗(yàn)大打折扣。如何讓視覺(jué)設(shè)計(jì)師輸出的設(shè)計(jì)稿能更加準(zhǔn)確無(wú)誤的展現(xiàn)在用戶面前,是一個(gè)問(wèn)題。

解決方法
怎么更好的解決像素差的問(wèn)題呢?ISD Webteam眾人一陣頭腦風(fēng)暴過(guò)后得出了結(jié)論—標(biāo)注。

所謂“標(biāo)注”,泛指標(biāo)示距離的牌柱或特制的目標(biāo)。對(duì)頁(yè)面設(shè)計(jì)稿進(jìn)行標(biāo)注,可以大大降低像素誤差,尤其適用于portal類產(chǎn)品。

目前在Qzone項(xiàng)目組進(jìn)行標(biāo)注的內(nèi)容包括:頁(yè)面行寬、間距、對(duì)齊等關(guān)鍵點(diǎn)的具體像素?cái)?shù)值。為了易于識(shí)別,標(biāo)注以圖標(biāo)“I”為標(biāo)示,使用紅色12號(hào)新宋體。

效果如下:
圖片
圖片
圖片

圖片
圖片
圖片

執(zhí)行
剛開(kāi)始執(zhí)行的時(shí)候覺(jué)得花的時(shí)間較多,不能充分的享受設(shè)計(jì)完成后的愉悅,而要面對(duì)增設(shè)標(biāo)注這項(xiàng)“浩大”的工程,枯燥的放大,拉取標(biāo)尺,移動(dòng)水平線,填寫(xiě)數(shù)據(jù),還是難免覺(jué)得麻煩。也會(huì)不經(jīng)意的疑惑,這樣真的能更利于制作和減小像素差嗎?

反饋
很快的收到了頁(yè)面重構(gòu)同事的反饋:
標(biāo)注作為參考,約定,相比設(shè)計(jì)原型,更為精細(xì);
能更快捷地了解設(shè)計(jì)稿的意圖,減少了溝通成本;
能節(jié)省更多重復(fù)的測(cè)量工作;
增強(qiáng)了下游環(huán)節(jié)包括開(kāi)發(fā)線對(duì)還原視覺(jué)稿的意識(shí)。

反饋中也有很多改進(jìn)建議,比如:更注重文本行間數(shù)值的標(biāo)注,更多的關(guān)注間距、元素寬高、顏色值、邊框?qū)挾取⒆煮w大小、文本段落行等的標(biāo)注。這些建議,還需要我們?cè)诤罄m(xù)實(shí)際工作中來(lái)不斷優(yōu)化了。

圖片

一些收獲
第一:視覺(jué)設(shè)計(jì)師,會(huì)更加注意行高與間距,在視覺(jué)上能夠最精準(zhǔn)還原到所設(shè)計(jì)的樣式以保證體驗(yàn)順暢,強(qiáng)調(diào)設(shè)計(jì)還原與網(wǎng)頁(yè)的品質(zhì);更容易關(guān)注到視覺(jué)層次的設(shè)計(jì),容易形成統(tǒng)一的視覺(jué)規(guī)范和品牌;
第二:重構(gòu)工程師,會(huì)更加可控和高效,方便重構(gòu)工程師在最短時(shí)間內(nèi)做出頁(yè)面及模板;也提高還原設(shè)計(jì)稿的意識(shí),降低還原的難度;
第三:引導(dǎo)開(kāi)發(fā)線的同事對(duì)細(xì)節(jié)的重視;
第四:將最完美的界面體驗(yàn)呈現(xiàn)在用戶面前;

隨著互聯(lián)網(wǎng)產(chǎn)品變化的速度越來(lái)越快,我們面對(duì)的設(shè)計(jì)工作也越來(lái)越復(fù)雜,這需要我們找到更多、更好的方法來(lái)提高效率,提升品質(zhì)。

“標(biāo)注”,也許就是一次卓有成效的嘗試。


相關(guān)文章

首頁(yè)  電話  咨詢  頂部
亚洲性爱之国产精品,日韩国产网站一区,人妻无码,天堂无码人妻精品一区二区三区 人人做天天爱夜夜爽最新 亚洲私人无码内射免费观看