提升網頁設計品質的七個技巧

提升網頁設計品質的七個技巧

“高品質”是所有人追求的目標,在網頁設計的世界中也不例外 。不過何為“品質”,如何判斷一項設計的品質是好還是壞?筆者恰好有一套找出網頁設計中品質焦點的方法 。一旦你了解到如何判斷一項高品質的設計究竟好在哪里,你就掌握了讓自己的設計更趨完美的大量技巧 。
接下來我會給大家列一些要點 , 并附上相應的例子 , 與大家分享我在別人的網頁設計中尋找“高品質”的過程 。
1、留白
在好的網頁設計中我最留意的是那些對設計元素之間留白的聰明運用 。留心不同內容區塊之間的間距和排列方式,能讓你的設計的整體感官大不一樣,從而提升設計的品質 。
我覺得處理好留白的關鍵是從整體上感知設計元素 。把設計稿縮小觀看會是個好辦法 。
高效控制留白的技巧
各種不同情況下,留白要求都不盡相同 。你需要不斷訓練自己,做到對留白所能帶來的改變時刻心中有數,從而有效地利用留白滿足設計需求 。這要靠個人感覺的,不過都能從實踐中鍛煉出來 。
·使用網格輔助設計:利用網格當然能幫助你理解元素之間的空白 。
·不斷嘗試:不斷嘗試—失敗—嘗試,直到找到最佳方案 。
·留白并不是浪費空間:空白并不總是等著你去填充的 。
·沒錯,少就是多:與其用盡心思填滿某個區域,不如就把它留空 , 只保留至關重要的信息就好 。
2、像素級的完美

有一個方法能夠看出某人在完成一項網頁設計時是否真的用心了 。有時候創造奇跡的就是一些小細節,一些別人幾乎無法察覺的細節 。我所說的“像素級的完 美”就是指在線條、邊緣和邊框描邊上仔細推敲 。與其就用一條單一的線,不如多加一些細節 。細節可以是細微的漸變,也完全可以只是一條1像素寬的細線(用作表現陰影或高光) 。有了這些細節,你的設計會大不一樣 。有些設計師在這方面特擅長:Collis Ta’eed,David Leggett以及Wolfgang Bartelme 。
完美細節小貼士
要在這一技巧上達到完美,不斷的實踐尤為重要 。如您所見,一條1像素線這么簡單的東西就能給設計添加非??岬纳疃雀?。你甚至不一定要用到那些倒角或漸變 , 費盡心力做一些實實在在的置于某對象之上的效果 。
·一定要注重細節:小細節完善內容感官是關鍵 。
·思考像素級問題:描邊、漸變、線條、陰影等等,不用太寬大也能有效增強設計
【提升網頁設計品質的七個技巧】·前后對比:應用效果后注意與沒有這種效果之前進行對比 。如此你就能知道這些細節到底帶來了哪些改觀 。


3、文字排列與字體選用的訣竅
盡管設計師大都不會親自撰寫網站的實際內容,不過他們對于內容的整體品質仍然至關重要 。設計師的作用就是要保證內容的展現方式足夠易讀 。
網頁設計中字體選用的快速決斷
看了上面這么多好例子,將來你選用起字體來應該會更加得心應手 。不過,為什么他們給人的感覺這么好?下一次在你自己的設計中,你又該如何運用?

