app界面設(shè)計(jì)（課堂PPT）

1、.1常見(jiàn)的常見(jiàn)的APP信息布局方式信息布局方式.2第一種第一種APP信息布局方式：信息布局方式：宮格布局宮格布局1這種APP信息布局方式也是我們目前最常見(jiàn)的一種方式，也是符合用戶(hù)習(xí)慣和黃金比例的設(shè)計(jì)方式，最知名的就是錘子手機(jī)的界面設(shè)計(jì)。美觀美觀細(xì)節(jié)設(shè)計(jì)細(xì)節(jié)設(shè)計(jì)人性化的功能人性化的功能.3第一種第一種APP信息布局方式：信息布局方式：宮格布局宮格布局1知名的APP設(shè)計(jì)采用的九宮格、六宮格等方式布局有：攜程APP、途牛APP、支付寶APP等等。下面我們來(lái)欣賞下經(jīng)典的宮格布局APP界面設(shè)計(jì)九宮格是一種比較古老的設(shè)計(jì)，它最基本的表現(xiàn)其實(shí)就像是一個(gè)三行三列的表格。.41第一種第一種APP信息布局方式：信

2、息布局方式：宮格布局宮格布局采用宮格布局的優(yōu)勢(shì)：采用宮格布局的優(yōu)勢(shì)：非常方便的適配所有的移動(dòng)手機(jī)機(jī)型。因?yàn)檫@樣的結(jié)構(gòu)是最有利于內(nèi)容區(qū)域隨屏幕分辯率不同而自動(dòng)伸展寬高，同時(shí)也是ios和android開(kāi)發(fā)人員比較容易編寫(xiě)的一種布局方式。信息內(nèi)容展示的方式，簡(jiǎn)單明了。.52第二種第二種APP信息布局方式：信息布局方式：列表布局列表布局列表布局就是以列表的形式展示具體內(nèi)容，并且能夠根據(jù)數(shù)據(jù)的長(zhǎng)度自適應(yīng)顯示。列表布局就是List View 是可以滾動(dòng)的列表布局方式，最常見(jiàn)的應(yīng)該屬于android的列表布局，這也是最快速的app布局方式。因?yàn)闊o(wú)論ios開(kāi)發(fā)和android 都有現(xiàn)成的列表布局插件和模板。.

3、62第二種第二種APP信息布局方式：信息布局方式：列表布局列表布局以上的APP界面基本都是以列表布局為主導(dǎo)。最能代表的就是分類(lèi)信息的展示形式。還有產(chǎn)品列表、對(duì)話(huà)列表等等。.73第三種第三種APP信息布局方式：信息布局方式：大圖展示布局大圖展示布局這類(lèi)布局多見(jiàn)于引導(dǎo)頁(yè)設(shè)計(jì)和一些圖片分享app、或者文藝范、攝影類(lèi)的APP主導(dǎo)的布局方式。.83第三種第三種APP信息布局方式：信息布局方式：大圖展示布局大圖展示布局代表APP，mono貓弄、one APP等等。.9標(biāo)簽布局來(lái)源移動(dòng)android開(kāi)發(fā)當(dāng)中的一個(gè)術(shù)語(yǔ)：標(biāo)簽布局除了tab布局。還有標(biāo)簽關(guān)鍵詞布局，熱度布局等等。以標(biāo)簽的方式顯示它的子視圖元素，就像在Firefox中的一個(gè)窗口中顯示多個(gè)網(wǎng)頁(yè)一樣。4第四種第四種APP信息布局方式：信息布局方式：標(biāo)簽布局標(biāo)