發(fā)布時間:2024-01-25 19:13:25 瀏覽量:144次
隨著計算機的普及,擬物化設(shè)計逐漸成為向新用戶介紹設(shè)計概念的重要手段。通常,用戶界面(UI)內(nèi)的所有仿真元素都遵循擬物化設(shè)計理念。比如被設(shè)計成垃圾桶模樣的回收站圖標(biāo),使用戶在刪除文件時不由地聯(lián)想到自己在生活中扔垃圾的動作。
由于3D渲染技術(shù)和設(shè)計概念更緊密地結(jié)合,擬物化設(shè)計也變得愈來愈貼近真實。但許多設(shè)計師對此頗有微詞,他們認為,今天的用戶對IT世界已經(jīng)非常熟悉,設(shè)計者沒有必要在真實性上大費周章;而且,一個2D的垃圾桶圖標(biāo)也不會因為經(jīng)過了3D渲染產(chǎn)生額外價值。
扁平化設(shè)計摒棄了很多擬物化3D元素,在UI設(shè)計中避免過度使用營造3D效果的手法,比如漸變、紋理和陰影,而專注于簡單的平面元素、排版和色彩方案。需要注意的是,扁平化設(shè)計只是強調(diào)在平面上以簡約風(fēng)格表現(xiàn)設(shè)計元素,并沒有完全抵制擬物化設(shè)計,這一點與現(xiàn)下流行的觀點不同。
作者/版權(quán)所有者:crassuscz。
扁平化設(shè)計包羅萬象,只要你觀察得夠仔細,在設(shè)計中隨處都可以見到它的應(yīng)用。比如,上圖的這些表情。
除了美學(xué)特點,扁平化設(shè)計還有一個優(yōu)勢:在響應(yīng)式設(shè)計中,二維對象更易于縮放,對不同屏幕或瀏覽器的適應(yīng)性更強。在移動網(wǎng)絡(luò)普及的今天,這個優(yōu)勢非常重要。
扁平化設(shè)計并不是一個完全新生的概念,它源于三種已有的藝術(shù)形式:瑞士風(fēng)格(或國際排版風(fēng)格)、包豪斯(Bauhaus)風(fēng)格和現(xiàn)代主義。其中,瑞士風(fēng)格對扁平化設(shè)計的影響可能是最大的。扁平化設(shè)計早在20世紀50至60年代就開始在現(xiàn)實世界中流行,在數(shù)字世界中的發(fā)展速度卻慢得多。
在數(shù)字世界中,扁平化設(shè)計的早期應(yīng)用可以追溯到2006年微軟發(fā)布的Zune MP3。小寫單色的字母,大字號排版,廓形風(fēng)格的logo使這款產(chǎn)品的界面既簡約又清爽。
作者/版權(quán)所有者:Bkwparadox。
雖然Zune品牌已經(jīng)成為過去式,但它的UI風(fēng)格先后被Windows Phone和Windows 8操作系統(tǒng)繼承(雖然Win8廣受吐槽,但這明顯不是扁平化設(shè)計的鍋)。
盡管Zune在迎合便攜式播放器市場的需求方面失敗了,但它給扁平化設(shè)計領(lǐng)域留下了寶貴的遺產(chǎn)。
2013年,蘋果發(fā)布的iOS7有意放棄了先前的擬物化設(shè)計理念,開始加入扁平化設(shè)計的行列。蘋果設(shè)計總監(jiān)Jony Ive說:“去年11月,我們開始構(gòu)思iOS7的時候就意識到,人們已經(jīng)習(xí)慣了觸摸屏,他們不想要實體按鍵,他們很清楚觸摸屏的好處,”Ive說,“所以我們在刻意模擬現(xiàn)實世界,這給了我們一種前所未有的自由。我們努力創(chuàng)造一個不那么具象的環(huán)境,它使我們的設(shè)計擺脫了固有的束縛?!?/p>
嗯…微軟和蘋果可都不這樣認為。確實有些人認為扁平化設(shè)計很難出彩,但實際上極簡主義的設(shè)計風(fēng)格很受歡迎,清除冗余的元素也有利于提高設(shè)計的可用性。如果某個元素對可用性沒有幫助,反而會影響用戶體驗,它就應(yīng)該被剔除。
作者/版權(quán)所有者:alexlasek。
一旦應(yīng)用了扁平化設(shè)計,你就會發(fā)現(xiàn)它的吸引力。比如,使用明亮色調(diào)(或者高反差)凸顯核心圖標(biāo)、圖像等。巧妙地應(yīng)用扁平化設(shè)計還可以把用戶的注意力牢牢吸引在設(shè)計師想要的位置。
扁平化設(shè)計有可能會陷入單一和乏味,但一位好的設(shè)計師也完全可以將它用得出神入化,你可以通過用戶測試看看你的扁平化設(shè)計成果是否合乎他們的胃口。
其實我們很容易理解,扁平化設(shè)計如此實用就是因為它的簡單和直觀。承載信息的界面越簡單,信息傳遞就越高效。
扁平化設(shè)計的理念使UI設(shè)計師從功能性角度思考自己的工作。人們不再強調(diào)美學(xué)上的吸引力,而用“給用戶帶來多少價值”來評判他們的設(shè)計作品。許多UI設(shè)計師認為,這種轉(zhuǎn)變使他們能夠把更多的精力放在用戶體驗,而不是圖形設(shè)計上,這既利于有利于用戶,也有助于他們的商業(yè)成就。
扁平化設(shè)計易于應(yīng)用。設(shè)計師致力于簡化用戶完成任務(wù)的過程,可以使用:
扁平化設(shè)計應(yīng)該能產(chǎn)出功能性和視覺性相統(tǒng)一的UI成果。
作者/版權(quán)所有者:dtafalonso。
iOS7向我們展示了優(yōu)秀的設(shè)計師可以通過扁平化設(shè)計創(chuàng)造出多美妙的作品。
扁平化設(shè)計是一種極簡主義UI設(shè)計方法,它致力于降低設(shè)計的復(fù)雜性,提高用戶體驗。當(dāng)然,UI的設(shè)計方法并不唯一,材料設(shè)計和擬物化設(shè)計(以豐富設(shè)計的形式)同樣是可以考慮的。歸根結(jié)底,最重要的是你要通過實際的調(diào)研,弄清楚用戶想要的是什么。在此之前,不要相信任何所謂的“標(biāo)準(zhǔn)”UI設(shè)計方法。
熱門資訊
1. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
10. 武漢UI設(shè)計培訓(xùn)班費用怎么樣?想學(xué)UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎?不知道學(xué)UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
最新文章
同學(xué)您好!