說起設(shè)計(jì),可能離不開色彩、結(jié)構(gòu)、適用對象等,但是不同的設(shè)計(jì)要求和技巧是不同的,比如平面設(shè)計(jì)、立體設(shè)計(jì)、室內(nèi)設(shè)計(jì)、服裝設(shè)計(jì)、手機(jī)UI設(shè)計(jì)等。不同于其他的設(shè)計(jì),手機(jī)UI設(shè)計(jì)不僅需要對色彩的搭配、模塊的比例、適用對象的選擇上下功夫,還需要了解相關(guān)的手機(jī)軟件,才能設(shè)計(jì)出將產(chǎn)品設(shè)計(jì)和用戶體驗(yàn)完美結(jié)合的手機(jī)UI設(shè)計(jì)。今天就讓faceui為大家介紹一下吧。
什么是手機(jī)UI設(shè)計(jì)
手機(jī)ui設(shè)計(jì)是手機(jī)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。置身于手機(jī)操作系統(tǒng)中人機(jī)交互的窗口,設(shè)計(jì)界面必須基于手機(jī)的物理特性和軟件的應(yīng)用特性進(jìn)行合理的設(shè)計(jì),界面設(shè)計(jì)師首先應(yīng)對手機(jī)的系統(tǒng)性能有所了解。手機(jī)UI設(shè)計(jì)一直被業(yè)界稱為產(chǎn)品的“臉面”,好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味,還要讓軟件的操作變得舒適、簡單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。
設(shè)計(jì)要點(diǎn):
設(shè)計(jì)師根據(jù)多年設(shè)計(jì)第三方應(yīng)用的經(jīng)驗(yàn),以實(shí)用和獨(dú)特的想法提出了6個(gè)手機(jī)UI設(shè)計(jì)的技巧,希望使新手機(jī)應(yīng)用在發(fā)布前提升質(zhì)量,最大化發(fā)掘該應(yīng)用的潛力,從而最小化用戶差評和低下載量這種不良結(jié)果。
1、一目了然
首次開啟應(yīng)用時(shí),每個(gè)人的腦中都會浮現(xiàn)出相同的3個(gè)問題:我在哪里?我能夠做什么?我接下來能夠做什么?努力使應(yīng)用立即對這些問題做出回答。如果你能夠在前數(shù)秒的時(shí)間里告訴用戶這是款適合他們的產(chǎn)品,那么他們勢必會進(jìn)行更深層次的發(fā)掘。
2、輸入便捷
在熙熙攘攘的大街上,一手拿著杯咖啡,另一手拿著設(shè)備,在多數(shù)時(shí)間里,人們只使用1個(gè)拇指來執(zhí)行應(yīng)用的導(dǎo)航。不要執(zhí)拗于多點(diǎn)觸摸以及復(fù)雜精密的流程。讓人們可以迅速地完成屏幕和信息間的切換和導(dǎo)航。讓他們可以快速獲得所需的信息,珍惜用戶每次的輸入操作。
手機(jī)UI設(shè)計(jì)(圖片來自網(wǎng)絡(luò))
3、呈用戶所需
沒有人喜歡等待,在移動領(lǐng)域中尤其如此。我們將設(shè)備帶上火車,在汽車上快速回復(fù)郵件,或者在走出屋子的時(shí)候查看天氣預(yù)報(bào)。我們利用時(shí)間間隙來做這些小事情,來換取更多時(shí)間做真正喜歡做的事。不要讓人們等待你的應(yīng)用做某件事情。提升應(yīng)用表現(xiàn),改變UI,讓用戶所需結(jié)果的呈現(xiàn)變得更快。
4、屏幕方向可旋轉(zhuǎn)
有時(shí),你或許會忘記手機(jī)設(shè)備不只有單一的縱向呈現(xiàn)。對用戶來說,橫向體驗(yàn)是完全不同的。你可以利用這種更寬的布局,以完全不同的方式呈現(xiàn)信息。比如,之前位于屏幕上方的按鍵可以移動到屏幕一側(cè)。利用更寬的屏幕,呈現(xiàn)新的信息。
5、應(yīng)用個(gè)性化
Android Market上有數(shù)十萬款應(yīng)用。你或許會時(shí)常問自己,如何從如此多的同類應(yīng)用中突出重圍呢。用戶偏好的應(yīng)用類型各不相同。人們喜歡與他們的個(gè)性相符的應(yīng)用。適當(dāng)展現(xiàn)你與眾不同的風(fēng)格。
6、精心細(xì)節(jié)
不要低估一個(gè)應(yīng)用組成中的任何一項(xiàng)。精心撰寫的介紹和清晰且設(shè)計(jì)精美的圖標(biāo)會讓你的應(yīng)用顯得鶴立雞群。用戶會察覺到你額外投入的這些精力。
手機(jī)UI設(shè)計(jì)(圖片來自網(wǎng)絡(luò))
手機(jī)UI設(shè)計(jì)技巧
1、圖標(biāo)的統(tǒng)一性
ui設(shè)計(jì)里最重要是風(fēng)格統(tǒng)一,如果是填充圖形就不要使用線性圖標(biāo),還有描邊大小都要統(tǒng)一。
2、圖標(biāo)的統(tǒng)一性
字體運(yùn)用也是非常重要的,盡量保持一種字體設(shè)計(jì),然后用字體粗細(xì)程度突出文案的優(yōu)先層級,或者選擇相同字形的字體設(shè)計(jì)。
3、風(fēng)格樣式的統(tǒng)一
目前最流行的兩種設(shè)計(jì)風(fēng)格:一種是“扁平化”,一種是“卡片式”設(shè)計(jì)。如果運(yùn)用卡片式設(shè)計(jì)就全局使用投影,不要一會扁平,一會卡片設(shè)計(jì)。
4、留白
極簡設(shè)計(jì)是一種趨勢,簡化不必要設(shè)計(jì),適當(dāng)?shù)牧舭?。給顧客自由呼吸的空間。
5、輔助線的運(yùn)用
輔助線的運(yùn)用,主要是區(qū)分信息層級,所以輔助線一般采用深淺色調(diào)處理,千萬不要使用種暗色,會拉低整體質(zhì)感。
以上就是faceui為大家介紹的關(guān)于手機(jī)UI設(shè)計(jì)的相關(guān)內(nèi)容。手機(jī)UI設(shè)計(jì)要盡可能在保留統(tǒng)一性的原則下,關(guān)注用戶的習(xí)慣和愛好,畢竟設(shè)計(jì)出來的目的就是為獲得用戶的支持,獲得市場的認(rèn)可。