如何去區分app中的頁面與欄位

㈠ 如何判斷app中原生頁面和h5 頁面

判斷app裡面哪些是app原生寫的哪些是html代碼方法：
把手機的網路斷掉。然後點開頁面。然後可以正常顯示的東西就是原生寫的。
顯示404或則錯誤頁面的是html頁面。

㈡ 怎樣查看app中的網頁比如這個

查看app中的網頁，需要點擊網頁進入後，找到頁面中相關功能按鈕，就可以如同在瀏覽器查看一樣使用，具體步驟如下。

1、打開需要查看網頁的app，一般需要登錄賬號，找到需要查看的網頁，示例如圖。

㈢ app頁面布局各部件叫什麼名稱

一般包括啟動封面、對話框、按鈕、面板、菜單、標簽、圖標、滾動條及狀態欄等部件。

1、啟動封面：app啟動時的歡迎界面。

2、對話框：輸入信息包括由用戶選擇yes或no的選擇鈕、輸入文件名的正文框，或其他設置各種參數的輸出入框。輸出包括各種提示，可選項及錯誤消息等。

4、面板：作為元素容器。所有可調整大小中，當容器中停靠，彼此進行維護。 容器通過CPaneContainer Class表示。 每個容器包含指向其左窗格、右、子窗格左側容器、正確的子容器和拆分。

5、菜單：顯示一組操作或命令的清單，每一菜單項可以是文字或圖符。菜單可用移動游標或滑鼠鍵來選取。其分為固定或活動(如彈出型或下拉型)菜單。

6、滾動條及狀態欄：狀態欄用來顯示設備的信息、時間、網路等重要信息。默認是白底黑字與黑底白字。

(3)如何去區分app中的頁面與欄位擴展閱讀：

app頁面布局的相關注意事項：

1、簡易性：界面的簡潔是要讓用戶便於使用、便於了解、並能減少用戶發生錯誤選擇的可能性。

2、用戶語言：界面中要使用能反應用戶本身的語言，而不是游戲設計者的語言。

3、記憶負擔最小化：人腦不是電腦，在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩定、有限，24小時內存在25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。

4、一致性：是每一個優秀界面都具備的特點。界面的結構必須清晰且一致，風格必須與游戲內容相一致。

㈣ 如何從欄位名稱反查所有應用到該欄位的程序有哪些

• Windows 10系統修改開始菜單中應用程序名稱的方法

  點擊系統桌面左下角的【開始】，打開【開始屏幕】；

  

㈤ APP內的原生的頁面和H5頁面怎麼區分

判斷app裡面哪些是app原生寫的哪些是html代碼方法：
把手機的網路斷掉。然後點開頁面。然後可以正常顯示的東西就是原生寫的。
顯示404或則錯誤頁面的是html頁面。

㈥ app的SCU頁面指的是什麼

app的SCU頁面指的是什麼？APP頁面類型以及標准術語
1. 啟動圖標

點擊後可以啟動 APP 的圖標，如圖分別是淘寶在不同場景下的啟動圖標。

2. 應用市場展示頁

在應用市場中為了幫助用戶在下載之前了解 APP 功能的頁面叫應用市場展示頁，也能夠通過優秀的 UI 設計吸引用戶下載。

如圖中紅框內分別是蘇寧易購、設計本、當當網的應用市場展示頁。

3. 啟動頁（閃屏）

APP 啟動後載入過程中顯示的頁面叫啟動頁，如圖是微信、有道雲筆記、得到的啟動頁。一般啟動頁的設計都會比較簡潔，只有啟動圖標+solgen，或是吉祥物、一張精美圖片的形式。

4. 廣告頁

國內一些公司由於變現困難在啟動頁之前或之後，進入主頁之前加了一張廣告頁，主要用來顯示接的廣告或自己公司的運營活動，可以跳轉鏈接或打開其他 APP。

如圖是 UC瀏覽器、網易雲音樂、寶寶樹的廣告頁。

5. 引導頁

用戶第一次打開 APP 後為用戶介紹 APP 主要功能的頁面，只顯示一次，或是 APP 版本更新後用來介紹新版本新功能。

