激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

淺談扁平化設(shè)計的優(yōu)缺點(diǎn)與發(fā)展趨勢(下)

發(fā)布時間：2024-01-25 15:07:18 瀏覽量：169次

扁平化設(shè)計的前身

到底是誰先開始用扁平化設(shè)計的？沒錯，跟你想的不一樣，不是以設(shè)計聞名的 Apple 開始的，而是那個常常把事情搞砸的 Microsoft。

在2006年為了和當(dāng)時紅極一時的 iPod 競爭，Microsoft 推出了 Zune，不過當(dāng)然不是 Apple Music + iTunes 的對手，Zune 自然就失敗了，但是 Zune 簡潔的界面搭配它的軟件顯得十分清新，也讓播放器和電腦上的軟件有一致的用戶體驗。



Microsoft Zune 和 Zune software

扁平化設(shè)計的應(yīng)用

在 iPhone 推出后沒多久，Microsoft 在2010年也推出他的第一代智能手機(jī) Windows Phone 7，這可以說是扁平化設(shè)計第一次在資訊產(chǎn)品上向世人展現(xiàn)其樣貌，使用簡單的方格狀色塊與無襯線字體的界面，圖標(biāo)也不再以擬物化呈現(xiàn)，而是去除了細(xì)節(jié)與陰影。

Microsoft 把這種界面稱為「Metro UI」（后來因為和德國零售業(yè)龍頭 Metro AG 有沖突而改名叫 Modern UI），之后便開始整合到公司旗下的產(chǎn)品，如 Xbox 360 和 Office 系列軟件，2012年更是使用在 Windows 8 的動態(tài)磚上。



可是，扁平化設(shè)計是出現(xiàn)了，這也只不過是讓世人一窺它的面紗，那它又是如何快速竄起成為UI潮流的呢?

扁平化設(shè)計的崛起

精明的 Apple 大概在暗自竊喜把珍珠當(dāng)石頭玩的 Microsoft，馬上在2013年發(fā)表了新版iOS 7，使用 Helvetica 做為系統(tǒng)字型，也一改前6代使用的擬物化設(shè)計，正式改為扁平化設(shè)計。

不過一開始有些果粉不太能接受這種巨變，一時間哀鴻遍野，不過現(xiàn)在看來這是十分正確的決定，因為就在幾年后，Google 也加入了扁平化行列，自此起扁平化設(shè)計變成了幾乎整個UI設(shè)計的趨勢。

不過，Apple為什么愿意冒著風(fēng)險，排除眾議的使用扁平化設(shè)計呢？

扁平化設(shè)計的優(yōu)點(diǎn)

越來越多的研究說明了智能手機(jī)出現(xiàn)后人們使用電子產(chǎn)品習(xí)慣的改變，使用者在一天當(dāng)中使用智能手機(jī)的時間超過個人電腦，畢竟手機(jī)隨時隨地都可以使用，在這樣的情況下，就必須考慮要能在不同尺寸上的裝置呈現(xiàn)出一致的用戶體驗。

而扁平化設(shè)計正好有著一些十分棒的優(yōu)點(diǎn)來解決問題。

The Same User Experience：扁平化設(shè)計的色塊單純、容易延伸拓展，可以在不同尺寸的裝置上呈現(xiàn)一致的風(fēng)格，有著自適應(yīng)的特性；而擬物化的按鈕在伸縮時則容易造成陰影或光澤被壓扁等扭曲問題。



Keep It Simple : 扁平化設(shè)計有很好的可讀性和易讀性，在去除掉多余的裝飾效果后，留下清楚明確的幾何圖案，呈現(xiàn)出極簡風(fēng)格，用戶不用特別放大屏幕來尋找鏈接或按鈕。



Bright Color & Visual Hierarchy：在顏色配置通常大量采用明亮色彩，并運(yùn)用顏色去做階層和排版區(qū)隔，讓使用者有正向的觀感。



Speeds Up the Workflow：由于圖案細(xì)節(jié)的簡化，不管是在 Adobe Photoshop 或 Adobe Illustrator 制作文檔都能加快設(shè)計速度，更甚者許多效果可以直接用 HTML/CSS 直接呈現(xiàn)。

