雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

分享手機(jī)界面設(shè)計(jì)類型 介紹手機(jī)UI界面設(shè)計(jì)要點(diǎn)知識

Time: 2021-03-29

手機(jī)是一種便利的通訊工具,隨著科技越來越發(fā)達(dá),現(xiàn)在市面上有很多的智能手機(jī),這些智能手機(jī)可以做很多有趣的事情,那么手機(jī)界面設(shè)計(jì)分類有哪些呢?下面就讓faceui給大家分享一下手機(jī)界面設(shè)計(jì)的基本常識。

  手機(jī)界面設(shè)計(jì)

  手機(jī)用戶界面是用戶與手機(jī)系統(tǒng)、應(yīng)用交互的窗口,手機(jī)界面的設(shè)計(jì)必須基于手機(jī)設(shè)備的物理特性和系統(tǒng)應(yīng)用的特性進(jìn)行合理的設(shè)計(jì)。手機(jī)界面設(shè)計(jì)是個(gè)復(fù)雜的有不同學(xué)科參與的工程,其中最重要的兩點(diǎn)的就是產(chǎn)品本身的UI設(shè)計(jì)用戶體驗(yàn)設(shè)計(jì),只有將這兩者完美融合才能打造出優(yōu)秀的作品。

  手機(jī)界面設(shè)計(jì)分類

  1、手機(jī)操作系統(tǒng)界面設(shè)計(jì):一般的手機(jī)操作系統(tǒng)都是指智能手機(jī)的操作系統(tǒng),主要完成網(wǎng)絡(luò)、流媒體等功能,一定程度上取代電腦成為網(wǎng)絡(luò)終端。手機(jī)操作系統(tǒng)界面設(shè)計(jì)需要從整體風(fēng)格到細(xì)節(jié)圖標(biāo)、元素的全面把握,另外還需要掌握一定嵌入式方面的技術(shù)知識。

