? 對(duì)于應(yīng)用程序開發(fā)設(shè)計(jì)或網(wǎng)站設(shè)計(jì),平面設(shè)計(jì)實(shí)用且易于使用。平面設(shè)計(jì)2.0平衡了實(shí)用性和美學(xué),其背后的設(shè)計(jì)理念使其壽命更長。
? 扁平化改變了什么?有什么魔力?讓我們揭開平面設(shè)計(jì)的奧秘,看看它的卓越,分析它的技術(shù)核心,并探索哪些技術(shù)將代代相傳。
? 平面設(shè)計(jì)可以追溯到瑞士極簡(jiǎn)主義設(shè)計(jì)風(fēng)格(也稱為國際主義平面設(shè)計(jì)風(fēng)格)。平面設(shè)計(jì)在創(chuàng)造新事物的同時(shí)保留了舊的范式。從這五個(gè)方面闡述了平面設(shè)計(jì)的五個(gè)要素,并從這五個(gè)方面揭示了扁平化的真正意義。
? 1. 長陰影
? 在應(yīng)用程序開發(fā)或網(wǎng)站建設(shè)中,在大多數(shù)UI設(shè)計(jì)元素(如按鈕)中,長陰影通常伴隨著明亮的控件。

? 陰影通常是寬的,并以45度的角度傾斜,銳利的拐角使其一目了然。正確使用陰影可以強(qiáng)調(diào)和使平面圖標(biāo)更立體。
然而,這種長陰影有逐漸被光陰影所取代的趨勢(shì)。未來較短的陰影效果將如何表現(xiàn),還有待觀察。
? 2. 亮色調(diào)
? 有趣的是,在應(yīng)用程序開發(fā)或網(wǎng)站建設(shè)中,扁平設(shè)計(jì)的出現(xiàn)使大膽而美麗的色彩使用得以重生。從那以后,用戶界面設(shè)計(jì)師們使用了比以前更有趣、更有活力的顏色。事實(shí)上,一些設(shè)計(jì)師甚至建立了專門的網(wǎng)站來展示他們獨(dú)特的配色方案。

? 3. 簡(jiǎn)化排版
? 在排版、應(yīng)用程序開發(fā)或網(wǎng)站建設(shè)方面,平面排版不僅僅是用無襯線Helvetica或黑體取代字體。當(dāng)然,平面字體應(yīng)該是簡(jiǎn)單易懂的字體,這意味著沒有線條和等寬字體是必然的選擇。最好的字體應(yīng)該集中在內(nèi)容本身。

? 雖然字體設(shè)計(jì)也是一種藝術(shù)形式,但是設(shè)計(jì)者應(yīng)該先把可讀性放在第一位。平面設(shè)計(jì)使設(shè)計(jì)師更注重字體的選擇。甚至行字體都簡(jiǎn)化了.
? 4. 虛擬按鍵
? 在應(yīng)用程序開發(fā)或網(wǎng)站建設(shè)中,透明且可點(diǎn)擊的虛擬按鈕提供了可視化的交互塊,而不會(huì)阻礙用戶界面設(shè)計(jì)。

? 由于透明、簡(jiǎn)潔的性質(zhì),虛擬鍵不會(huì)引起更多的注意。起初,虛擬按鈕作為一種虛擬設(shè)計(jì)革命出現(xiàn),后來在形狀和細(xì)節(jié)上都有了很大的進(jìn)步。虛擬鑰匙與平面設(shè)計(jì)相輔相成,形成簡(jiǎn)單抽象的設(shè)計(jì)風(fēng)格。
? 5. 極簡(jiǎn)與抽象
? 平面設(shè)計(jì)本質(zhì)上是極簡(jiǎn)主義的。在應(yīng)用程序開發(fā)或網(wǎng)站建設(shè)中,當(dāng)設(shè)計(jì)靈感不是來自現(xiàn)實(shí)生活時(shí),要物化的設(shè)計(jì)紋理就應(yīng)該拋棄。
? 所以剩下的是帶有顏色、漸變、陰影、形狀和其他視覺細(xì)微差別的幀內(nèi)容。從本質(zhì)上講,平面設(shè)計(jì)迫使設(shè)計(jì)師更有創(chuàng)意--設(shè)計(jì)服務(wù)于內(nèi)容表達(dá),而不是現(xiàn)實(shí)主義。

