小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

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

 數(shù)據(jù)說不定 2018-09-22

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

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

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

Microsoft Zune 和 Zune software

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

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

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

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

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

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

不過一開始有些果粉不太能接受這種巨變,一時(shí)間哀鴻遍野,不過現(xiàn)在看來這是十分正確的決定,因?yàn)榫驮趲啄旰?,Google 也加入了扁平化行列,自此起扁平化設(shè)計(jì)變成了幾乎整個(gè)UI設(shè)計(jì)的趨勢(shì)。

不過,Apple為什么愿意冒著風(fēng)險(xiǎn),排除眾議的使用扁平化設(shè)計(jì)呢?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

用戶時(shí)常會(huì)困惑到底哪些是純展示內(nèi)容,哪些是可以操作的區(qū)域?

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

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

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

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

結(jié)語

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

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

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

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

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

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

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多