手機(jī)界面設(shè)計(jì)

  手機(jī)界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))


  2、手機(jī)應(yīng)用界面設(shè)計(jì):手機(jī)應(yīng)用作為手機(jī)第三方程序,已逐漸把用戶帶入使用本地客戶端上網(wǎng)的時(shí)期。手機(jī)應(yīng)用種類多樣,其中一些應(yīng)用軟件功能類似,但都在設(shè)計(jì)與使用上有所差異,“良好的用戶體驗(yàn)”已成為APP競爭的標(biāo)配。

  手機(jī)ui界面設(shè)計(jì)的要點(diǎn)

  1、手機(jī)啟動(dòng)界面設(shè)計(jì)

  手機(jī)啟動(dòng)界面設(shè)計(jì)也叫啟動(dòng)封面設(shè)計(jì),在設(shè)計(jì)時(shí)應(yīng)使手機(jī)啟動(dòng)封面最終為高清晰度的圖像,如手機(jī)啟動(dòng)封面需在不同的平臺、操作系統(tǒng)上使用將考慮轉(zhuǎn)換不同的格式,并且對選用的色彩不宜超過256色,最好為216色安全色。手機(jī)啟動(dòng)封面大小多為主流顯示器分辨率的1/6大。

  2、手機(jī)主界面設(shè)計(jì)

  即手機(jī)的主界面的設(shè)計(jì),手機(jī)主界面設(shè)計(jì)應(yīng)該具有縮放功能,主界面應(yīng)該對功能區(qū)間劃分清晰,應(yīng)該和對話框,彈出框等風(fēng)格匹配,盡量節(jié)省空間,切換方便。

  3、手機(jī)框架UI設(shè)計(jì)

  手機(jī)的框架UI設(shè)計(jì)就復(fù)雜得多,因?yàn)樯婕笆謾C(jī)的使用功能,應(yīng)該對該手機(jī)產(chǎn)品的程序和使用比較了解,這就需要視覺設(shè)計(jì)師有一定的手機(jī)跟進(jìn)經(jīng)驗(yàn),能夠快速的學(xué)習(xí)手機(jī)產(chǎn)品,并且在和手機(jī)產(chǎn)品的程序開發(fā)員及程序使用對象進(jìn)行共同溝通,以設(shè)計(jì)出友好的,獨(dú)特的,符合程序開發(fā)原則的手機(jī)框架。

  手機(jī)框架UI設(shè)計(jì)應(yīng)該簡潔明快,盡量少用無謂的裝飾,應(yīng)該考慮節(jié)省屏幕空間,各種分辨率的大小,縮放時(shí)的狀態(tài)和原則,并且為將來設(shè)計(jì)的按鈕,菜單,標(biāo)簽,滾動(dòng)條及狀態(tài)欄預(yù)留位置。在手機(jī)UI設(shè)計(jì)中將整體色彩組合進(jìn)行合理搭配,將手機(jī)商標(biāo)界面放在顯著位置,主菜單應(yīng)放在左邊或上邊,滾動(dòng)條放在右邊,狀態(tài)欄放在下邊,以符合視覺流程和用戶使用心理。

  4、菜單欄設(shè)計(jì)

  主要包括菜單設(shè)計(jì),滾動(dòng)條及狀態(tài)欄設(shè)計(jì)。

  菜單UI界面設(shè)計(jì)一般有選中狀態(tài)和未選中狀態(tài),左邊應(yīng)為名稱,右邊應(yīng)為快捷鍵,如果有下級菜單應(yīng)該有下級箭頭符號,不同功能區(qū)間應(yīng)該用線條分割。

  滾動(dòng)條主要是為了對區(qū)域性空間的固定大小中內(nèi)容量的變換進(jìn)行設(shè)計(jì),應(yīng)該有上下箭頭,滾動(dòng)標(biāo)等,有些還有翻頁標(biāo)。狀態(tài)欄是為了對手機(jī)當(dāng)前狀態(tài)的顯示和提示。

  5、手機(jī)按鈕UI設(shè)計(jì)

  手機(jī)按鈕界面設(shè)計(jì)應(yīng)該具有交互性,即應(yīng)該有3到6種狀態(tài)效果:點(diǎn)擊時(shí)狀態(tài);鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài);點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài);點(diǎn)擊后鼠標(biāo)未放在上面時(shí)的狀態(tài);不能點(diǎn)擊時(shí)狀態(tài);獨(dú)立自動(dòng)變化的狀態(tài)。按鈕應(yīng)具備簡潔的圖示效果,應(yīng)能夠讓使用者產(chǎn)生功能關(guān)聯(lián)反應(yīng),群組內(nèi)按鈕界面應(yīng)該風(fēng)格統(tǒng)一,功能差異大的按鈕應(yīng)該有所區(qū)別。

手機(jī)界面設(shè)計(jì)

  手機(jī)界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))


  6、UI界面圖標(biāo)設(shè)計(jì)

  圖標(biāo)設(shè)計(jì)色彩不宜超過64色,大小為16x16、32x32兩種,圖標(biāo)UI設(shè)計(jì)是方寸藝術(shù),應(yīng)該加以著重考慮視覺沖擊力,它需要在很小的范圍表現(xiàn)出手機(jī)的內(nèi)涵,所以很多圖標(biāo)設(shè)計(jì)師在設(shè)計(jì)圖標(biāo)時(shí)使用簡單的顏色,利用眼睛對色彩和網(wǎng)點(diǎn)的空間混合效果,做出了許多精彩圖標(biāo)。其標(biāo)簽設(shè)計(jì)應(yīng)該注意轉(zhuǎn)角部分的變化,狀態(tài)可參考按鈕。

  7、安裝過程設(shè)計(jì)

  安裝過程設(shè)計(jì)主要是將手機(jī)安裝的過程進(jìn)行美化,包括對手機(jī)功能進(jìn)行圖示化。

  8、包裝及商品化

  最后手機(jī)產(chǎn)品的包裝應(yīng)該考慮保護(hù)好手機(jī)產(chǎn)品,功能的宣傳融合于美觀中,可以印刷部分產(chǎn)品介紹,產(chǎn)品界面設(shè)計(jì)。

  以上就是faceui給大家?guī)砹岁P(guān)于手機(jī)界面設(shè)計(jì)的基本常識。手機(jī)界面設(shè)計(jì)是比較復(fù)雜的,所以大家千萬不要覺得手機(jī)界面設(shè)計(jì)是一件簡單的事情,希望這些內(nèi)容對你們有所幫助。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開