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

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

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

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

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

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

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

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

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

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

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

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

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

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

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