扁平化的設計風格給觀眾帶來了干凈簡潔的設計情感。這種設計風格在現之前,這種設計風格實際上已經被廣泛應用,但在設計技術上沒有扁平化設計更極端。例如,以下案例是平面時代前的典型設計,但整體設計風格與平面風格相似,設計風格簡潔干凈。事實上,如果我們去除導航條、搜索框和其他元素中的亮點和陰影,并將圖標元素替換為非擬物化圖標,并在布局上更改,該設計可以立即變成平面設計。
在深圳網站建設企億推看來,扁平化設計之所以如此流行,是因為它更適合移動終端設備的小屏幕。扁平化的設計風格更適合在手機、平板電腦等小屏幕上操作。但如果把扁平化的優勢放大到顛覆整個設計思維方式,無疑會夸大其影響力。扁平化設計也有其自身的缺,如果用在稍微復雜的界面上,扁平化設計會帶來很多麻煩。因此,無論應用多么廣泛,扁平化只是一種風格。沒有必要在大屏幕上使用扁平化設計,如網頁設計。
當然,這篇文章并非要對于扁平化與擬物化的設計孰優孰劣辯個是非,相反,作為一種設計風格,身為UI設計師,平面設計風格如此流行,我們應該掌握這種設計風格的特點和表達技巧。我們將使用上述文章HTC對平面設計風格的設計要素進行詳細分析,掌握平面設計風格的設計方法。
那么,平面設計的設計特點是什么,我們應該如何將這種設計修改為流行的平面風格呢?我可能已經整理出了以下基本步驟:
一、梳理網站信息,消除非重要信息。
根據網站的目的和需求梳理網站信息,這是無論網站設計的哪種風格。信息梳理的工作非常重要,它直接關系到一個網站的目標能否實現。深圳網站建設認為,由于缺乏整理,重要信息在頁面的重要位置和視覺上沒有體現出重要性,無論設計多么美觀,都是無用的。但我們經常看到相反的情況,恰相反。一個網站的頁面充滿了重要和不重要的信息。每個子頁面的內容都應該在頁面上占據一個位置。頁面上出現了產品顯示、新聞和信息、常見問題和特殊活動。因此,次要信息稀釋了重要信息的比例,信息的主次不能反映,訪問者似乎在瀏覽網站后看到了一切,但沒有留下深刻的印象。時刻記住,設計不是為了美觀,更不是為了炫耀技巧,而是為了方便信息的交流。時刻記住,設計不是為了美觀,更不用說炫耀技能了,而是為了方便信息的交流。信息梳理在平面設計中更為重要,因為平面設計是為了反映簡單、干凈的特點,頁面上的信息太多,不容易做出這樣的視覺風格。
拿上面HTC以手機頁面上的信息為例,Logo不用說,導航作為網站信息組織結構的體現,是一個非常重要的元素。HTC它是一家生產和銷售手機的企業。可以想象,頁面上的重要信息當然是新產品的展示,其次是新的特殊活動和特色產品的展示。企業新聞、產品支持服務搜索等其他內容不必出現在頁面上,因為與上述信息相比,這些信息并不那么重要,可以反映在內部頁面上。
二、確定設計方案,具體落實布局、色彩方案、字體、創意等。
確定網站信息后,我們可以開始制定更詳細的設計方案。首先要確定的是布局,即網站的布局。在扁平化風格的設計中,由于設計中經常使用特別簡單的元素,排版變得非常重要,成為設計中的亮點。扁平化設計中常見的排版方法是用矩形在頁面中劃分不同的信息區域,如下面的案例所示。可以看出,矩形在整個頁面或欄信息的劃分中起著非常重要的作用。
從平面設計風格來看,以上HTC頁面設計導航部分的創意太復雜,將主要內容固定在一個寬度內的板看起來太吝嗇,所以我們將現有的布局改為欄的布局。放棄目前的導航設計,將導航文字直接放在通欄的導航條上,banner部分設計也做同樣的處理,banner下面是新的活動信息,每個活動信息區域用矩形分開。
然后需要確定的是顏色方案。在平面設計中,純度低、亮度高的顏色更多。使用亮色使整體設計風格更加清新。查看以下案例的設計:
然后是頁腳導航和版權信息。這部分信息不是頁面的重點,只要符合整個頁面的設計。下圖是我們重新設計的頁面。與修訂前的設計相比,我們可以對平面設計方法有一個大致的了解。