怎么設(shè)計極簡風(fēng)APPUI技巧

怎么設(shè)計極簡風(fēng)APPUI技巧

ID:44496756

大小:838.51 KB

頁數(shù):8頁

時間:2019-10-22

怎么設(shè)計極簡風(fēng)APPUI技巧_第1頁
怎么設(shè)計極簡風(fēng)APPUI技巧_第2頁
怎么設(shè)計極簡風(fēng)APPUI技巧_第3頁
怎么設(shè)計極簡風(fēng)APPUI技巧_第4頁
怎么設(shè)計極簡風(fēng)APPUI技巧_第5頁
資源描述:

《怎么設(shè)計極簡風(fēng)APPUI技巧》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、怎么設(shè)計極簡風(fēng)APPUI技巧隨著用戶對ui的喜好開始偏向簡約,設(shè)計師有必要將整個ui簡化剝離至基本狀態(tài),因為保留關(guān)鍵元素才是成功的鑰匙。從某種意義上說,極簡主義的設(shè)計是形式和功能的完美結(jié)合。它最大的優(yōu)勢在于形式上的清晰直觀——簡潔的線條,大量的留白,優(yōu)雅簡約的圖形元素,賦予整個設(shè)計以簡約干凈的感受。即使是最龐雜的內(nèi)容,在這樣的設(shè)計之下都顯得直觀而干練,當(dāng)然,如果設(shè)計的足夠高效的話。極簡風(fēng)的APP設(shè)計通常要具備幾個特征:簡潔,清晰,一致,并且可用。你的APP的交互體系應(yīng)當(dāng)通過清晰的視覺傳達方式幫用戶定位

2、并解決問題。要做好這一點,并不容易,因此,一個集優(yōu)雅極簡的設(shè)計和優(yōu)秀的易用性于一身的應(yīng)用,一定會給人留下深刻的印象。要做到這一點,你可以從下面幾點著手:簡單的配色方案考慮到太多的色彩可能會給用戶以負面影響,所以盡量簡化配色方案,提升用戶體驗。冇許多預(yù)設(shè)的配色規(guī)范和配色方案可供參考,可以以此為基礎(chǔ)創(chuàng)建新的解決方案,并且這種思路尤其適合初學(xué)者:單色配色:單色配色方案通常是由特定色彩的不同深淺、不同色調(diào)所構(gòu)成。通過調(diào)整這一色彩的飽和度、明暗來生成協(xié)調(diào)的配色方案。類似色配色:色輪上彼此相鄰的色彩是類似色,它們

3、能在色彩上營造出協(xié)調(diào)而連續(xù)的感覺。雖然這種配色不是那么好把控的,但是有訣竅,就是注意選取有感染力的色調(diào)作為核心,這樣可以最大化利用整個方案。一套類似色的配色方案通常是在色輪的同一區(qū)域內(nèi)選取色彩搭配而成。???了vodafoneNL寧14-29彳?PersonalUstSwipetotherighttocomplete!SwipetothelefttodeleteTapandholdtop?ckmeupPulldowntocreateanitemTryshakingtoundoTrypinchingtw

4、orowsapart模糊效果模糊效果出現(xiàn)在極簡化UI設(shè)計中是一件非常符合邏輯的事情,因為它先天就能夠強化UI的層次感。多層次的UI結(jié)構(gòu)中,模糊效果使得用戶能更容易分辨前后層級的差異和前后關(guān)系。而模糊效果同時也賦予了UI設(shè)計師探索不同菜單和布局設(shè)計的可能性。雅虎天氣APP中,每個不同的城市都會有一張漂亮精致的照片,只需一個點擊你就能看到看到關(guān)于這個地點的更詳細的關(guān)鍵信息。相比于用一個全新的界面來遮蓋漂亮的背景,雅虎的設(shè)計師讓背景模糊虛化,以保留UI的使用場景,不會讓用戶有跳出界面的感覺,而模糊的背景和前

5、景的內(nèi)容又構(gòu)成了良好的對比度。這樣的交互更加直觀微妙,主界面和詳細信息之間的聯(lián)系又足夠緊密,邏輯清晰。ThursdayWednesday個APP9NewYork+5;SPMEOTForecastflkiESundayMondayTuesday6PM7PM8PM9PM10PM11PM12,III66£57°45。57°46。64°57°70°54。70。57。YourIYourGameIGamePlaySHAREAboutOptionsHelpShareAbout幾種不同的字體在一個APP中混用,會讓你

6、的APP顯得散漫而馬虎。減少屏幕上字體類型的數(shù)量,可以強化排版的效果。當(dāng)你設(shè)計APP的時候,盡量試圖通過控制同一字體的字重、樣式、尺寸和色彩來營造不同的布局體驗,而非換不同的字體。當(dāng)你在為你的APP選擇字體的時候,選擇平臺的默認字體可能是最安全穩(wěn)妥的選擇:蘋果公司目前在全平臺上使用的是SanFrancisco字體,iOS9上將這種字體標(biāo)記為SF-UIoRoboto和Noto則是GoogleAndroid和Chrome上的默認字體。聚焦數(shù)據(jù)你應(yīng)當(dāng)使用大字體和醒目的色彩來讓特定的數(shù)據(jù)成為視覺的焦點。普通的

7、數(shù)據(jù)和內(nèi)容使用中性的黑白灰來展現(xiàn),而關(guān)鍵的數(shù)據(jù)則使用強對比的色彩,起到行為召喚的作用,這樣可以讓用戶的注意力更加集中。明亮的色調(diào)+中性的色調(diào)是最容易搭配的方案,同時也是視覺上最引人注意的方案。被放大的字體和更加顯眼的色彩無疑在整個界面中更加具有視覺吸引力,無需更多的提示,用戶就知道眼睛應(yīng)該看哪里。通過空間分隔元素,而非線條設(shè)計師常常會用線條來分割區(qū)塊,表明界限,劃分屏幕功能區(qū)域。但是當(dāng)界面元素多起來之后,這些邊界、襯線、分隔線會讓整個界面擁擠不堪。精簡分割線會給你一個干凈、現(xiàn)代且功能突出的界面。想要分

8、割、區(qū)分不同的元素,方法有很多,比如使用色塊,控制間距,添加色彩和內(nèi)容,等等等等。谷歌日歷就是一個相當(dāng)好的例子,適度的陰影,明快而易于聚焦的色塊,充滿呼吸感的間距,讓不同的區(qū)塊、內(nèi)容都清晰的分隔在屏幕上不同的地方。第1頁第2頁

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內(nèi)容,確認文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。