網頁制作理論:精確還原設計稿

2024-07-11 09:03:27

字體：大中小

來源：轉載

供稿：網友

武林網(www.survivalescaperooms.com)文章簡介：網頁制作理論:精確還原設計稿.

這兩天接到新的任務，從負責設計的小豬手里拿到設計稿，雖然她一再強調這次一定不會出現這樣或者那樣的誤差，按照以往的慣例，還是打開psd文件，“ctrl+R”打開標尺“ ctrl+;”調出輔助線。頁面寬度959px...無語，雖然只有1像素，但還是很想發飆....我沒想過要完美的設計稿，細致的標注，嚴格的視覺規范的文檔，起碼頁面的整體寬度，相同模塊的尺寸，段落的間距要絲毫不差。別的設計我不了解，但是網頁設計，不應該只是感性的即興發揮，應該是感性的思維加上理想的細致，原因只有一點它不是簡單的以圖片形式呈現。

  想做出精確無誤的網頁，設計者和網頁重構者的協調至關重要。當然如果自己設計自己做，就另當別論了，那樣的話大部分數據譬如：頁面寬度、邊欄寬度、版塊間距、段落間距、同類標題的字體大小、顏色等等大都了然于心，所以很少存在不協調不統一的問題。

  所以，當我們面對形形色色的設計稿，我自己問設計者最多也是唯一的問題是：是就要這種效果，還是做時候出現的誤差。然后就是老老實實的來實現重構，即使有再多的圓角，不規則的漸變背景和邊框，令人糾結的png透明....我們都沒理由抱怨或者返回去叫人家修改。我們沒理由因為實現起來困難而試圖改變設計者的創意。

  越是讓人糾結的設計稿，越不能草率的就開干...大學里面沒學到什么東西，但是還記得輔導員的一句話，做任何事都要謀定而后動。我想這句話用在這再合適不過了。拿到設計稿，詳細了解整體布局，對整體框架有個認識，拉出輔助線，每個模塊不能有1像素的出入，找出相同的樣式，字體、段落、鏈接等等，這些對于寫出規范的結構和css文檔都是必不可少的。
個人淺見，老鳥略過。

上一篇：CSS3中很有用的特性:CSS陰影

下一篇：CSS教程:li標記在IE下產生間距