#160 #160 #160 #160我自學(xué)了3個(gè)月的Android基礎(chǔ)，居然一個(gè)App都做不出來(lái)在我之前學(xué)的同時(shí)居然忘記了之前學(xué)的內(nèi)容所以我現(xiàn)在重新開(kāi)始復(fù)習(xí)，這篇文章將是我復(fù)習(xí)的開(kāi)始也是基礎(chǔ)的穩(wěn)固，同時(shí)也是將來(lái)記不得了可以自我回顧的筆記首先是從App登錄開(kāi)始#160 #160 #160 #160；B端lt！，則是商家或企業(yè)級(jí)界面，也稱(chēng)為企業(yè)級(jí)Web界面這種界面是為商業(yè)或企業(yè)用戶(hù)設(shè)計(jì)的，比如企業(yè)內(nèi)部使用的系統(tǒng)工具或平臺(tái)B端產(chǎn)品的主要特點(diǎn)是面向商務(wù)服務(wù)，它服務(wù)于商家企業(yè)內(nèi)部的業(yè)務(wù)部門(mén)，而非普通消費(fèi)者最后，我們有C端lt！，即用戶(hù)界面，也就是我們通常所說(shuō)的App界面這是用戶(hù)最直。

我們拿考試吧的網(wǎng)站來(lái)舉例吧，輸入考試吧網(wǎng)站域名進(jìn)入考試吧首頁(yè)，這就是一級(jí)頁(yè)面，然后再點(diǎn)擊它上面的“英語(yǔ)”或者“計(jì)算機(jī)“類(lèi)別，就進(jìn)入了二級(jí)頁(yè)面，比如說(shuō)我們剛點(diǎn)擊的是計(jì)算機(jī)等級(jí)考試進(jìn)入的二級(jí)頁(yè)面，在計(jì)算機(jī)等級(jí)考試的頁(yè)面中點(diǎn)擊“計(jì)算機(jī)一級(jí)”就進(jìn)入了三級(jí)頁(yè)面；App開(kāi)發(fā)可以分為以下幾個(gè)層次1用戶(hù)界面層用戶(hù)界面層是App中用戶(hù)直接與之交互的部分，包括頁(yè)面設(shè)計(jì)布局視覺(jué)元素等前端開(kāi)發(fā)工程師負(fù)責(zé)處理用戶(hù)界面層的設(shè)計(jì)和實(shí)現(xiàn)，確保用戶(hù)能夠友好直觀地使用App2應(yīng)用層應(yīng)用層是App的核心功能區(qū)域，包括各種業(yè)務(wù)邏輯的實(shí)現(xiàn)在應(yīng)用層，開(kāi)發(fā)人員使用編程語(yǔ)言。

app界面結(jié)構(gòu)層級(jí)分析

1、A端B端C端解釋如下 對(duì)于A端B端C端的意思解釋如下 A端是開(kāi)發(fā)界面既管理員所接觸的界面B端是商家界面通常為企業(yè)或商家為工作或商業(yè)目的而使用的系統(tǒng)型軟件工具或平臺(tái)既游覽器界面，依托于web界面C端是用戶(hù)界面，個(gè)人用戶(hù)或終端用戶(hù)，使用的是客戶(hù)端既app界面，用戶(hù)所接觸最為廣泛的界面。

2、完整的流程，分層次設(shè)計(jì)，自下而上去完成1策略層，定義產(chǎn)品使命價(jià)值目標(biāo)人群2愿景功能層定義核心場(chǎng)景功能列表3結(jié)構(gòu)層做流程圖信息架構(gòu)，確定主導(dǎo)航主菜單4框架層梳理每一個(gè)主界面的內(nèi)容布局5表現(xiàn)層視覺(jué)設(shè)計(jì)，涉及圖標(biāo)配色切圖產(chǎn)品經(jīng)理主要關(guān)注1~2，在去找設(shè)計(jì)師之前，請(qǐng)先問(wèn)自己。

3、技術(shù)干貨ApplewatchAPP設(shè)計(jì)規(guī)范 一規(guī)范概要 1導(dǎo)航形式 層級(jí)式，通過(guò)當(dāng)前頁(yè)面點(diǎn)擊跳轉(zhuǎn)到另外頁(yè)面的形式適合應(yīng)用于復(fù)雜產(chǎn)品，需要層層遞進(jìn) 頁(yè)面式，頁(yè)面切換，滑動(dòng)，類(lèi)似輪播 AppleWatch導(dǎo)航形式任選其一，不得同時(shí)存在 2交互方式 輕觸列表按鈕切換等控件的操作 手勢(shì)縱向輕掃，界面滾動(dòng)橫向輕掃，界面導(dǎo)航之間。

4、1 標(biāo)題欄標(biāo)題欄通常位于應(yīng)用界面的最上方，用于展示應(yīng)用或當(dāng)前頁(yè)面的名稱(chēng)它是用戶(hù)識(shí)別應(yīng)用以及了解當(dāng)前所在頁(yè)面內(nèi)容的重要依據(jù)標(biāo)題欄通常包含應(yīng)用的名稱(chēng)和當(dāng)前頁(yè)面的標(biāo)題，使用戶(hù)能夠快速識(shí)別并了解所在頁(yè)面的功能2 導(dǎo)航欄導(dǎo)航欄是應(yīng)用界面中的一個(gè)重要部分，通常位于界面的頂部或底部它提供了。