如圖是前程無憂 APP 的引導頁。

6. 首頁

進入 APP 後默認顯示的頁面，如圖是微信、澎湃新聞、淘寶的首頁。

7. 一級頁面

一般指通過底部標簽切換的方式能夠到達的頁面。如：

· 微信的一級頁面有微信、通訊錄、發現、我的；

· 淘寶的一級頁面有首頁、微淘、消息、購物車、我的淘寶；

· 澎湃新聞的一級頁面有首頁、視頻、問政、問吧、我的。

8. 二級頁面

指通過一次反饋操作能夠回到一級頁面的頁面，叫二級頁面。

如圖分別是微信聊天頁面、朋友圈頁面、支付寶我的余額頁面，它們都是二級頁面。

9. 注冊登錄頁面

用戶注冊賬號、登錄賬號的頁面。如圖是洪恩故事的注冊登錄頁。

10. 個人主頁/我的頁面

顯示用戶個人信息、和用戶有關的訂單、收藏、優惠券、課程、商品等等信息的頁面。

如圖是 luckin 咖啡、家長幫、丁香醫生的個人主頁。

11. 菜單導航頁

包含很多分類、不同欄目，可以跳轉到很多個不同內容頁面的頁面叫做菜單導航頁。一般首頁大部分屬於菜單導航頁，如我們的 pro 小程序的首頁就是一個菜單導航頁。

如圖是一條、新世相閱讀、美圖秀秀的菜單導航頁。

12. 搜索頁面

用於搜索的頁面。有的 APP 沒有單獨的搜索頁面只有一個輸入框，有的有單獨的，因為可以放一些推薦內容或廣告位。

如圖是喜馬拉雅 FM、貝貝、搜狗閱讀的搜索頁。

13. 設置頁面

更改 APP 設置的頁面，如圖是網路閱讀、淘票票、誇克瀏覽器的設置頁面。

14. 詳情頁面

展示內容詳細信息的頁面，如圖分別是淘寶的商品詳情頁、起點學院的課程詳情頁、今日頭像的咨詢詳情頁。

15. 關於我們頁面

介紹 APP 版本信息、功能介紹、公司信息、聯系方式、版權聲明的頁面。

如圖分別是誇克瀏覽器、極客時間、火辣健身的關於我們頁面。

16. 意見反饋頁面

一般的 APP 都會設計一個意見反饋功能來收集用戶需求，對應的頁面就是意見反饋頁面。

如圖分別是貝貝、阿里釘釘、花生地鐵的意見反饋頁。

APP 中的頁面類型大致可以分為以上這些，上邊所寫的頁面名稱是被使用得最多的、最規范的名稱。溝通時使用上面的頁面名稱應該 90% 的成員都能理解。

㈦ 移動開發中導航欄和搜索欄在設計中應該注意哪些問題

一、導航欄位置
在iOS上，導航欄是指顯示在應用程序頂部，位於狀態欄下方的容器區域，層級應高於當前頁面內容。在安卓上，Google公司在Material Design中也賦予了它同樣的定義，但是卻給了它另一個名稱，頂部應用欄（ Top App Bar）。
導航欄是用於構架當前屏幕的內容，闡述當前屏幕的狀態，並且起到連接父子級頁面層次結構的作用。很多人疑惑，為什麼標簽欄不能叫做底部導航？因為標簽欄是構架了多個屏幕之間平級頁面的內容切換，和導航的定義沒有任何關聯。
二、導航欄UI設計規范與實際項目的應用
基本的導航欄容器一般承載的信息可能會有：標題；導航按鈕；內容控制項按鈕；其他控制項（比如搜索欄、分頁標簽或分頁控制項等）；千萬別忘了還有分割線。

1、導航欄標題設計規范
2017年以前的移動端規范下的導航欄還是循規蹈矩的，樣式單一。但隨著iPhone X等一系列全面屏手機相繼問世後，移動設備在屏幕高度上有了進一步的擴展，界面設計在一屏內的發揮空間也隨之增加。iOS11發布後，大標題導航欄設計風格興起，隨後被引入平台規范。
於是現在iOS與Material Design在導航欄上也都定義了兩種導航欄標題規范：常規標題與大標題。

