不同功能的App有著不一樣的首頁模塊，選擇一種適合產品本身的首頁展示方式非常重要，那麼今天米醋就來跟大家說一說首頁與列表頁的設計。
首頁設計
現在的App首頁同質化現象越來越嚴重，頁面基本都朝著一個方向去設計，作為設計師而言，一定要做到多看多用才能夠體會哪種展示方式更適合產品本身。下面介紹一下首頁最常見的4種表現形式，分別是列表型首頁、圖標型首頁、卡片型首頁和綜合型首頁，不同類型的首頁布局承載著不同的內涵與趨勢。
1.列表型
列表型的首頁是指在一個頁面上展示同一個級別的分類模塊。模塊由標題文案和圖像組成，圖像可以是照片或圖標。列表型的首頁更方便點擊操作，上下滑動也可以查看更多的類容。
2.圖標型
當首頁分類為主要的幾個功能時，可以採取圖標的形式進行展示。圖標型的首頁最好是在第一屏展示完整，將點擊做到最簡單。
3.卡片型
在遇到操作按鈕、頭像和文字等信息比較複雜的情況時，可以選擇卡片型的首頁展示方式。卡片形式能讓分類中的按鈕和信息緊密聯繫在一起，讓用戶一目了然，同時還有效地加強內容的點擊性。
4.綜合型
電商類產品模塊的表現方式比較多，有圖標形式也有卡片形式等，如何才能讓多塊內容在頁面中清晰易讀，這就是考驗設計師能力的時候了。對於綜合型的首頁設計，要特別注意分割線和背景顏色的區分不能太明顯了，選擇比較淡的分割線和背景色來區分模塊即可，因為讓頁面的模塊感覺是一個整體才能讓用戶使用起來更為輕鬆愉悅。
個人中心頁
在一個App中，個人中心頁又稱為「我的」頁面，通常設計在底部菜單欄的最後一個地方。在社交應用中，個人中心有兩種角色的劃分，一個是我的主頁面，還有一個是他人的中心頁面。我的個人頁面可以自己進行編輯，而他人的頁面是用來關注或進行私信交流的。所以，個人中心頁與其他頁面在功能上還是有場景區分的。
個人中心頁主要由頭像、個人信息和內容模塊組成，通常會採用頭像居中對齊的方式進行設計，目的是為了體現當前頁面的信息都與本人有關，頭像一般會採用圓形，因為這樣看起來更為協調，同時畫面也會顯得更為飽滿。
而另外一種設計是以頭像居左對齊為主，在信息比較多的情況下會採用這種設計來節省空間，同時也能讓內容在一屏上展示完整。
在社交應用中，更多的是要凸顯人與人的關係，所以個人中心的關注的和粉絲數是兩個非常重要的信息。在設計時，應該著重凸顯數字，這樣才能體現個人在群體里的價值。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/298370.html
微信掃一掃 
支付寶掃一掃 