您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 視覺設(shè)計 >> 瀏覽設(shè)計教程

扁平化設(shè)計與可訪問性

 

這幾年互聯(lián)網(wǎng)變化好多,我們在網(wǎng)上瀏覽的方式也一樣。在本文中,我們將看一下最近扁平化設(shè)計帶來的可訪問性提升以及使得互聯(lián)網(wǎng)或多或少更開放和可用性。

 

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

實(shí)際上,扁平化設(shè)計意味著在設(shè)計中不使用常用的漸變、像素完美的陰影,然后通常是近年來蔓延的用來實(shí)現(xiàn)看起來“平面”的用戶界面。

Layervault的Allen Grinshtein或許最初定義了“扁平化設(shè)計”。在一篇發(fā)表于HackerNews的文章中,他說:

網(wǎng)頁中廣受歡迎的產(chǎn)品通常都有一些類似的設(shè)計美學(xué),比如一些立體、內(nèi)陰影、外陰影等。對設(shè)計師來說,他們會以實(shí)現(xiàn)這種“媚俗”的界面而感到自豪。但對我們,對其它的少數(shù)設(shè)計師來說,這樣做很2。。。
~ Allan Grinshtein (Layervault)

如果你去看Layervault,它的美在于其簡潔,甚至沒有任何我們作為設(shè)計師常常會去挖空心思實(shí)現(xiàn)的額外的細(xì)節(jié)設(shè)計。了解和琢磨作為當(dāng)前趨勢來使用的漸變和其它樣式是件蠻有趣的事情,這些慢慢在變化~~

扁平化設(shè)計實(shí)例

在新版Squarespace網(wǎng)站中,他們選擇了一個幾乎完全扁平的界面, 你可以估算出它們花在原型和設(shè)計UI上的時間,這個界面相當(dāng)復(fù)雜,但是卻非常易用。

盡管我只看過而從來沒有自己用過LayerVault,新的扁平化UI看起來真的很簡潔易用。

Facebook幾乎一直擁抱扁平化設(shè)計美學(xué)——只是最近才加入一些輕微的立體化。

Facebook是一個扁平化設(shè)計趨勢的完美例子。它們的主要操作按鈕依然使用輕微的立體化,但大量的次要按鈕采用了完全的扁平化設(shè)計。而且依據(jù)事實(shí)判斷,它們從未改變過界面風(fēng)格,它一直是這樣的。
Ian Storm Taylor (Segment.io)

盡管它們在過去這些年一直被批判要大改它們的界面,它依然是網(wǎng)上被使用最多的網(wǎng)站之一,嗯,用戶是不會錯的。。。

最新的Rdio的界面亦是如此扁平和極簡,它幾乎完全沒有陰影、漸變、甚至是顏色。。。

在Nest上

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ui1366.html
廣告創(chuàng)意中的情感因素(一)
給設(shè)計個說法——淘寶購便利首頁設(shè)計小結(jié)
圖趣網(wǎng)微信
建議反饋
×