web設(shè)計發(fā)展趨勢深入學(xué)習(xí)扁平化設(shè)計(1)

2023-08-24    分類: 網(wǎng)站建設(shè)

文章描述:扁平設(shè)計是根據(jù)平面的樣式來定義的:通過移除額外的元素比如陰影,斜邊,紋理和創(chuàng)建3D樣式的梯度等等來簡化界面。

扁平化設(shè)計或者說扁平化的UI風(fēng)格,是今年受關(guān)注的一個web和平面設(shè)計的發(fā)展趨勢。而經(jīng)常被拿來與扁平化做比較的是擬物化設(shè)計,兩者的設(shè)計原則和設(shè)計風(fēng)格完全相反。

設(shè)計師們或許會有疑惑,這究竟是一種能持續(xù)下去的設(shè)計趨勢呢?照舊只能是風(fēng)行一時,曇花一現(xiàn)。暫且不談未來和不管這些反對的聲音,大多數(shù)設(shè)計師照舊很想在自己的工作中嘗試使用這一設(shè)計趨勢。在這里,我們將深入了解什么是扁平化風(fēng)格,追蹤扁平化設(shè)計的歷史根源,并介紹如何開始我們的扁平化設(shè)計。

在開始之前我必須給讀者們一個提醒或者說警告:扁平化設(shè)計,可以用來設(shè)計特別很是漂亮而又簡單的界面,但它不一定適合每一個項目。請用心想想你到底想實現(xiàn)什么樣的視覺效果,你到底想要向用戶傳達(dá)什么。

什么是扁平設(shè)計?

顧名思義,扁平設(shè)計是根據(jù)平面的樣式來定義的:通過移除額外的元素比如陰影,斜邊,紋理和創(chuàng)建3D樣式的梯度等等來簡化界面。

這個想法用來創(chuàng)建一個完成好的圖案,它只在二維空間上存在,沒有遺棄任何“常規(guī)”界面提供的功能。扁平設(shè)計給設(shè)計師帶來了一個新的挑戰(zhàn),因為去掉界面的裝飾和效果,就很難在設(shè)計中定義主要行為和元素。

扁平設(shè)計源于希望創(chuàng)建更多的數(shù)字化界面,在數(shù)碼設(shè)備上為界面改革創(chuàng)建更多開放的畫布。在這里有一些很有名的MAC圖標(biāo)在自身的基礎(chǔ)上被重新繪制為扁平版本。你可以很容易地看到圖標(biāo)是如何維持他們的樣式和外形,盡管它們?nèi)サ袅艘恍┘?xì)節(jié),陰影和紋理。

扁平化設(shè)計的演變

歷史地看,設(shè)計的趨勢像風(fēng)格的趨勢一樣在復(fù)雜和簡單之間賡續(xù)地?fù)u擺。這在可視化設(shè)計領(lǐng)域,尤其是web和多媒體界面設(shè)計領(lǐng)域體現(xiàn)地更加顯明,在這個領(lǐng)域里設(shè)計持續(xù)地更加短暫,而且不像傳統(tǒng)的印刷設(shè)計那樣持久。

術(shù)語“扁平化設(shè)計“是由Allan Grinshtein在設(shè)計者的版本控制系統(tǒng)LayerVault中創(chuàng)造和推廣的。Allan說“優(yōu)雅的界面是用少的元素達(dá)到好的效果的界面”。這個理念是與更多修飾、更復(fù)雜的界面相比用簡化的界面更適合于界面的功能。社團在去年一向用仿真界面炮轟這個理念的基礎(chǔ)上采納了這個理念。

從那時起,扁平化設(shè)計得到了快速成長。大多數(shù)扁平化設(shè)計模式具有五個特征-不添加效果、簡單的設(shè)計和UI元素,注重字體、注重色彩和總體化設(shè)計。你還可能需要下載扁平化UI免費界面工具箱

扁平化設(shè)計與微軟

扁平化設(shè)計的玩家并且個把扁平化設(shè)計風(fēng)格帶到一線的是微軟。2006年,微軟啟動了Zune音樂播放器。它特別很是昂貴、而且把DRM應(yīng)用到音樂文件,不過它是一次商業(yè)失敗。然而即使Zune商業(yè)方面沒有成功,它也是確定后續(xù)幾年微軟設(shè)計的步。Zune的界面特別很是簡潔,并且是注重輕量和大的字體、沒有多余的細(xì)節(jié)和元素的界面。

從2006年到今天,微軟已經(jīng)用Zune做為基礎(chǔ)開發(fā)了圖像和可視化界面,使它們更明晰化和更扁平化。微軟的其他產(chǎn)品也受到這種風(fēng)格影響,比如Xbox360面板,使用了簡單的圖標(biāo)和排版的基于矩形的界面。Windows 8的“Metro UI”可能是微軟界面修改之一。它的簡單幾何界面不久在WindowsPhone 7,即比Windows 8 界面更小的和移動版本上得到了復(fù)制。

網(wǎng)站欄目:web設(shè)計發(fā)展趨勢深入學(xué)習(xí)扁平化設(shè)計(1)
當(dāng)前URL:http://muchs.cn/news46/278146.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、網(wǎng)頁設(shè)計公司Google、外貿(mào)建站動態(tài)網(wǎng)站、移動網(wǎng)站建設(shè)

廣告

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

網(wǎng)站建設(shè)網(wǎng)站維護公司