? 極簡(jiǎn)主義的概念并不新鮮,但由于其干凈美觀的外觀和網(wǎng)站的性能優(yōu)勢(shì),例如減少網(wǎng)頁的加載時(shí)間,極簡(jiǎn)主義最近變得流行起來。這是用平坦的設(shè)計(jì)獲得的,使用明亮的背景,簡(jiǎn)單的設(shè)計(jì),并發(fā)展成大量的空白的更簡(jiǎn)單的設(shè)計(jì)。
?? 展望
? 平面設(shè)計(jì)最初的概念是用無特征的塊和清晰的標(biāo)識(shí)來呈現(xiàn)設(shè)計(jì)框架。但是隨著其他流行的設(shè)計(jì)語言的集成,扁平化設(shè)計(jì)本身也發(fā)生了巨大的變化。
? 平面設(shè)計(jì)一夜之間成為了行業(yè)的潮流,但其發(fā)展無疑還需要一段時(shí)間。平面設(shè)計(jì)的早期形式是非常激進(jìn)的,以一個(gè)明確的,明確的設(shè)計(jì),但平面設(shè)計(jì)現(xiàn)在增加了修改和紋理。
讓我們來看看設(shè)計(jì)師Ryan Allen設(shè)計(jì)的幾乎平坦設(shè)計(jì)&40;幾乎平坦&41;或平坦設(shè)計(jì)2.0


? 絕大多數(shù)精美的幾乎是圖形的設(shè)計(jì)都是在網(wǎng)頁領(lǐng)域使用的。使用“視差滾動(dòng)”可以在一個(gè)屏幕上顯示豐富的內(nèi)容。
Canal TP使用字體和色調(diào)等簡(jiǎn)單功能,結(jié)合動(dòng)畫和視差滾動(dòng),將這兩種模式完美結(jié)合。這種搭配有助于消除過于簡(jiǎn)單的扁平化的副作用,使其更實(shí)用,更適合復(fù)雜的網(wǎng)站。

? 平面設(shè)計(jì)不會(huì)消失的太快,但它增加了動(dòng)畫和互動(dòng)設(shè)計(jì),以適應(yīng)更復(fù)雜的網(wǎng)站。眾所周知,“設(shè)計(jì)遵循內(nèi)容”,而扁平化是展示內(nèi)容的最佳設(shè)計(jì)范式。

? UI設(shè)計(jì)是第一個(gè)追求,每個(gè)按鈕、點(diǎn)擊和幻燈片應(yīng)有清晰的功能和視覺反饋。最重要的是,UI控件需要有一個(gè)統(tǒng)一的樣式,允許用戶忽略頁面和設(shè)備之間的差異。將提取這些基本控件,以形成一個(gè)扁平圖標(biāo)。
看看漢堡包菜單按鈕的外觀——不管你是否同意,它已經(jīng)成為一個(gè)常見的導(dǎo)航符號(hào)。平面設(shè)計(jì)也逐漸增加了其他細(xì)節(jié)。

? 許多扁平的設(shè)計(jì)或幾乎平坦的UI設(shè)計(jì)包含大量的應(yīng)用程序開發(fā)或網(wǎng)站建設(shè)中的圖片,這在傳統(tǒng)網(wǎng)站上是罕見的。將平面配色、排版與圖片完美結(jié)合,在圖片上不需要太多裝飾,就能獲得現(xiàn)代風(fēng)格。例如,一些網(wǎng)站使用接近平面的設(shè)計(jì)風(fēng)格,使用深色背景圖片,平面按鈕,導(dǎo)航和字體在網(wǎng)頁中,使網(wǎng)站非常直觀和簡(jiǎn)潔,現(xiàn)代和易于使用。正如設(shè)計(jì)師威爾·賴?yán)ㄗh的那樣,要始終關(guān)注設(shè)計(jì)的可用性和易用性。美學(xué)只是設(shè)計(jì)的另一個(gè)維度,真正的目的是滿足用戶的需求。
?