當(dāng)前位置：首頁 >ui設(shè)計(jì)培訓(xùn)

移動(dòng)ui界面設(shè)計(jì)實(shí)用教程

作者：落后斷手機(jī) 發(fā)布時(shí)間： 2025-05-14 13:05:42 瀏覽量：1776次

作為UI設(shè)計(jì)新手，首先要了解的是UI界面的類型，今天主要介紹手機(jī)移動(dòng)端的界面以及一些比較實(shí)用的設(shè)計(jì)知識(shí)點(diǎn)，感興趣的同學(xué)可以分享收藏哦，也可以直接登錄火星時(shí)代官網(wǎng)了解更多有關(guān)設(shè)計(jì)知識(shí)。

一、移動(dòng)端的界面類型

1.啟動(dòng)頁，常見的啟動(dòng)頁有2種類型：品牌推廣型、活動(dòng)廣告推廣型

2.引導(dǎo)頁，引導(dǎo)頁是幫助用戶更加清晰的了解產(chǎn)品定位與功能服務(wù)。

3.主頁和菜單界面

4.登錄和配置文件界面

5.統(tǒng)計(jì)界面

6.產(chǎn)品卡界面

移動(dòng)ui界面設(shè)計(jì)實(shí)用教程

二、移動(dòng)應(yīng)用平臺(tái)

1、iOS系統(tǒng)是由美國蘋果公司開發(fā)的移動(dòng)設(shè)備操作系統(tǒng)。

2、Android是一種基于Linux的自由及開放源代碼的操作系統(tǒng)，主要應(yīng)用于移動(dòng)設(shè)備。

3、HarmonyOS華為鴻蒙系統(tǒng)是華為開發(fā)的自有操作系統(tǒng)。將打通手機(jī)、電腦、平板、電視、汽車、智能穿戴，統(tǒng)一成一個(gè)操作系統(tǒng)。

移動(dòng)ui界面設(shè)計(jì)實(shí)用教程

三、移動(dòng)ui設(shè)計(jì)尺寸規(guī)范

1、主流的 iOS 設(shè)備主要有 iPhone SE（4英寸）、iPhone 6s/7/8（4.7英寸）、iPhone 6s/7/8 Plus（5.5英寸）、iPhone X（5.8英寸），它們都采用了 Retina 視網(wǎng)膜屏幕。

2、其中 iPhone 6s/7/8 Plus 和 iPhone X 采用的是3倍率的分辨率，其他都是采用的2倍率的分辨率，無論是欄高度還是應(yīng)用圖標(biāo)，設(shè)計(jì)師提供給開發(fā)人員的切片大小，前者始終是后者的1.5倍，并分別以@3x和@2x在文件名結(jié)尾命名，程序再根據(jù)不同分辨率自動(dòng)加載@3x或者@2x的切片。

3、在進(jìn)行 iphone x 設(shè)計(jì)的時(shí)候我們依然可以采用熟悉的 iphone 7 的設(shè)計(jì)尺寸作為模板，只是高度增加了290px，設(shè)計(jì)尺寸為750*1624（@2x），狀態(tài)欄的高度由原來的40px變成了88px，另外底部要預(yù)留68px的主頁指示器的位置。