Sunny. 2016-08-03
設(shè)計印刷
扁平化設(shè)計網(wǎng)絡(luò)趨勢的興起
開始以替代當時流行的款式skeuomorphic，扁平化設(shè)計起源于一個完全簡單化，簡約的風格，沒有辜負它的名字。在過去的幾年中，然而，它被演變以滿足用戶的變速口味和實施技術(shù)的進步。
在其目前的狀態(tài)與平面設(shè)計（Ryan Allen稱為“平2。0”）是一個風格不同的，但類似的，它是在過去。
圖片來源:iPhone iOS 6 &iPhone 6應用程序.
受瑞士/國際設(shè)計極簡主義和藝術(shù)、平面設(shè)計使用技術(shù)從各種媒介和時代,吸引他們在自己所有的東西。
在這篇文章中,我們來看看7的辨認特征最現(xiàn)代版的風格。
這些特征可以使用單獨的特定利益,或結(jié)合強大的平面。但在你開始“壓扁”設(shè)計,重要的是要考慮風格的優(yōu)點和缺點。
扁平化設(shè)計的優(yōu)點和缺點
優(yōu)點：
● 有利于反應設(shè)計
● 方便用戶了解系統(tǒng)和導航
● 結(jié)構(gòu)布局和清晰的視覺效果創(chuàng)建視覺成熟
● 快速加載時間
● 簡單的排版促進可讀性
圖片來源:圣誕節(jié)的歡樂。
缺點：
● 看似很難做得很好
● 簡單的風格可以削弱極大的可能性
● 高風險的無聊
● 由于它的受歡迎程度缺乏個性
現(xiàn)在你知道什么風格,讓我們來看看7個使用它的技術(shù)。
陰影
平2.0的一部分,陰影添加一個深度和復雜性不犧牲簡約的元素使設(shè)計有吸引力。扁平化設(shè)計,這是一個新成員的舊版本避免這樣的繁榮。
圖片來源:達菲& Partners.
雖然多年來看到的趨勢,更多的公眾陰影,最近的趨勢已經(jīng)朝著微妙。在上面的例子中達菲& Partners,產(chǎn)品的影子(反射)是輕微的和不引人注目的,但仍然增加一點額外的視覺興趣。
動態(tài)顏色
為了彌補稀疏的視覺效果,平面設(shè)計包含動態(tài)顏色,尤其是明亮的色調(diào)。激勵的顏色對比彼此保持頁面的一些元素出現(xiàn)沉悶。
圖片來源:CSS歐盟會議.
扁平化設(shè)計的活潑的顏色,從一開始,是最可識別的特征之一。上述網(wǎng)站CSS會議使用傳統(tǒng)的平面板,軟而快樂的色彩。因為顏色的使用是如此重要,該網(wǎng)站平界面顏色收集了這些模式的一些最有效的。
簡單的排版
一如既往地,字體設(shè)計在平面設(shè)計保持簡單和容易閱讀——這相當于無襯線字體筆劃寬度和制服。
圖片來源:對講機.
在上面的例子中對講機,字體本身并不引人注意,這句話很容易閱讀。這將更加關(guān)注圖形,這是相當有趣的。
它強調(diào)可讀性,平面排版甚至滲透其他的推廣,更少極簡風格的設(shè)計。我們看到這種平面風格的文本使用英雄頭,超大號的字體或只輸入網(wǎng)站.
靈魂按鈕
圖片來源:SCEATT.
在按鈕的基本字體進一步偏轉(zhuǎn)太多注意力的影響。靈魂按鈕的最小分心適合平面設(shè)計的經(jīng)典稀疏性，并使其成為平面設(shè)計的最明顯的特點之一。相對于這個列表中的一些其他特征，靈魂按鈕可以很容易地使用幾乎任何風格。
極簡主義
扁平化設(shè)計和簡約主義攜手并進等,共享許多相同的原則可用性和簡單性。
圖片來源:鵜鶘的書.
雖然看似簡單的方法,極簡主義實際上比看起來難以應用。更少的元素意味著你必須使用可用的更多的照顧。
圖解
只有屏幕上的基本要素,圖標需要更多細節(jié),才能讓事情變得有趣。
圖片來源:藏平圖標.
圖標大小增長將更多細節(jié),以及如越來越主流藝術(shù)元素的一個網(wǎng)站的表達式。注意與藏平圖標上面,每個圖標功能平面內(nèi)風格本身。明亮的色彩,卡通設(shè)計,和足夠的細節(jié)。
口音的顏色
傳統(tǒng)的平面設(shè)計明亮的顏色調(diào)色板永遠不會完全過時。扁平化設(shè)計然而,似乎轉(zhuǎn)向更與明亮的顏色只使用標準調(diào)色板的口音。
圖片來源:in.
對比鮮艷的顏色對干燥機的背景和周圍的元素給設(shè)計師更多的控制是見過的,什么是不安全的。這基本的顏色很有效果,特別是黑色和白色,使平的明亮的顏色更加脫穎而出。
結(jié)論
扁平化設(shè)計特點正慢慢滲入其他風格的網(wǎng)站設(shè)計,和混合設(shè)計成為純種狗一樣常見。不要猶豫只使用一個或兩個以上的特征如果你不想完全致力于平面設(shè)計——這些策略通?？梢酝ㄟ^自己的努力獲得了成功,并可能更具創(chuàng)新性的最初靈感所有你自己的風格。
下一篇：極簡LOGO設(shè)計的核心技巧
上一篇：LOGO和圖標有何區(qū)別？
文章標簽：
網(wǎng)頁設(shè)計
文章評論：