一般來說,移動UI界面設(shè)計包括兩個方向,分別是圖形(視覺)設(shè)計和交互設(shè)計:
1、圖形設(shè)計主要管這個UI看起來是否美觀,是否有設(shè)計感等等;
2、交互設(shè)計主要管這個UI用起來順不順手,上手容不容易等等。
更重要的是移動APP?UI 設(shè)計的魅力在于,你不僅需學(xué)會使用一些合適的技巧,更要有效的理解用戶與程序的交互關(guān)系。一個有效的用戶界面關(guān)注的是用戶目標(biāo)的實現(xiàn),包括視覺元素與功能操作在內(nèi)的所有東西都需要完整一致。
1、如果你正要開始設(shè)計一款移動APPui界面設(shè)計的時候,如何來進行一些基本的準(zhǔn)備工作呢?
1、一定要玩機器,玩APP。包括ios、andorid和ipad winphone等智能手機。
2、熟悉各個平臺的移動APP UI設(shè)計規(guī)范。
3、學(xué)會欣賞幾款不錯的APP設(shè)計或者是好的APP設(shè)計模板
4、無論是你設(shè)計多大尺寸的UI,一定要有一臺測試機也就是說必須真機測試。
??
5、將review做為移動UI工作的一個階段。
? (備注:review就是評論、反饋的意思。這就是說,我們移動APP UI設(shè)計完成一些模塊之后,一定要進行階段性的評審和總結(jié),修改、反饋。)
?
6、培養(yǎng)一個靠譜的程序小伙伴。向一些有經(jīng)驗的客戶端程序員學(xué)習(xí)和了解更深的設(shè)計規(guī)范。
2、下面就是我們作為一名移動APP UI設(shè)計師,必須了解的一些APP UI設(shè)計常識
(1)、UI設(shè)計的一致性
用戶來到你的APP,腦子里會保持著一種思維習(xí)慣,你的 UI 需要保持一致,以免用戶的思維方向被打亂。
(2)、UI設(shè)計的流暢性
你應(yīng)當(dāng)分析一下,自己的站點是否容易導(dǎo)航。用戶應(yīng)當(dāng)可以自由掌控自己的瀏覽行為,確保他們能從某個地點跳出,能夠毫無障礙地退出。不會讓你的用戶在你的設(shè)計作品當(dāng)中迷路。
(3)、UI設(shè)計的群體特征
要設(shè)計有效的移動?UI界面,必須對你的用戶群有所了解,不同的用戶階層對不同的設(shè)計元素有不同的理解,17~25 歲年齡段的人,和 40~55 年齡斷的人有不同的喜好。
(4)、UI設(shè)計的簡潔性
UI 設(shè)計越簡單,用戶體驗越好,不要濫用設(shè)計元素,不要使用擁擠的界面。目前來說,很多手機APP設(shè)計的非常簡約,簡約設(shè)計可以增強 UI 的易用性,可以讓用戶不必關(guān)心那些無關(guān)的信息。
(5)、UI設(shè)計交互要合理性
最好的設(shè)計不是用來看的,是用來體驗的。如果交互做的很差,談何體驗。而且不要混雜多種交互效果在一個頁面,會讓用戶感覺太“刺激”而反感。
最后,25學(xué)堂也祝愿各位移動APP設(shè)計師可以學(xué)以致用。來到25學(xué)堂有所收獲和啟迪。
因為設(shè)計師不是藝術(shù)家,不像搞藝術(shù)的那么隨性。因為設(shè)計師設(shè)計的產(chǎn)品是給人們用的,關(guān)乎每個使用者的感受。藝術(shù)家不用考慮觀者的感受,只管傾述自己的內(nèi)心世界并充分展示個性。設(shè)計師注定背上神圣的使命——設(shè)計,讓生活更美好。
最后,25學(xué)堂附上完整的APP設(shè)計和開發(fā)流程:
項目啟動→建立產(chǎn)品原型→形成效果圖→進入研發(fā)階段→研發(fā)成功后進入測試階段→測試過后將問題反饋給研發(fā)人員進行調(diào)整-→多次測試確認(rèn)沒有bug。
全站高品質(zhì)素材免費下載!