常規標題是指在高度為88px（iOS@2x下）的導航容器中，居中放置一個當前頁面的標題。標題字型大小一般為34px-38px（34px為iOS標准規范，但實際項目中可以在盡量在不小於34px標準的情況下根據設計需求確定）。

大標題是將導航欄欄高增加到192px（iOS@2x），保留高度為88px的導航容器來承載內容控制項按鈕，將標題下墜居左。iOS的標准規范定義大標題的字型大小為68px。但由於英文有大小寫區分，在視覺上有一定的層次表現，而中文因為缺少一定的層次結構，並且相同字型大小的中文視覺大小大於英文，所以大多數時候我們在進行大標題設計時，會適當縮小，一般為56px-64px居多。

大標題導航欄的優點毋庸置疑，頁面留白更多，呼吸感更強，大氣現代、更高，因為頁面標題巨大，能夠幫助用戶快速確認當前所處位置；採用統一的大標題，讓頁面布局風格快速統一。但缺點也顯而易見，因為增加了導航欄的高度，導致屏幕利用率降低，一些通過廣告變現或更加註重一屏內內容呈現的應用便中和了常規導航與大標題導航的優缺點，進行了風格改進。

2、導航按鈕及內容控制項按鈕設計規范
iOS規定導航按鈕位置僅能用於放置返回按鈕，可以添加一個層級的麵包屑，幫助用戶有效地明確當前頁面層級；Material Design中，則不僅可以放置返回按鈕，還另有作用，菜單圖標-用於打開導航抽屜 或者 關閉圖標-關閉工具欄。

與iOS的定義有著天壤之別，iOS非常明確地賦予了工具欄的定義，並且將導航欄和工具欄（Toolbars）徹底地分離開，典型案例就是Safari。在內容控制項上iOS與Material Design也大相徑庭，Material Design不去限制你的內容控制項多少，因為它提供了溢出菜單，並可以根據屏寬的變化，自適應釋出和收納溢出菜單中的控制項。

而iOS則規定我們，要給內容控制項按鈕足夠多的空間，必要的時候，隱藏導航欄標題也未嘗不可。真實的項目中我們經常為了快速落地，會存在一稿適配雙平台的情況。這時候我們應該遵從哪一個平台的規范呢？答案是：許多大廠的做法已經向我們驗證，規范不分家。

在iOS諸多的應用中溢出菜單早已普及，盡管這是Material Design提出的設計理念。雖然國內遵從Material Design進行Android應用設計的情況相對較少，但它提供的設計理念與方案卻並不局限在安卓平台。

3、分割線設計規范
分割線只是一種體現形式，我想要表達的是，別忘記區分導航欄與內容界面的視覺層級關系。Matetial Design提醒我們，頂部應用欄可以與內容位於同一高度，但滾動時，請增加導航欄的視覺高度，讓內容在其後方滾動。而iOS則默認採用了背景模糊的方式區分了導航欄與內容區域的層級關系。

4、其他控制項
關於其他控制項，iOS只在規范中提及到了分頁控制項。蘋果設計師考慮到部分場景在當前頁面中還存在信息層級結構劃分，此時建議可以在導航欄中使用分段控制項。
國內的應用程序早已將導航欄容器的作用發揮到極致，基於導航欄層級始終高於內容區域的特性，我們通常可以將分段控制項、分頁標簽、搜索欄等等用戶可能隨時使用的工具放在導航欄中。

導航欄用於構架當前屏幕的內容，闡述當前屏幕的狀態，並且起到連接父子級頁面層次結構的作用，在一個頁面發揮著重要作用，設計好導航欄不僅僅是視覺上的工作，表現的方式、承載的按鈕與組件、滾屏時的組合操作還能給用戶帶來極大的體驗增益。因此掌握好導航欄的設計技巧對一名設計師來說尤為重要！

