2019-6-24 資深UI設(shè)計者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
設(shè)計師在日常溝通的時候，是不是經(jīng)常會遇到說了半天結(jié)果大家說的不是一件事的情況？筆者認(rèn)為，要解決這個問題，首先要統(tǒng)一名詞，保證溝通的準(zhǔn)確度。下面是筆者整理的一些關(guān)于 APP（小程序）名詞的規(guī)范樣例，希望能幫助到剛剛?cè)胄械耐瑢W(xué)們。我們從下載并使用一個 APP 的流程來展開說明。
1. 啟動圖標(biāo)
點擊后可以啟動 APP 的圖標(biāo)，如圖分別是淘寶在不同場景下的啟動圖標(biāo)。
2. 應(yīng)用市場展示頁
在應(yīng)用市場中為了幫助用戶在下載之前了解 APP 功能的頁面叫應(yīng)用市場展示頁，也能夠通過優(yōu)秀的 UI 設(shè)計吸引用戶下載。
如圖中紅框內(nèi)分別是蘇寧易購、設(shè)計本、當(dāng)當(dāng)網(wǎng)的應(yīng)用市場展示頁。
3. 啟動頁（閃屏）
APP 啟動后加載過程中顯示的頁面叫啟動頁，如圖是微信、有道云筆記、得到的啟動頁。一般啟動頁的設(shè)計都會比較簡潔，只有啟動圖標(biāo)+solgen，或是吉祥物、一張精美圖片的形式。
4. 廣告頁
國內(nèi)一些公司由于變現(xiàn)困難在啟動頁之前或之后，進(jìn)入主頁之前加了一張廣告頁，主要用來顯示接的廣告或自己公司的運營活動，可以跳轉(zhuǎn)鏈接或打開其他 APP。
如圖是 UC瀏覽器、網(wǎng)易云音樂、寶寶樹的廣告頁。
5. 引導(dǎo)頁
用戶第一次打開 APP 后為用戶介紹 APP 主要功能的頁面，只顯示一次，或是 APP 版本更新后用來介紹新版本新功能。
如圖是前程無憂 APP 的引導(dǎo)頁。
6. 首頁
進(jìn)入 APP 后默認(rèn)顯示的頁面，如圖是微信、澎湃新聞、淘寶的首頁。
7. 一級頁面
一般指通過底部標(biāo)簽切換的方式能夠到達(dá)的頁面。如：
8. 二級頁面
指通過一次反饋操作能夠回到一級頁面的頁面，叫二級頁面。
如圖分別是微信聊天頁面、朋友圈頁面、支付寶我的余額頁面，它們都是二級頁面。
9. 注冊登錄頁面
用戶注冊賬號、登錄賬號的頁面。如圖是洪恩故事的注冊登錄頁。
10. 個人主頁/我的頁面
顯示用戶個人信息、和用戶有關(guān)的訂單、收藏、優(yōu)惠券、課程、商品等等信息的頁面。
如圖是 luckin 咖啡、家長幫、丁香醫(yī)生的個人主頁。
11. 菜單導(dǎo)航頁
包含很多分類、不同欄目，可以跳轉(zhuǎn)到很多個不同內(nèi)容頁面的頁面叫做菜單導(dǎo)航頁。一般首頁大部分屬于菜單導(dǎo)航頁，如我們的 pro 小程序的首頁就是一個菜單導(dǎo)航頁。
如圖是一條、新世相閱讀、美圖秀秀的菜單導(dǎo)航頁。
12. 搜索頁面
用于搜索的頁面。有的 APP 沒有單獨的搜索頁面只有一個輸入框，有的有單獨的，因為可以放一些推薦內(nèi)容或廣告位。
如圖是喜馬拉雅 FM、貝貝、搜狗閱讀的搜索頁。
13. 設(shè)置頁面
更改 APP 設(shè)置的頁面，如圖是百度閱讀、淘票票、夸克瀏覽器的設(shè)置頁面。
14. 詳情頁面
展示內(nèi)容詳細(xì)信息的頁面，如圖分別是淘寶的商品詳情頁、起點學(xué)院的課程詳情頁、今日頭像的咨詢詳情頁。
15. 關(guān)于我們頁面
介紹 APP 版本信息、功能介紹、公司信息、聯(lián)系方式、版權(quán)聲明的頁面。
如圖分別是夸克瀏覽器、極客時間、火辣健身的關(guān)于我們頁面。
16. 意見反饋頁面
一般的 APP 都會設(shè)計一個意見反饋功能來收集用戶需求，對應(yīng)的頁面就是意見反饋頁面。
如圖分別是貝貝、阿里釘釘、花生地鐵的意見反饋頁。
APP 中的頁面類型大致可以分為以上這些，上邊所寫的頁面名稱是被使用得最多的、最規(guī)范的名稱。溝通時使用上面的頁面名稱應(yīng)該 90% 的成員都能理解。
對于不同類型的頁面名稱一般設(shè)計師用的比較多，叫法也最準(zhǔn)確，以上名稱是在一些專業(yè)的 UI 設(shè)計網(wǎng)站查閱資料，又和幾個設(shè)計師朋友確認(rèn)后擬定的，準(zhǔn)確度可以保證。
1. 編程語言
人的語言可以分為漢語、英語、法語等等，計算機的語言同樣可以分為 java、php、html 等等，這些語言就是編程語言。不同的程序員會的語言不同，每一種語言都需要單獨學(xué)習(xí)。
2. 程序
通過編程語言給計算機下達(dá)任務(wù)，讓它理解我們要做什么。用編程語言給計算機/手機下達(dá)的任務(wù)書就是程序。
3. 數(shù)據(jù)類型
編程語言中用來區(qū)分?jǐn)?shù)據(jù)格式的標(biāo)記，如記錄數(shù)字和記錄漢字就要使用不同的數(shù)據(jù)類型。
如：
4. 變量
沒有固定值的量，例如：定義一個變量 X 表示繪本名稱，那 X 可能叫《我不喜歡哭》，也可能叫《鱷魚媽媽》。即用一個單詞表示物體的一個屬性，如上面說的繪本標(biāo)題。
5. 接口
電腦需要調(diào)用手機里面的信息，這時候你會拿一根數(shù)據(jù)線將電腦手機連接起來，電腦和手機上連接數(shù)據(jù)線的接口就是傳說中的 API 接口──即獲取數(shù)據(jù)、獲取某種功能的通道。
如在 pro 小程序中要想在前端展示文章，那么在定義完文章標(biāo)題的字號、顏色等等后就需要設(shè)計師提供給接口獲取具體的文章內(nèi)的文字，常說的 API 就是接口的意思。
6. 客戶端（前端）和后臺
客戶端是用戶使用軟件時能夠看到的軟件界面，后臺是控制前端內(nèi)容、功能的控制器，一般給軟件開發(fā)者使用。
7. 寫死和后臺傳過來
寫死就是程序員直接在 html 代碼中直接把具體文字寫出來，想修改的話只能在代碼中進(jìn)行修改，后臺傳過來就行。程序員在 html 代碼中不寫具體文字，而是寫一個變量，這個變量可以在后臺修改成不同的內(nèi)容。
例如，要設(shè)計一個管理不同城市分公司的軟件，需要一個下拉選擇框切換不同城市的分公司，這個需求在技術(shù)上有兩個實現(xiàn)辦法：
第一種方案比較靈活，當(dāng)城市數(shù)據(jù)有變化（在新的城市成立了新的分公司）可以在后臺直接添加，前端不需要做修改。缺點是需要開發(fā)相應(yīng)接口，有一定工作量。第二種是比較快速的辦法，省去了開發(fā)接口的工作量。
具體使用哪種方案要根據(jù)具體場景選擇，如廣告位的圖片就不適合寫死，而是要開發(fā)對應(yīng)的接口能夠在后臺靈活更換修改。像導(dǎo)航欄中部的頁面名稱的文字一般不會有變化就可以直接寫死。
8. 服務(wù)器
提供服務(wù)的機器，如微信的服務(wù)器就提供了聊天、傳文件、視頻、朋友圈等服務(wù)，用戶連接服務(wù)器（登錄）后由服務(wù)器對數(shù)據(jù)和信息進(jìn)行處理，再返回給用戶結(jié)果，而不是在用戶自己的電腦/手機上處理。
9. 數(shù)據(jù)庫
儲存用戶信息、軟件內(nèi)容的地方，保存一切數(shù)據(jù)的倉庫。
如我們 pro 小程序的專家文章就保存在自己的數(shù)據(jù)庫中，上次出問題打不開文章就是數(shù)據(jù)庫出了問題，其余鏈接式的文章是保存在微信的服務(wù)器上，我們鏈接到微信的服務(wù)器上他為我們提供瀏覽文章的服務(wù)，數(shù)據(jù)庫是服務(wù)器的一部分。
10. 類、對象、抽象和實例
抽象在技術(shù)術(shù)語里的意思是提煉出一個通用模板，然后基于模板做具象化的實現(xiàn)。
例如：在現(xiàn)實世界中關(guān)于人的分類，會有男人、女人、老人和小孩，如果將這個具體的分類抽象出一個類別，得到的抽象結(jié)果就是人。所以，人就是一個抽象出來的分類，也就是技術(shù)術(shù)語里面的「類」。
在編程語言的世界中，通過程序語言描述現(xiàn)實世界中的事物時，使用的就是抽象的方法，將一類事物抽象成一個類。有了類以后就可以根據(jù)類具體出實例，如根據(jù)「人」這個類可以具體出老人、小孩，這樣的人就叫實例。
11. 程序員說的「打印」
在調(diào)試程序或開發(fā)測試的時候經(jīng)常出現(xiàn)打印這個詞，程序員口中的打印不是用打印機打印出文字或圖片，而是表示結(jié)果輸出。這個輸出不是輸出到現(xiàn)實世界的紙張上，而是把程序運行的結(jié)果輸出到他的電腦屏幕上，進(jìn)而查看程序運行是否正確。這個把程序運行的結(jié)果輸出到屏幕上的過程就叫打印。
12. 架構(gòu)和框架
架構(gòu)和框架是程序員經(jīng)常提到的兩個技術(shù)概念，在工作崗位上也有架構(gòu)師這一崗位。
我們通過舉例來理解這兩個概念，例如：修建房屋時會有一個總設(shè)計師負(fù)責(zé)設(shè)計整體藍(lán)圖和規(guī)劃，這個工作就可以理解為架構(gòu)師的工作。
架構(gòu)設(shè)計好后，繼續(xù)進(jìn)入具體施工的環(huán)節(jié)，施工時可以完全自己設(shè)計裝修方案，也可以使用一些現(xiàn)有的比較成熟的裝修模板來套用，這里的裝修模板就是框架。框架就是使用現(xiàn)有的成熟技術(shù)框架簡化開發(fā)過程，降低復(fù)雜度、減少工作量。現(xiàn)在很多軟件的開發(fā)都會使用一些比較成熟的開發(fā)框架代替純自主開發(fā)來提率。
13. 控件和組件
任何一個網(wǎng)頁或 APP 都是由大量的輸入框、按鈕、圖文展示框組成的，這些組成頁面的最小元素就叫控件。一個按鈕是一個控件，一個輸入框也是一個控件。
而組件是一種功能更全面的升級版控件，可以把組件理解成多個控件的組合。如 tab 欄就是一個組件，它是由圖標(biāo)、文字、按鈕等組成的。
14. 進(jìn)程和線程
經(jīng)常聽程序員討論進(jìn)程和線程，如涉及到一些復(fù)雜功能的時候程序員會說已經(jīng)同時開了幾個線程在處理了。
還是通過實例來說明，例如：我們點擊一個 APP 的啟動圖標(biāo)，手機的操作系統(tǒng)就會給這個 APP 分配運行資源（CPU和內(nèi)存），分配好后這個 APP 就會開始運行。這里說的 APP 運行就是一個進(jìn)程，也可以理解為每一個正在運行的 APP 都是一個進(jìn)程，如我們同時打開的微信和淘寶，那么就同時存在兩個進(jìn)程。當(dāng)手機的 cpu 資源或內(nèi)存不足時就會關(guān)閉當(dāng)前沒有正在使用的進(jìn)程（APP），進(jìn)程就會被終止，對應(yīng)的 APP 也就關(guān)閉了。
相對于進(jìn)程，線程是一個更小的程序運行單位。一個 APP 中可以包含多個線程，如負(fù)責(zé)發(fā)送聊天信息的線程、負(fù)責(zé)連接網(wǎng)絡(luò)的線程。APP 之所以能夠同時完成很多功能就是因為存在多個線程，多個線程可以保證系統(tǒng)資源被合理地分配和利用。
15. 腳本
腳本這個詞出現(xiàn)的頻率也比較高，程序員有時候就會說「弄一個腳本統(tǒng)一處理一下」。腳本也是一種計算機程序，一般用來代替人工重復(fù)的操作，例如：我們可以通過一個固定格式的表格，來把繪本信息導(dǎo)入到數(shù)據(jù)庫中，就是使用了腳本。
腳本一般沒有圖形界面，通過代碼命令的形式使用，腳本一般是程序員使用的。
藍(lán)藍(lán)設(shè)計( www.gyxygd.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍(lán)藍(lán)設(shè)計的小編 http://www.gyxygd.cn