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

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

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

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

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

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

4、1 標(biāo)題欄標(biāo)題欄通常位于應(yīng)用界面的最上方，用于展示應(yīng)用或當(dāng)前頁面的名稱它是用戶識別應(yīng)用以及了解當(dāng)前所在頁面內(nèi)容的重要依據(jù)標(biāo)題欄通常包含應(yīng)用的名稱和當(dāng)前頁面的標(biāo)題，使用戶能夠快速識別并了解所在頁面的功能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、橫排方塊把并列元素橫向顯示的一種布局常見的工具欄，TAB，Coverflow 等都采用這種布局九宮格TAB多面板彈出框手風(fēng)琴用戶點(diǎn)擊分類可展開顯示二級內(nèi)容，在不用的時(shí)候，內(nèi)容是隱藏的可承載比較多的信息，同時(shí)保持界面簡潔抽屜側(cè)邊欄抽屜也是將內(nèi)容先藏起來，在需要時(shí)再展開標(biāo)簽在。

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

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

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

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

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

最簡單的判定方式需要按返回鍵 返回的都叫上一界面的二級界面Android有回退棧，不管是Activity，還是Fragment，位于棧底叫一級，以此類推程序主界面叫一級，譬如說微信點(diǎn)進(jìn)去首先看到的是四個(gè)Tab，所以是一級，且四個(gè)Tab不是同過返回鍵來組織的，所以它們是同級網(wǎng)頁 是構(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)功能的入口，并且模塊之間的切換需要返回到列表主頁最適合呈現(xiàn)經(jīng)常更新的視覺效果直觀的無層級內(nèi)容，可采用網(wǎng)格布局或輪盤布局。

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