搜索框

在視覺上以下兩點比較需要注意：

1、放大鏡圖標

使用圖標。我不想對其會增加找到搜索欄的速度進行強調。越簡單越好。越少的細節能夠保證用戶能快速地掃視它。雖然，只有一個圖標本身而沒有一個可輸入的容器或按鈕實際上會使搜索變得更加困難。人們通常會意識到，一個放大鏡圖標顯示的是一個搜索工具，即使它沒有標簽。但是糟糕的是，只有一個圖標則會使搜索更加困難。

2、一個真實的搜索按鈕

並非每個人都是學會在網上沖浪的千禧一代，這意味著，並不是每個人都知曉在他們輸入查詢之後需要按下Enter鍵。在搜索輸入旁邊添加一個實際的按鈕將幫助用戶確認他們的下一步行動，進而減少用戶所需的認知負荷。

輸入特色：

確保可輸入的長度不會太短。諾曼集團的相關研究表明，一個能輸入27個字元的輸入框，可以滿足90%的用戶需求。

添加佔位符可以幫助過濾用戶查詢行為

㈧ app界面設計要注意哪些方面

第一點：了解你的目標客戶群的心態
1、做微任務的目標客戶群(如隨時隨地看看新聞，聽聽歌，看看電影，聊聊八卦之類)：
這類的解決方案是設計的app最好是小而准，不要大而全。越全的功能應用，只能代表著這個應用在各方面的都很平庸
2、喜歡當工具來使用的目標客戶群：比如找地圖，看天氣，查數據等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群，用來打發消磨時間的：無需求，漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西，幫助客戶來打發消磨時光。

第二點：APP原型圖的製作和設計討論
這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。
常用的APP原型圖工具：移動APP原型設計神器 POP 、axure、Foreui等

第三點：APP視覺設計與設計要點
（1）大概設計板塊有APP啟動頁面設計，APP界面設計的尺寸規范，app圖標設計等
一般來說，手機屏幕是從上往下布局的，重要的信息會放在上方。但是在操作上，大部分人都是單手拿手機，常用的操作，要放在界面的下方。
另外還有一個原則，最小的觸摸單位，一般是44個像素。如果再小，你的拇指難以觸碰，或者容易引發誤操作。同時，也不要讓界面太擁擠。
所以，設計師必須用減法設計，這個過程需要花時間思考、簡化元素。
你必須記住：（1）隱藏設計或者減法設計 （2）分區或分類 （3）幫用戶做決策 （4）提高交互創新設計 （5）讓人有爽快感和新奇感 （6）在設計中浸入情感，把握用戶的心理。（談談如何進行產品設計以及產品情感化設計）
一位大師這樣說過「真正的簡約設計是：作品必須不斷的被簡化，一改再改，直到設計最終成形。」
2014年 APP設計風格趨向扁平化和卡片化。卡片，扁平化都會是移動app設計的趨勢！認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢！

第四點：APP界面設計流程

（1）. 設計APP界面時，學會從優秀APP界面設計作品中尋求靈感，以前的藝術大師，用少量的資源做了大量的設計。
（2）. 放下工作，休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻後再回到工作，帶著全新的眼光工作，比長時間冥思苦想更有
效。
（3）. 並排比較各個版式同樣有幫助。哪怕花20分鍾前將一個線條下移各5個像素分別保存，對比兩個版式就能很快分清孰好孰壞。
（4）. 由於實物展示的相對比例至關重要，所以要及早在不同的目標設備上測試。
（5）. 整個設計過程中不斷問自己「真的需要嗎？」 。支撐項目時候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會這樣會很容易也會很吸引人，
但必須始終注意剔除不必要的元素，不斷精簡。甩掉你費盡心血的部分總是難以割捨，但修改過程必須挑剔。

第五點：APP界面設計測試與預覽修正
設計完成之後，我們可以把設計圖導入手機測試或者是校正。之前發布的在線測試工具：快速在移動終端上預覽APP界面設計效果圖的方法最後：好的APP界面設計作品必然是要經過不斷升級、重復迭代的。