Less Assets in General：相較于擬物化的圖片文件，扁平化設(shè)計的圖標(biāo)大幅降低了文件大小，有些效果甚至可以直接用幾行 CSS 和Js代碼替代，直接省去圖片了，降低 Web 和 App 的體積。

Load Faster：由于手機(jī)的系統(tǒng)空間及硬體效能仍比不上PC，扁平化設(shè)計降低文件大小和較佳的自適性可增加載入速度。



Focus on Great Typography and Font：設(shè)計師可專注在排版與文字上，讓畫面看起來銳利而清晰，而非多余的文字外觀修飾與無意義的動畫效果，無襯線字體也能讓用戶快速看懂內(nèi)容而又不會分散焦點(diǎn)。



It's Trendy：Microsoft、Apple、Google 等許多知名軟件公司及網(wǎng)頁、App都加入了扁平化設(shè)計的行列，所以跟上潮流是個保險的作法，而且網(wǎng)絡(luò)上也有許多相關(guān)的資源可以使用。

扁平化設(shè)計的缺點(diǎn)

扁平化設(shè)計聽起來棒極了！似乎總算打倒了流行多年的擬物化設(shè)計，但是，在這波趨勢之下，你還是得想想那些關(guān)于扁平化設(shè)計的缺點(diǎn)。

Usability Concerns：扁平化設(shè)計在多層次資訊和復(fù)雜資訊的呈現(xiàn)上有困難，Win 8 是個很好的失敗例子，另外一個問題是手機(jī)上因為不像電腦有鼠標(biāo)，有著移到某個標(biāo)示時、該標(biāo)示會改變顏色或字體的「Hover」功能，使用者并非總是清楚哪邊可以按鈕、哪邊可以輸入文字。



用戶時常會困惑到底哪些是純展示內(nèi)容，哪些是可以操作的區(qū)域？

Color Palettes is Tough to Match：當(dāng)界面上使用越多種類的顏色時，顏色間彼此是否協(xié)調(diào)就會變得相當(dāng)困難，設(shè)計師對顏色的掌握優(yōu)劣就會十分明顯除了品味與美感之外，還需要懂一些色彩心理學(xué)。

（多數(shù)工程師沒有美學(xué)方面的知識，一般設(shè)計師又不懂網(wǎng)頁語言）

Weak Typography Becomes Obvious：當(dāng)界面沒有太多裝飾與附加效果，一個失敗的排版會看起來像是粗劣、半吊子的未完成作品。

面對這種情況，由 Google 主導(dǎo)的 Material Design 則是另一個趨勢，可以說是后扁平化時代或扁平化設(shè)計2.0。

結(jié)語

扁平化設(shè)計的成功并非一蹴而就，而是經(jīng)過擬物化過程的演變而來，人們對于認(rèn)知學(xué)習(xí)已足夠看懂抽象圖示的功能。那么，扁平化設(shè)計改變的只有資訊產(chǎn)業(yè)嗎？絕對不僅于此。

除了上述提到的之外，扁平化設(shè)計也日益普及影響到其他的設(shè)計領(lǐng)域，特別是印刷產(chǎn)品的設(shè)計，如海報和書籍封面（畢竟原本瑞士設(shè)計就是用于此），有越來越多的旅游手冊或產(chǎn)品說明書也開始采用人們逐漸習(xí)慣的扁平化設(shè)計。

有趣的是，許多手機(jī)游戲也開始使用扁平化設(shè)計的概念在制作，像是很有名的2048數(shù)字游戲。

當(dāng)科技產(chǎn)品中的用戶體驗逐漸改變?nèi)藗兊恼J(rèn)知學(xué)習(xí)時，會開始影響其他領(lǐng)域的相關(guān)設(shè)計，改變成大家所習(xí)慣的視覺風(fēng)格，那么扁平化會持續(xù)多久呢？

其實從歷史的角度來看，每一個時期的風(fēng)格都不會持續(xù)太久的，更何況是資訊爆炸的今天，扁平化才開始興起的隔年 Google 就推出 Material Design 虎視眈眈，而人對于視覺的風(fēng)格依舊會疲乏，擬物久了就會想要扁平，扁平久了又想回到擬物，周而復(fù)始。

而設(shè)計就是要在這潮流之中，尋找出最適合當(dāng)下的元素和風(fēng)格來解決眼前的問題，唯有能解決問題的設(shè)計才是好設(shè)計。

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定