扁平化設(shè)計(jì)網(wǎng)絡(luò)趨勢(shì)的興起

2015-09-21    分類: 網(wǎng)站建設(shè)

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

網(wǎng)頁(yè)題目:扁平化設(shè)計(jì)網(wǎng)絡(luò)趨勢(shì)的興起
標(biāo)題路徑:http://www.muchs.cn/news12/32912.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站全網(wǎng)營(yíng)銷推廣、網(wǎng)站營(yíng)銷靜態(tài)網(wǎng)站軟件開(kāi)發(fā)、微信公眾號(hào)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都app開(kāi)發(fā)公司