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