豎排列表視覺(jué)上整齊美觀，常用于并列元素的展示，包括目錄分類內(nèi)容等橫排方塊把并列元素橫向顯示的一種布局常見(jiàn)的工具欄，TAB，Coverflow 等都采用這種布局九宮格TAB多面板彈出框手風(fēng)琴用戶點(diǎn)擊分類可展。

2啟動(dòng)頁(yè)抖音整體以黑色為主，中間LOGO采用與桌面圖標(biāo)相似的音符形狀，在顏色上采用一層白色二層為紅色，兩種顏色疊在一起做出了正片疊底的藍(lán)，白，紅三種顏色來(lái)表達(dá)出立體的感覺(jué)，在圖標(biāo)下方有“抖音”二字快手。

開(kāi)啟APP時(shí)的啟動(dòng)頁(yè)面，一般由logoslogan版本號(hào)產(chǎn)品名公司名Copyright等信息簡(jiǎn)單組合而成，出現(xiàn)時(shí)長(zhǎng)一般在3s內(nèi)應(yīng)用的啟動(dòng)方式分為兩種冷啟動(dòng)和熱啟動(dòng)冷啟動(dòng)當(dāng)啟動(dòng)應(yīng)用時(shí)，后臺(tái)沒(méi)有該應(yīng)用進(jìn)程熱啟動(dòng)當(dāng)啟。

APP的界面設(shè)計(jì)采用 window窗口 + Frame 子窗口Frame Group子窗口組+頁(yè)面 結(jié)構(gòu)，前端UI 交互 使用原生 UI 控件 或 Web javaScript 控制界面交互效果，要明確開(kāi)發(fā)的APP 使用什么框架，什么平臺(tái)，要是單純只是做美工。

很多人一提起UI設(shè)計(jì)就會(huì)想到手機(jī)app，手機(jī)程序，代碼之類的工作，其實(shí)這只是一小部分而已，UI設(shè)計(jì)包括很多東西，UI指的是用戶界面，包括用戶和界面之間的交互關(guān)系，一般分為用戶研究，交互設(shè)計(jì)和界面設(shè)計(jì)，下面我就來(lái)給大家講解一下三者之間的聯(lián)系。

APP界面設(shè)計(jì)原則1界面信息的簡(jiǎn)易性這主要體現(xiàn)在文字圖案操作方法與結(jié)構(gòu)方面文字字體要易識(shí)別，根據(jù)字體大小來(lái)突出相關(guān)重點(diǎn)信息，從而節(jié)約用戶的搜索時(shí)間圖案要與大眾認(rèn)知標(biāo)準(zhǔn)相符，與現(xiàn)實(shí)中的實(shí)物相似度越高，用戶越。

完整的流程，分層次設(shè)計(jì)，自下而上去完成1策略層，定義產(chǎn)品使命價(jià)值目標(biāo)人群 2愿景功能層定義核心場(chǎng)景功能列表 3結(jié)構(gòu)層做流程圖信息架構(gòu)，確定主導(dǎo)航主菜單 4框架層梳理每一個(gè)主界面的內(nèi)容。

UI設(shè)計(jì)或稱界面設(shè)計(jì)是指對(duì)軟件的人機(jī)交互操作邏輯界面美觀的整體設(shè)計(jì)，也叫界面設(shè)計(jì)UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說(shuō)的UI設(shè)計(jì)是虛擬UI，UI即UserInterface用戶界面的簡(jiǎn)稱UI設(shè)計(jì)師的職能大體包括三方面一是。

一般包括啟動(dòng)封面對(duì)話框按鈕面板菜單標(biāo)簽圖標(biāo)滾動(dòng)條及狀態(tài)欄等部件1啟動(dòng)封面app啟動(dòng)時(shí)的歡迎界面2對(duì)話框輸入信息包括由用戶選擇yes或no的選擇鈕輸入文件名的正文框，或其他設(shè)置各種參數(shù)的輸出入。

大體上你要明白這幾點(diǎn)1明確傳達(dá)主旨 優(yōu)秀的APP界面視覺(jué)設(shè)計(jì)首先是能夠明確傳達(dá)這個(gè)APP的主旨的，說(shuō)白了就是這個(gè)APP是用來(lái)干什么的產(chǎn)品須是一個(gè)優(yōu)雅的整體，產(chǎn)品的設(shè)計(jì)須是由內(nèi)而外的統(tǒng)一協(xié)調(diào)所以，色彩圖案。

6首頁(yè)首頁(yè)是一個(gè)App最重要的模塊，不同產(chǎn)品定位的App首頁(yè)的布局架構(gòu)也有很大的不同比如社交類和電商類的App表現(xiàn)形式就完全不同我們?cè)谠O(shè)計(jì)的時(shí)候需要根據(jù)產(chǎn)品的定位和功能選擇合適的展示方式7個(gè)人中心頁(yè)個(gè)人中心頁(yè)面是。

每個(gè)屏幕只提供一個(gè)動(dòng)作主題在apPUI設(shè)計(jì)技術(shù)中，每個(gè)圖像應(yīng)該有一個(gè)單獨(dú)的主題，這樣用戶不僅可以真正地使用它，而且還可以使它更容易開(kāi)始和使用如果一個(gè)屏幕支持兩個(gè)或更多的主題，它會(huì)立即使整個(gè)界面看起來(lái)很混亂#xF91D自然的接口轉(zhuǎn)換接口。

用戶界面是介于用戶與硬件而設(shè)計(jì)彼此之間交互溝通相關(guān)軟件，目的在使得用戶能夠方便有效率地去操作硬件以達(dá)成雙向之交互，完成所希望借助硬件完成之工作UI界面的構(gòu)成 一個(gè)UI界面通常來(lái)說(shuō)由三部分組成配色排版和圖標(biāo)1。

3UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)常用的UI設(shè)計(jì)是虛擬UI4UI設(shè)計(jì)不僅能讓軟件變得有個(gè)性有品味，還能充分體現(xiàn)軟件的定位和特點(diǎn)5UI設(shè)計(jì)囊括了很多方面，用戶界面設(shè)計(jì)師，軟件設(shè)計(jì)，APP設(shè)計(jì)等等，很廣泛想要了解。

UI設(shè)計(jì)師在設(shè)計(jì)一個(gè)APP的時(shí)候，首先要制定一套完善可行的設(shè)計(jì)規(guī)范，包括定義元素，比如顏色文字圖標(biāo)結(jié)構(gòu)布局間距等但是很多設(shè)計(jì)者往往忽略了一個(gè)重要的東西，那就是網(wǎng)格系統(tǒng)的構(gòu)建網(wǎng)格系統(tǒng)可以說(shuō)是整個(gè)頁(yè)面的骨架它高效有序。