建站
咨詢
售后
建站咨詢
新聞中心
扁平化設(shè)計(jì)在當(dāng)下的用戶界面設(shè)計(jì)界是很有爭(zhēng)議的，微軟的Metro風(fēng)最早將其介紹給大眾，之后有了很多人跟風(fēng)，比如LayerVault、The Next Web以及更多。許多設(shè)計(jì)師從最開始就不看好這類設(shè)計(jì)，主要是因?yàn)樵谏晕?fù)雜一點(diǎn)的界面中，扁平化設(shè)計(jì)會(huì)帶來(lái)很多困擾。
成都創(chuàng)新互聯(lián)是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷策劃、小程序開發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十年以來(lái)，已經(jīng)為1000+被動(dòng)防護(hù)網(wǎng)各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的1000+客戶與我們一路同行，見證我們的成長(zhǎng)；未來(lái)，我們一起分享成功的喜悅。
扁平化設(shè)計(jì)既漂亮又清新，設(shè)計(jì)起來(lái)快，也更容易響應(yīng)。如果只是繪畫上的設(shè)計(jì)趨向可能會(huì)被廣為接受，但是網(wǎng)頁(yè)設(shè)計(jì)者總是對(duì)易用性持有很高的關(guān)注度，因此總會(huì)覺得扁平化設(shè)計(jì)天然的就有缺陷。
下面這張圖從左往右分別是蘋果、Google和微軟的設(shè)計(jì)美學(xué)展示，三家走了非常不同的路線。
中庸之道是解決復(fù)雜爭(zhēng)端的最好辦法。妥協(xié)對(duì)觀點(diǎn)鮮明的人來(lái)說很難，但是最終受益的還是大眾。在這一例中，受益的大眾就是產(chǎn)品的用戶。
有一個(gè)辦法，那就是把扁平化設(shè)計(jì)的優(yōu)勢(shì)都抽出來(lái)，應(yīng)用到高度復(fù)雜的用戶界面中去。至于具體怎么做，可以參考Google現(xiàn)行的界面設(shè)計(jì)語(yǔ)言。Gmail(web+iOS)，Google Maps(iOS)和Google+(iOS)都是非常好的準(zhǔn)扁平化設(shè)計(jì)的例子。
大多數(shù)情況下，這些界面都遵循扁平化設(shè)計(jì)的原則：扁平色塊，沒有陰影，利用顏色鼓勵(lì)用戶去進(jìn)行交互(比如Gmail中的紅色按鈕“寫郵件”)。但是仔細(xì)看時(shí)，你會(huì)發(fā)現(xiàn)這個(gè)紅色按鈕其實(shí)是有很小的弧度的。這道弧度就像是“嘿，快點(diǎn)我!”而不是“哇哦，我看起來(lái)誘人的就像糖果一樣!對(duì)了你還可以點(diǎn)我的?！边@類微妙的功能可見性是準(zhǔn)扁平化設(shè)計(jì)的重要組分之一，也是其優(yōu)于真正的扁平化設(shè)計(jì)的一大特點(diǎn)。
準(zhǔn)扁平化設(shè)計(jì)自然也不會(huì)忽略深度的概念。相反的，適度加入深度的元素可以促進(jìn)用戶對(duì)界面的理解。但是就像弧度一樣，深度元素的融入也需要仔細(xì)斟酌，才能讓信息從平面中跳離出來(lái)，但又不會(huì)破壞扁平化設(shè)計(jì)的氛圍。
準(zhǔn)扁平化設(shè)計(jì)的例子不單有Google，新版MySpace也采用了這種看起來(lái)扁平，但是當(dāng)你把鼠標(biāo)移過去就會(huì)出現(xiàn)“快點(diǎn)我”的弧度。Letterpress，這款大師之作的游戲，雖然有些人說是扁平化設(shè)計(jì)，但是也采用了陰影設(shè)計(jì)來(lái)改進(jìn)交互體驗(yàn)。還有自最開始就一直不怎么用弧度設(shè)計(jì)的Facebook，也用陰影來(lái)分隔覆蓋圖和其余頁(yè)面。
iOS的未來(lái)應(yīng)該會(huì)同繁復(fù)的擬物化設(shè)計(jì)漸行漸遠(yuǎn)，微軟的Metro在易用性也有硬傷，設(shè)計(jì)的未來(lái)可能屬于準(zhǔn)扁平化設(shè)計(jì)這類兼具易用性和高效率的設(shè)計(jì)語(yǔ)言。
網(wǎng)友點(diǎn)評(píng):
黑白：對(duì)于平鋪的大量?jī)?nèi)容，陰影漸變是很有效的組織秩序的方式，通過顏色組織秩序只在視野中央有效，視野周邊幾乎沒有顏色感知細(xì)胞，這也就決定了難以產(chǎn)生整體穩(wěn)定的秩序感。想想我們周圍的世界如果只有顏色紋理形狀，而沒有陰影漸變會(huì)是多么難以辨認(rèn)，ios 反對(duì)的似乎是對(duì)實(shí)物諸如紋理特征等與視覺心理無(wú)關(guān)的模仿，并不等于扁平化～而且陰影漸變形式還有很多潛力可挖呢～
分享名稱：談?wù)動(dòng)脩艚缑嬷斜馄交O(shè)計(jì)
標(biāo)題來(lái)源：http://www.dlmjj.cn/article/cojopsd.html