5、5然后這一步是選擇APP的圖標(biāo)，選擇完成之后點(diǎn)擊下一步6然后這一步是選擇界面的模版，這里選擇空白模版“BlankActivity”既可以了，點(diǎn)擊下一步7然后這一步是輸入主界面的名字，默認(rèn)就可以了，點(diǎn)擊完成8然后項(xiàng)目就創(chuàng)建完成了，項(xiàng)目的結(jié)構(gòu)如下建筑行業(yè)結(jié)構(gòu)設(shè)計(jì)需要掌握哪些基本軟件。

6、橫排方塊把并列元素橫向顯示的一種布局常見(jiàn)的工具欄，TAB，Coverflow 等都采用這種布局九宮格TAB多面板彈出框手風(fēng)琴用戶(hù)點(diǎn)擊分類(lèi)可展開(kāi)顯示二級(jí)內(nèi)容，在不用的時(shí)候，內(nèi)容是隱藏的可承載比較多的信息，同時(shí)保持界面簡(jiǎn)潔抽屜側(cè)邊欄抽屜也是將內(nèi)容先藏起來(lái)，在需要時(shí)再展開(kāi)標(biāo)簽在。

app界面分析六個(gè)方面

修改安卓APP界面布局步驟FileNewandroidxmlfile，選擇一個(gè)最外層的容器，輸入名字便可創(chuàng)建可以復(fù)制一個(gè)已有的布局，在里面做修改View7種布局概述 1線(xiàn)性布局LinearLayout2相對(duì)布局RelativeLayout3表格布局TableLayout4列表視圖ListView5網(wǎng)格視圖GridView6絕對(duì)布局。

當(dāng)前主流的App登錄界面一般不顯示標(biāo)題欄，界面整體顯示大方，空間感強(qiáng)，上半部分一般展示圖片可能是應(yīng)用的logo文字應(yīng)用的名稱(chēng)或一個(gè)體現(xiàn)App的短句或者圖片加文字的方式 三 輸入框和登錄按鈕 1純輸入框，里面有輸入內(nèi)容的提示文字 2輸入框增加一個(gè)小圖標(biāo)，用來(lái)標(biāo)識(shí)需要輸入的內(nèi)容 3輸入框前。

這個(gè)沒(méi)有統(tǒng)一標(biāo)準(zhǔn)，最基本的APP界面類(lèi)型一般有八種，包括啟動(dòng)頁(yè)引導(dǎo)頁(yè)蒙層引導(dǎo)空白頁(yè)登錄注冊(cè)頁(yè)首頁(yè)個(gè)人中心頁(yè)列表頁(yè)1啟動(dòng)頁(yè)啟動(dòng)頁(yè)是指用戶(hù)打開(kāi)應(yīng)用軟件時(shí)看到的過(guò)渡頁(yè)面，通常有15秒的時(shí)間，主要用來(lái)緩解用戶(hù)等待應(yīng)用啟動(dòng)時(shí)的焦慮情緒2引導(dǎo)頁(yè)引導(dǎo)頁(yè)是指用戶(hù)安裝或更新APP后首次啟。

以上主要是從 視覺(jué)表現(xiàn)手法 的角度，去思考界面中存在的細(xì)節(jié)問(wèn)題及相應(yīng)的優(yōu)化方案例如，通過(guò)元素的大小色彩位置距離等方法對(duì)視覺(jué)元素進(jìn)行組織，為用戶(hù)提供清晰的視覺(jué)信息結(jié)構(gòu)但在此之前，更重要的是，我們需要 對(duì)界面中的信息進(jìn)行歸納組織，明確信息層級(jí) 否則，有可能導(dǎo)致無(wú)法準(zhǔn)確傳達(dá)信息下面。

最簡(jiǎn)單的判定方式需要按返回鍵 返回的都叫上一界面的二級(jí)界面Android有回退棧，不管是Activity，還是Fragment，位于棧底叫一級(jí)，以此類(lèi)推程序主界面叫一級(jí)，譬如說(shuō)微信點(diǎn)進(jìn)去首先看到的是四個(gè)Tab，所以是一級(jí)，且四個(gè)Tab不是同過(guò)返回鍵來(lái)組織的，所以它們是同級(jí)網(wǎng)頁(yè) 是構(gòu)成網(wǎng)站的基本元素，是。

4 詳細(xì)信息界面Detail View 5 插入操作界面 執(zhí)行特定的操作二基本UI組件 1 導(dǎo)航控件Navigation Bar與控制控件Control 2 列表 每一個(gè)列表項(xiàng)都是進(jìn)入該應(yīng)用各項(xiàng)功能的入口，并且模塊之間的切換需要返回到列表主頁(yè)最適合呈現(xiàn)經(jīng)常更新的視覺(jué)效果直觀的無(wú)層級(jí)內(nèi)容，可采用網(wǎng)格布局或輪盤(pán)布局。

微觀視圖結(jié)構(gòu) 例如列表視圖中每組信息可以是文本視圖純文本圖文視圖純圖片文本+圖片視圖，在一些較個(gè)別的App中還存在“卡片視圖”，比如探探，一個(gè)界面就一個(gè)視圖，可以以卡片形式，通過(guò)滑動(dòng)切換視圖內(nèi)容 “控”指的是“控件”，說(shuō)起控件，App里面的控件真是太多了，不說(shuō)具體的，就按照類(lèi)別劃分最常見(jiàn)的各種。