什麼是扁平化設計?
扁平化設計是一種極簡主義的美術設計風格,透過簡單的圖形、字型和顏色的組合,來達到直觀、簡潔的設計目的。扁平化設計風格比較常見於傳統媒體,比如雜誌、公交指示牌等處。隨著計算機網路技術的發展,扁平化設計風Grand SantaFe來越多應用於軟體、網站等人機互動介面,以迎合使用者對資訊快速閱讀和吸收的要求。與扁平化設計風格相對的是偏向寫實的擬物化設計風格。要設計出好的扁平化介面,必須拋棄所有擬物風格的技巧。
網站扁平化設計要點:
1、極簡的元素
扁平化設計追求的是一切極其的簡潔、簡單,反對使用複雜的、不明確的元素。在設計扁平化風格介面時,特別是在圖示的設計時,應該遵循極簡原則。複雜的、含義模糊的元素將會造成使用者的困擾,這與扁平化設計風格直觀、簡潔的總原則是相違背的。只有採用足夠簡約的設計元素,才能達到最好的展示效果。
2、貼切的圖示
在設計圖示時,必須使用與所對應功能緊密關聯的圖示元素,並且這個元素應是通用的、廣為人知的,基本不受地域、種族、文化、語言等因素影響。絕對禁止使用一些定義模糊,寓意不清的元素,或者某些行業特有的,某些領域專用的元素。
3、更多的圓角
在產品設計中,設計師經常會採用圓角設計,以防止在產品使用過程中對使用者造成傷害,這種人性化的設計深受使用者的歡迎。同樣的道理,在使用者介面設計過程中,使用一些圓角圖案,不但會使設計更具親和力,也會讓使用者更容易接受設計者的設計意圖。這也符合大眾追求圓潤、圓滿的心理需求。
4、中性之美
在扁平化設計中,色彩的應用極為重要。由於拋棄了擬物化設計風格的漸變、高光等特效,只能使用純色塊來進行設計,那麼在色彩的搭配和選擇上就極有講究。為了能讓使用者舒適的閱讀、使用設計者的作品,不造成眼睛疲勞或者其它不適感,設計師應儘量選擇中性的顏色。也就是說,要避免使用飽和度過高的純色,比如純紅、純綠、純藍等顏色,因為這些顏色在展示的時候會非常刺眼,嚴重影響使用者的視覺體驗。
5、鮮明的對比
在色彩的應用中,要注意顏色之間的對比,只有透過鮮明的顏色對比,才能迅速抓住使用者的眼球,讓設計師的意圖表現的更加明確。通常的技巧是,透過亮度、色溫、對比色、互補色等等手段來實現顏色的對比,應儘量避免使用引數相近的顏色,這樣的顏色搭配會使閱讀困難,甚至會造成使用者的極度不適。可以透過下面的這張圖來體會其中的奧妙:
6、字型的選擇
在扁平化設計風格中,因為追求極致的簡潔,力求最快速、最直觀的表達設計者的意圖,所以在字型的選擇上,也是以簡潔、清爽為標準。應採用通用的、筆劃清晰的字型,避免使用字跡不清的字型,比如草書,特殊字型等,也應該避免使用已經不再流通的字型,比如古代甲骨文、篆體字等等(特殊用途除外)。對於中文字型來說,諸如雅黑、幼圓或者細黑等字型都是不錯的選擇。
7、善用灰色
黑色、白色和灰色在扁平化設計中至關重要,由於採用了大量的色塊,難免給使用者以眼花繚亂的感覺。所以在有的時候,設計師為了突出重點,可減少色塊的使用,而轉由使用一種或者二種主要的顏色來突出主體,其它部門則透過灰色來表達。由於灰色與任何顏色都不衝突,所以在設計時,巧妙的使用灰色,將起到意想不到的效果。正確的使用灰色,將使主體更明確和突出,更容易被使用者接受。
8、擬物設計的轉型
對於原有的擬物設計風格,如果要向扁平化設計轉型,那麼只需要將原來設計風格逐一拋棄,分別去除描邊、陰影、漸變、高光等等特效,讓設計迴歸本原,用最簡潔的幾何圖型和最清晰的顏色來表達設計者的靈感。當然扁平化設計雖然有許多的優點,但也並不是萬能藥,並不是所有場合都適用扁平化設計,設計師要根據情況選擇正確的設計風格,從而達到最佳的設計效果。
什麼是扁平化設計?
扁平化設計是一種極簡主義的美術設計風格,透過簡單的圖形、字型和顏色的組合,來達到直觀、簡潔的設計目的。扁平化設計風格比較常見於傳統媒體,比如雜誌、公交指示牌等處。隨著計算機網路技術的發展,扁平化設計風Grand SantaFe來越多應用於軟體、網站等人機互動介面,以迎合使用者對資訊快速閱讀和吸收的要求。與扁平化設計風格相對的是偏向寫實的擬物化設計風格。要設計出好的扁平化介面,必須拋棄所有擬物風格的技巧。
網站扁平化設計要點:
1、極簡的元素
扁平化設計追求的是一切極其的簡潔、簡單,反對使用複雜的、不明確的元素。在設計扁平化風格介面時,特別是在圖示的設計時,應該遵循極簡原則。複雜的、含義模糊的元素將會造成使用者的困擾,這與扁平化設計風格直觀、簡潔的總原則是相違背的。只有採用足夠簡約的設計元素,才能達到最好的展示效果。
2、貼切的圖示
在設計圖示時,必須使用與所對應功能緊密關聯的圖示元素,並且這個元素應是通用的、廣為人知的,基本不受地域、種族、文化、語言等因素影響。絕對禁止使用一些定義模糊,寓意不清的元素,或者某些行業特有的,某些領域專用的元素。
3、更多的圓角
在產品設計中,設計師經常會採用圓角設計,以防止在產品使用過程中對使用者造成傷害,這種人性化的設計深受使用者的歡迎。同樣的道理,在使用者介面設計過程中,使用一些圓角圖案,不但會使設計更具親和力,也會讓使用者更容易接受設計者的設計意圖。這也符合大眾追求圓潤、圓滿的心理需求。
4、中性之美
在扁平化設計中,色彩的應用極為重要。由於拋棄了擬物化設計風格的漸變、高光等特效,只能使用純色塊來進行設計,那麼在色彩的搭配和選擇上就極有講究。為了能讓使用者舒適的閱讀、使用設計者的作品,不造成眼睛疲勞或者其它不適感,設計師應儘量選擇中性的顏色。也就是說,要避免使用飽和度過高的純色,比如純紅、純綠、純藍等顏色,因為這些顏色在展示的時候會非常刺眼,嚴重影響使用者的視覺體驗。
5、鮮明的對比
在色彩的應用中,要注意顏色之間的對比,只有透過鮮明的顏色對比,才能迅速抓住使用者的眼球,讓設計師的意圖表現的更加明確。通常的技巧是,透過亮度、色溫、對比色、互補色等等手段來實現顏色的對比,應儘量避免使用引數相近的顏色,這樣的顏色搭配會使閱讀困難,甚至會造成使用者的極度不適。可以透過下面的這張圖來體會其中的奧妙:
6、字型的選擇
在扁平化設計風格中,因為追求極致的簡潔,力求最快速、最直觀的表達設計者的意圖,所以在字型的選擇上,也是以簡潔、清爽為標準。應採用通用的、筆劃清晰的字型,避免使用字跡不清的字型,比如草書,特殊字型等,也應該避免使用已經不再流通的字型,比如古代甲骨文、篆體字等等(特殊用途除外)。對於中文字型來說,諸如雅黑、幼圓或者細黑等字型都是不錯的選擇。
7、善用灰色
黑色、白色和灰色在扁平化設計中至關重要,由於採用了大量的色塊,難免給使用者以眼花繚亂的感覺。所以在有的時候,設計師為了突出重點,可減少色塊的使用,而轉由使用一種或者二種主要的顏色來突出主體,其它部門則透過灰色來表達。由於灰色與任何顏色都不衝突,所以在設計時,巧妙的使用灰色,將起到意想不到的效果。正確的使用灰色,將使主體更明確和突出,更容易被使用者接受。
8、擬物設計的轉型
對於原有的擬物設計風格,如果要向扁平化設計轉型,那麼只需要將原來設計風格逐一拋棄,分別去除描邊、陰影、漸變、高光等等特效,讓設計迴歸本原,用最簡潔的幾何圖型和最清晰的顏色來表達設計者的靈感。當然扁平化設計雖然有許多的優點,但也並不是萬能藥,並不是所有場合都適用扁平化設計,設計師要根據情況選擇正確的設計風格,從而達到最佳的設計效果。