燚軒科技 助力中小型企業(yè)
關(guān)注行業(yè)新聞 把握時代脈搏
APP知多少:你真的了解APP嗎?



我們用過的APP數(shù)不勝數(shù),但是更多的是局限于其功能方面,一個APP包括哪些元素,APP完整的五臟六腑你可知曉?對此鄭州app開發(fā)接下來就一一解答。

APP,全稱是application,意思是應(yīng)用程序,即裝在智能手機里的各類軟件。APP和移動操作系統(tǒng)(iOS、Android等)共同構(gòu)成能手機的軟件部分。
智能手機之所以智能,很大的功勞要歸于APP。我們用微信和朋友聯(lián)系,用網(wǎng)易云音樂聽音樂,用音悅臺看Mwww.yxsci.ccV,用美團叫外賣,用京東、淘寶購物…。毫不夸張的說假如沒有了各類功能強大的APP,我們的生活便黯然失色。作為互聯(lián)網(wǎng)從業(yè)人員,僅僅停留在會用APP是不夠的,必須深入了解它,才能更好的設(shè)計它。
本文包括以下內(nèi)容:
各種“欄”:狀態(tài)欄、導(dǎo)航欄、標簽欄、工具欄、搜索欄、范圍欄。
內(nèi)容視圖:列表視圖、卡片視圖、集合視圖、圖片視圖、文本視圖。
控制元素:用于控制產(chǎn)品行為或顯示的信息。
臨時視圖:警告視圖、操作列表、toast、模態(tài)視圖。
(本文所描述的數(shù)值是以iOS系統(tǒng)為準,與Android系統(tǒng)的控件數(shù)值有差異)
各種“欄”
1.狀態(tài)欄(Status Bar)
用來呈現(xiàn)信號、時間、電量等信息,Android系統(tǒng)還會顯示未讀信息的提示。高度20pt,位于整個APP界面的頂部。
狀態(tài)欄
2.導(dǎo)航欄(Navigation Bar)
導(dǎo)航欄也被稱為標題欄,一般會顯示標題,也可以放搜索、分段式控件或者其它功能入口。高度44pt,位于狀態(tài)欄下方。
搜索
3.標簽欄(Tab Bar)
讓用戶在不同的子任務(wù)、視圖和模式中進行快速切換。標簽欄上一般有會三到五個圖標,若超過五個,可以考慮將第五個圖標用更多表示。高度49pt,位于APP最底部。
底部標簽
4.工具欄(Tool Bar)
工具欄上防止著用于操作當(dāng)前頁面中各對象的控件,位于APP最底部。高度通常設(shè)計成44pt。
工具
5.搜索欄(Seach Bar)
用于搜索內(nèi)容,幫組用戶精準的找到自己所需的信息和功能??晌挥趯?dǎo)航欄下方,也可以放在導(dǎo)航欄上。高度可以自定義,一般設(shè)計為44pt。
搜索
6.范圍欄(Scope Bar)
只有和搜索欄一起時才會出現(xiàn),用于定義用戶的搜索范圍。位于搜索欄下方,高度可自定義,一般為30pt~44pt。
范圍
內(nèi)容視圖
1.列表形式(List style)
每條列表可以是單挑的圖片形式或文本形式,也可以是圖文結(jié)合的方式。每條列表之間會用分割線進行區(qū)分,利用“緊密、對比、重復(fù)、對齊”的原則設(shè)計每條列表的信息,使得信息清晰有力的傳達給用戶。
列表形
2.卡片形式(Card style)
將同類信息歸納到一個矩形或者圓角矩形當(dāng)中??ㄆ梢员欢询B、覆蓋、移動,這樣極大的擴展了一個內(nèi)容塊的視覺深度和可操作性??ㄆ谠O(shè)計形式上可以增加邊緣、陰影,使得卡片具有立體感。
卡片形
3.集合視圖形式(Collection View)
將同類信息用平鋪的形式展現(xiàn),一般以圖片為主題,文字為輔助信息。多用于展示商品、照片、音樂等富媒體信息。
集合視
4.圖片形式(Image style)、文本形式(Text style)
圖片和文本視圖比較好理解,所以放在一起,圖片形式多見于圖片社交類APP,文本形式常見于內(nèi)容類APP。
公眾號“UE修養(yǎng)”&花瓣AP
內(nèi)容視圖是整個APP信息展示的主要形式,上述的五種常見視圖形式很多時候并不是獨立出現(xiàn)的,它們常?;旌铣霈F(xiàn),例如有些內(nèi)容視圖即屬于卡片、又屬于列表形式,大家要在透徹理解的基礎(chǔ)上靈活運用。
控制元素
控制元素用于控制產(chǎn)品行為或顯示信息,常見的控制元素見下圖。
控制元素
臨時視圖
臨時向用戶提供重要信息,或提供額外的功能和選項。常見的有警告視圖、操作列表、toast、模態(tài)視圖。
警告視圖(Alert View):必須包含標題,或者標題加正文,有一個或者多個按鈕。
操作列表(Action Sheet):由用戶某個操作行為觸發(fā),包含兩個或以上的按鈕。
toast:在用戶觸發(fā)某個操作時,彈出toast來對該操作進行反饋。
模態(tài)視圖:占據(jù)整個屏幕或者大部分屏幕,包含完成當(dāng)前任務(wù)所需的文字和控件,通常也會一個完成任務(wù)的按鈕(點擊后即可完成任務(wù),當(dāng)前模態(tài)視圖也會消失),和一個取消按鈕(點擊后即放棄當(dāng)前任務(wù),同時當(dāng)前模態(tài)視圖消失)
警告視圖&操作列表&模態(tài)視
一個完整的APP包括四大類:各種“欄”;內(nèi)容視圖;控制元素;臨時視圖。你get了嗎?以上信息由鄭州app開發(fā)公司燚軒科技整理發(fā)布。
版權(quán)與免責(zé)聲明
鄭州APP開發(fā),鄭州小程序開發(fā)燚軒軟件科技有限公司聲明:如發(fā)現(xiàn)內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息發(fā)郵件至854221200@qq.com,我們將及時溝通處理。本站內(nèi)容源于網(wǎng)絡(luò),涉及內(nèi)容、言論與本站無關(guān)
上購物越來越普遍,幾乎每個人都在使用網(wǎng)上購物,通過網(wǎng)上購物,人們可以不用外出購物就能享受到購...

的整容術(shù)、日本的化妝術(shù)、并稱為“亞洲四大邪術(shù)”的中國的PS術(shù),深受青年女性群體的歡迎。無論是...

人的生活,無論是逛街,吃飯,買東西,都離不開APP的幫助,正是因此,許多企業(yè)也都開始開發(fā)自身...

么樣?哪家做的小程序更加優(yōu)質(zhì)一些呢?對于想要投資小程序開發(fā)的投資者來說,如果知道這兩個問題的...

出的報價有高有底,即便是有兩三家開發(fā)公司給出的報價是一樣的,但是對于投資者來說也不知道該如何...

公司來說,企業(yè)投資者心里首先想的是費用,對于小程序的認識一般都還很簡單,這個階段投資者不考慮...
