義烏網(wǎng)站設(shè)計需要精確到頁面與設(shè)計稿絲毫不差

2012-07-01 瀏覽:150

作為一名合格的頁面重構(gòu)者,其實基礎(chǔ)能力項有一條:網(wǎng)頁還原設(shè)計稿。你能做到頁面與設(shè)計稿絲毫不差嗎?
有人可能會想,又不是造原子彈、造天宮,哪能1px不差啊?

我想說: 細節(jié)真的很重要!細節(jié)決定成敗,真可謂失之毫米差之千里,如果你是想打造一個精品項目真的有那么可怕。所以在前面啰嗦那么多是想大家多重視頁面細節(jié)問題,真的要把頁面當原子彈、天宮來做。這里分享一下洲盾義烏網(wǎng)站建設(shè)公司工作中的一點經(jīng)驗吧,請多多拍磚。

第一步:打蛇打七寸
——視覺規(guī)范有時候我們從設(shè)計師那里拿到的設(shè)計稿不一定是精確無誤的,例如:同一類的模塊標題文字,一個地方是13PX,另外一個地方是14PX;一個頁面有多種字體顏色肉眼看起來一樣卻實際取到的色值不一樣;每個段落的行高不一樣;同一類型的彈出框多種尺寸;等等…… 這樣的情況,我們不能為了還原設(shè)計稿而還原設(shè)計稿。 為了減少與設(shè)計師溝通上的成本,重構(gòu)師不得不督促設(shè)計師做前期整站的視覺規(guī)范,把一些公共能約定的內(nèi)容以文檔的形式寫明,后期嚴格執(zhí)行起來。

設(shè)計師最好是在頁面開始制作前定好視覺規(guī)范,這樣可以大大減少頁面制作后期聯(lián)調(diào)的成本。另外頁面制作可以對模板化的東西前期做統(tǒng)一的規(guī)范,如字體、ICON、邊框、背景色、間距等做統(tǒng)一的class接口,等后期設(shè)計規(guī)范固定下來后有變動的地方調(diào)起來就很容易了。

第二步:萬事俱備,只欠東風
——設(shè)計稿標注務(wù)必要求設(shè)計師在設(shè)計稿上對各種間距、寬度、特殊字體、特殊字色、特殊行高等等進行標注,這樣在頁面制作的時候不用去重新量取也大大加強了還原設(shè)計稿的準確度,更減少了與設(shè)計師的溝通成本和后期聯(lián)調(diào)成本。

上一條: 義烏外貿(mào)英文網(wǎng)站制作中常用中英文對照
下一條: 義烏網(wǎng)站制作之系統(tǒng)化開發(fā)的步驟

新聞資訊

相關(guān)資訊