DIV CSS 佈局教程網

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

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

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

  越是讓人糾結的設計稿,越不能草率的就開干...大學裡面沒學到什麼東西,但是還記得輔導員的一句話,做任何事都要謀定而後動。我想這句話用在這再合適不過了。拿到設計稿,詳細了解整體布局,對整體框架有個認識,拉出輔助線,每個模塊不能有1像素的出入,找出相同的樣式,字體、段落、鏈接等等,這些對於寫出規范的結構和CSS文檔都是必不可少的。
個人淺見,老鳥略過。 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved