
內容視圖的設計樣式多種多樣,常見的樣式分類主要有列表視圖、卡片視圖、集合視圖、文本視圖和網絡視圖,下面將對這些視圖進行講解。
1. 列表視圖
列表視圖是用分割線將內容進行區分。利用緊密、對比、重復、對齊”的原則設計每條列表的信息,使信息清晰有力地傳達給用戶。列表視圖分為兩種樣式: 一種是平鋪型,另一種是分組型。
2. 卡片視圖
卡片視圖是將同類信息歸納到一一個矩形或者圓角矩形當中,在占用較少屏幕空間的情況下將信息有組織地劃分到不同的區域中。卡片可以被堆疊、覆蓋、移動,這樣極大地擴展了一個內容塊的視覺深度和可操作性。卡片在設計形式上還可以增加邊緣、陰影,使得卡片具有立體感。
3. 集合視圖
集合視圖是將同類信息用平鋪的形式展現,一般以圖片為主題,文字為輔助信息。集合視圖用于管理一系列有序的項,并以一種自定義的布局來呈現它們。例如,系統照片將圖片集合在一起,以相同大小的正方形進行展示,用戶通過點擊圖片放大查看。
4. 文本視圖
文本視圖是一個能夠顯示多行文本的區域,當因內容太多而超出其適應范圍時,可以支持滾動。同時,文本視圖支持用戶編輯,當用戶輕擊文本視圖內部時,設備喚起鍵盤并根據輸人的內容類型來指定不同的鍵盤類型,可以為用戶提供更方便快捷地輸入體驗。
5. 網絡視圖
目前絕大部分的網絡視圖是指直接在內容區域嵌入HTML5頁面,其優點是可以在服務端直接快速發布、更新內容,而不需要在應用平臺進行版本更新。例如,手機淘寶首頁內容區域就采用了嵌入HTML5的網絡視圖。 注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-15963.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050