導(dǎo)語：很多新手學(xué)習(xí)UI設(shè)計，先從臨摹圖標(biāo)、界面開始，臨摹固然沒錯，能提高動手能力、審美，但是想通過臨摹找到一份稱心如意的工作，單靠機械地臨摹已然不行，今天我們撰一篇掃盲文，我們到底該設(shè)計什么樣的界面，本文主要從APP設(shè)計為例，主要從展示頁、列表頁、功能頁、正文頁、雜項頁深入剖析！

1、展示頁

展示頁用來呈現(xiàn)內(nèi)容，常作為首頁、重要模塊的第1個頁面、用戶資料、詳情等，目的是吸收信息，然后信息轉(zhuǎn)化成情感并推動我們的行動，提高用戶轉(zhuǎn)化的概率。展示頁主要是讓用戶自然傳遞，接下來你做什么

1-1 產(chǎn)品首頁/模塊首頁

首頁是用戶進入的第一個頁面，用它來傳遞產(chǎn)品不同特質(zhì)等，使用戶印象深刻，內(nèi)容區(qū)通常包括輪播圖、宮格導(dǎo)航、編輯精選等

1-2 用戶資料

用戶資料應(yīng)體現(xiàn)情感化設(shè)計，就應(yīng)該把個性信息展示出來，譬如我們可以設(shè)置個性化頭像、起一個彰顯魅力的昵稱、寫一句騷破天際的簽名，還會展示一些諸如粉絲、評論、積分、人氣等信息

1-3 商品詳情

用戶消費都是沖動，此刻的任務(wù)就是激發(fā)用戶購買的沖動。

2、列表頁

現(xiàn)在不缺乏信息，而是如何在海量趨于同質(zhì)化的信息中快速找到我們想要的信息，我們希望信息是按照某個規(guī)則排列的，哪怕繁瑣。為了幫助用戶更高效找到相關(guān)信息，會設(shè)計方便用戶尋找的方法，如篩選條件。

2-1排序，包括時間排序、字母排序、關(guān)注熱度排序、決策信息排序等

2-2分類與標(biāo)簽

2-3分類與篩選

2-4搜索更加準(zhǔn)確找到目標(biāo)，通過關(guān)鍵字非常便捷

3、正文頁

例如新聞資訊、小說閱讀頁等

3-1尋找，篩選查找

3-2注視，圖形化、可視化設(shè)計

3-3閱讀 沉浸式場景，去除多余干擾

3-4快速瀏覽 精簡的信息更具可讀性

4、功能頁

讓用戶參與，更準(zhǔn)確、順利、快速完成任務(wù)，可靠，讓用戶知道他能控制一切；把任務(wù)拆分，流程化，常見的如登錄、注冊、發(fā)布、評價等

5、其他頁

5-1歡迎頁

功能與服務(wù)介紹、氣氛營造、操作手冊

5-2過渡頁

通常是指產(chǎn)品每次打開，重要場景切換，防止用戶覺得跳轉(zhuǎn)突兀，像微信著名的過渡頁，一個形影單只的小男孩，站在浩瀚無邊的宇宙前，引無數(shù)共鳴，曾一度讓我潸然淚下。

5-3加載頁

解決網(wǎng)絡(luò)速度、計算速度、傳播速度等

5-4沉浸頁

這是一種頁數(shù)的頁面形式，視頻播放、小說閱讀、電話等，我們經(jīng)常在地鐵上看到很多男男女女打游戲、看大片兒、讀小說都是選擇了沉浸模式，讓人能更加專注其中，不被干擾。

原文鏈接：https://www.ui.cn/detail/457822.html