網頁設計的五大訣竅
【編者按】本文作者Jake Rocheleau,社交媒體愛好者兼網路企業家。他在文中根據自己的個人經驗,向我們闡述了一些關於如何設計極簡主義的網站介面的訣竅。這裏提到的極簡主義設計,就是剔除所有多餘的元素,將設計保留在最基本的狀態下,說來簡單,實際上在當今習慣於絢麗與漸變的網站介面設計中,使用極簡並非想像中這麼容易。
“Less is More”是20世紀30年代著名的建築師米斯。凡德洛說過的一句話,意思是“少即是多”,這是一種提倡簡單,反對過度裝飾的設計理念。和“少即是多”比較相似的一個理念是極簡主義,它強調將最重要的元素和內容放置在最顯著的位置,剔除冗餘的元素,這正是網頁設計過程中需要考慮的因素。道理很簡單:頁面元素少,訪客自然容易將目光集中在網頁設計內容和鏈結上。那麼關於如何設計極簡主義的網站介面,我們一起來聽聽Jake Rocheleau的見解:
1.必要的規劃
在開始著手設計之前,我建議先畫個簡圖,將網站需要包含的區塊都羅列出來。然後問問自己是否每個區塊對整體設計都很重要,按重要程度進行優先。比如說,主頁是否需要側邊欄?側邊欄裏邊是否包含了訪客需要進入的重要鏈結?當然根據網站類型的不同,這裏沒有標準答案,這就需要設計師根據具體情況進行具體分析。
雖然沒有標準答案,但是至少作為設計師,孰好孰壞你至少心裏要有譜。當你明白哪些頁面元素是必需的,哪些是次要的,你的工作將會輕鬆許多。網站的頁面就好比一幅拼圖,每一塊散亂的圖片都有一個自己專屬的位置,你放對了,畫面會漸趨豐富;放錯了,便不會完整。
2.網站顏色不是越多越好,最簡單的方法從基礎色開始
一個網站,給訪客留下的第一印象既不是網站豐富的內容,也不是網站合理的版面佈局,而是網站的色彩。在某種程度上,網站設計的是否成功,很大程度上取決於色彩的運用和搭配。
一般初學者很容易在設計中使用過多的色彩,其實網站的用色並非越多越好,一般控制在三種色彩以內。雖然這並不是硬性規定,但是在最初的設計階段還是很有幫助的。如果你仔細看看一些類似的網站佈局,你會發現他們都設法遵循特定的配色方案——黑色、白色、灰色以及三原色當中的一種或兩種顏色是最常見的色彩組合。
一旦將網站的顏色框定在簡單的配色方案之中,那麼留給內容就會有更大的發揮空間。雖然後期可能還需要進行顏色修改並且添加新的樣式,但是一開始就將重心放在簡潔乾淨的介面上,總是能達到非常出色的工作效果。
3.簡單的網頁設計導引
網頁設計的導引設計是最能體現網頁設計內部優化細節之處的,對訪客的第一眼體驗至關重要,如果訪客第一次訪問你的網站,導引不易使用,也就意味著他們很難找到想要的內容,這樣自然就難以向訪客傳達你的網站所能提供的服務。
這裏就要求你將極簡主義的理念融入到網頁設計導引的設計之中。按照人們的慣性思維,導引不是在網頁頂部就是在網頁底部,所以在設計導引的時候應當儘量遵循這個原則,特殊情況可以做特殊考慮。另外再給導引按鈕加上適當的色彩或者紋理,從美學的角度來講,能夠更好地取悅訪客。
4.將網頁設計元素簡化,簡化,再簡化
實現極簡設計或者簡化設計的第一步,不是簡單的去掉大部分圖片,而是要重新考慮內容並將其簡化,就像你策劃任何其他網頁設計的網站一樣,寫下你需要的內容:Logo、介紹、導引等等,然後按照重要程度進行優先排序,去掉其他多餘的元素,盡可能的丟掉它們,只有這樣才能讓頁面中最重要的元素實現其預期的效果。
5.頁面整體設計風格的一致性
保持頁面整體設計風格的一致性非常重要,包括整體頁面佈局、配圖、配色、文字等風格前後都要保持一致。因為給訪客一個熟悉的介面環境,帶給訪客的體驗要遠遠好於把訪客放在一個新的網頁設計環境中。
總結
訪客介面越簡潔,對訪客當然會越好用,但設計一個乾淨簡潔的訪客介面所需的工作量遠遠比想像得要多。在設計的時候,應該設身處地站在訪客的角度去思考問題,按照訪客的眼光來要求自己。而且,一定要切記一句廣告詞:“簡約而不簡單”。如果採用武斷的、簡單的“少”法,這可能還會比“不少”要差上好多倍。把握好“少即是多”和極簡主義的理念,才能體現設計師的“真功夫”。以上只是個人的一些建議,如果你有相似或者更好的見解,非常歡迎參與交流和討論。
轉貼來源:chinaz!
1.蔡東峻、李奇勳、駱德治 (2001), 品牌延伸與品牌聯盟對消費者品牌轉換意願之影響─以市內電話和國際電話為例, 國家科學委員會研究彙刊:人文及社會科學, 11(4), 345-355.
2.劉仲矩、陳昱如 (2006), 影響網路購物忠誠因素性別差異之比較研究, 電子商務研究, 4(4), 429-450.
3.鄭政宗,李世昌,林國賢 (2008), 大陸民眾來台旅遊態度與動機研究-以廣州市為例, 休閒暨觀光產業研究, 3(2), 22-46.
相關文章
網頁設計對於優化網站的影響網頁設計執行時,該採通用字元集還是字集獨立處理?瞭解網頁設計的亂碼原因Firefox 7為網頁設計帶來什麼樣的變化IE10增強網頁設計對於新HTML5及新CSS支援
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了