振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
網頁製作中如何精確還原設計稿的幾個步驟
2010/03/28
網頁製作中如何精確還原設計稿的幾個步驟

 作為一名合格的頁面重構者,“網頁還原設計稿”的能力是非常重要的。頁面是否能與設計稿絲毫不差,是需要重點關注的。有的時候,細節就能決定成敗,可謂失之毫米差之千里。尤其是在打造一個精品項目的時候。

  一、視覺規範

  有時候我們從設計師那裡拿到的設計稿不一定是精確無誤的,例如:同一類的模組標題文字,一個地方是13PX,另外一個地方是14PX;一個頁面有多種字體顏色肉眼看起來一樣卻實際取到的色值不一樣;每個段落的行高不一樣;同一類型的彈出框多種尺寸等等…… 這樣的情況,我們不能為了還原設計稿而還原設計稿。

  為了減少與設計師溝通上的成本,重構師不得不督促設計師做前期整站的視覺規範,把一些公共能約定的內容以文檔的形式寫明,後期嚴格執行起來。

  設計師最好是在頁面開始製作前定好視覺規範,這樣可以大大減少頁面製作後期聯調的成本。另外頁面製作可以對範本化的東西前期做統一的規範,如字體、ICON、邊框、背景色、間距等做統一的class介面,等後期設計規範固定下來後有變動的地方調起來就很容易了。

  二、設計稿標注

  務必要求設計師在設計稿上對各種間距、寬度、特殊字體、特殊字色、特殊行高等等進行標注,這樣在頁面製作的時候不用去重新量取也大大加強了還原設計稿的準確度,更減少了與設計師的溝通成本和後期聯調成本。

  三、網頁尺規工具(FastStone Capture)

  航海用的指南針、醫生用的體溫計、木匠用的卷尺……很多職業都有它專用的測量儀器,那麼我們在製作頁面的時候勢必也要測量間距、寬度、高度、顏色……等等資料,那麼頁面製作是不是也應該有一個專業的頁面精確測量的工具呢?

   這裡介紹一款可以精確測量網頁的軟體FastStone Capture,其可謂是軟體雖小,卻五臟俱全。

 

最後更新 ( 2010/03/28 )
相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