·是否可讀?不要怕嘗試粗大的字體
·你可否考慮過間距?間距對于可讀性有很大決定作用
·你的字體帶給人什么情緒?確保字體選擇適合你的設計風格
4、元素的組織
設計師這一職業對很多人都有吸引力 , 因為那些制造創意的過程,實在是十分有趣 。我知道組織內容的過程就沒有那么有趣了,不過一旦你養成了組織內容的好習慣 , 你就會發現其實它也沒有想象中那么枯燥 。組織內容的方式總是需要看情況而定,比如說,這站點是什么類型?某項特定內容在頁面上的重要性如何?
如何放置內容,以及放到哪里,可能的排列組合實在太多了 。不過還是有一些技巧可循的 。最基礎的就是 , 先決定你的設計需要達到的效果 。例如,你是在做賣東西的網站嗎?是要做內容展示嗎?或者是在做一個用戶注冊頁?推廣頁面?等等……
組織內容小貼士
你當然可能會遇到需要打破常規 , 選用非同尋常方式的時候 , 不過你還是可以遵循這些簡單技巧,以保證內容結構和閱讀順序的良好 。
·你為何而設計?如前所述 , 確定設計的目標 。
·利用網格:網格幫助你發揮頁面的最大潛能 。
·測試元素位置:以訪問者的角度考察內容的易用性 。

·移除所有不必要元素:不必要的東西都應該被消滅,或者至少不要放到顯眼的地方 。
·注意力的均衡:有些東西需要被簡單化,好讓另外的事物閃耀光輝 。
5、自我克制與精妙細節
設計師總是在尋找制造沖擊力的方式,總是想做一個獨一無二的設計,創造些前所未有的效果 。不過有時候通過自我克制也能形成沖擊力 。量變產生質變,過多的“好”也會帶出不好的結果 。好的設計師曉得平衡點在哪里,并且能避免讓過多的特殊效果毀了一項設計 。
運用精妙細節的小貼士
我認為,精妙細節能讓一項好的設計升華為燦爛奪目的設計 。如果你還在尋找讓設計與眾不同的方法,精妙細節是個不錯的嘗試方向 。以下是關于運用精妙細節的小貼士:
·創建細節圖層:不要在一個筆刷或材質上吊死,多加些圖層,多做點細節 。
·嘗試不同透明度和色彩:有時候只有 3% 的不透明度也能產生正面影響 。
·拒絕縮手縮腳:不要擔心太多細微,或者太不明顯 。
6、 發揮色彩的全部潛能
設計師一般喜歡按照自己的品味來選擇顏色 , 這可實在太不專業了 。要決定哪種顏色是最適用的,你的腦子里想的應該一直是品牌需求,然后選好色彩的搭配組合,指定其專屬的主題和目標情緒 。
在網頁設計中運用顏色的小貼士
顏色永遠是值得探索和嘗試的區域 。嘗試不同的組合變化能為設計帶來無限可能 。不過選擇顏色和色彩搭配時 , 應該做到對下面的要點心中有數:
·嘗試突破:無趣的主題并不一定得使用無趣的色彩組合 。
·多變:嘗試在你多彩的背景上使用漸變、重復圖案、筆刷,光有顏色可不容易讓設計顯得好看 。
·堅持主題:確保你的用色與你需要呈現的產品/服務有關聯 。
7、做別人沒做過的事
最好的網站中有一些非同尋常的,奇怪的,甚至可以算得上詭異的設計 。不過那些挑戰傳統的嘗試說不定會已經改變了傳統的定義 。話說回來,要做到完全原創,創造出沒人做過的東西實在是設計過程中最難做的事 。
打破常規之后,成功與失敗只有一步之遙 。你要么做出令人驚艷的聰明設計,要么做出一堆垃圾飽受批評 。別人從來不這么做是有原因的,因為有些點子實在是糟透了 。要從人們知道并喜歡的區域走出來,你得非常勇敢才行 。
實踐新鮮想法的小貼士
上面的例子并不是為了“激發”你的獨特創意,只是一些我發現的一些很獨特的站點 , 僅此而已 。事實上 , 你也不應該到處搜尋,尋找新想法的靈感,因為這樣你的點子也是受別人的啟發,與完全創新是相悖的 。所以如果你打算做真的非同尋常的東西出來,就趕快忘掉這一部分!
保證事物之間的聯系:如果你打算做一些特別特別特立獨行的事,先問問自己“真的有必要嗎?” , “這樣說得過去么?”,“和品牌訴求符合嗎?”……如果答案是肯定的,再采取行動!

經驗總結擴展閱讀