翻頁設計細節

2022-08-18 17:33:15 字數 1070 閱讀 2024

首先乙個問題是:為什麼翻頁?其實問題很簡單,既當內容數量較多時,不能再一屏內展示完,或者是不能以無限拉評展示的時候就需要用不同的頁面來展示內容或資訊。這種問題多用於列表頁面和部分內容頁面。

雖然翻頁的呈現方式大多類似,但是不同的細節卻決定使用者能不能更便捷的找到所需要的內容。如:

現在具體記錄每乙個元素:

第一:第一頁;

第一頁呈現的是最新的、**最希望推給使用者的內容,所以再頁碼的設計師應該首先考慮的是第一頁的問題。

例如:1.第一頁是否永遠保留。               

2.當使用者再瀏覽中間頁面的時候,如何返回第一頁的展現方式。

再多數的**的針對這個體不同處理方法:

  從1和3圖可以看出都保留了第一頁的頁碼,適合於第一頁頁面的內容會發生變化,或者使用者仍需返回第一頁或者定位瀏覽。而2圖其沒有保留第一頁的頁面,其重點在於使用者聚焦於頁面周邊頁面的情況,而且其瀏覽過的內容使用者在折回的可能性比較小。

第二:最後一頁;

從圖上可以看出,頁碼中都沒有最後一頁,只是在1圖中顯示出頁碼供使用者直接跳轉,2、3圖都沒有最後一頁。足以說明最後一頁的重要性不是太高,所以在設計上應該削弱最後一頁的設計,甚至不現實也可。

第四:頁碼的顯示數量;

分析不同的**的頁碼顯示數量,發現不同的**顯示不同的頁碼數量,如2圖為google的頁碼顯示,其顯示20個頁碼。1圖為**頁碼顯示顯示n-2  n-1 n n+1  n+2為五個頁碼,3圖為163的頁碼顯示 其為7個頁面即為n-3 n-2  n-1 n n+1  n+2 n+3。所以不同型別的**顯示的頁面有所不同,根據**頁碼目的而定。

第五:可點選區域和當前頁面

點選區域較大的頁面方便使用者定位,而當前頁碼的設計能使使用者明確自己所在位置。如1圖中點選區域較大,而2圖和3圖都比較小。但是3圖中當前頁面的位置設計較為明顯,有明顯的位置感。

報表設計細節

一.小清新報表 1.表頭的設計 背景色 backgroud color rgb 108,202,205 字型顏色 color rgb 255,255,255 字型 font family 微軟雅黑 2.表內容設計 背景色 backgroud color rgb 195,237,233 字型顏色 co...

設計的細節 Details in design

引言 在設計的工作中,很多時候會聽到參加評審的設計師或者是某些領導說,這設計稿細節不夠啊。設計師有時就會很委屈 我都已經細化到畫素級別了啊,為什麼還說細節不夠呢?什麼是細節呢?這篇文章,結合乙個具體的示例來描述下我對設計細節的理解。先說下設計細節具體是什麼。其實這是乙個很廣義的概念,乙個設計作品如果...

jquery無重新整理翻頁,無翻頁效果

前台 名稱 nc2 httputility.urlencode 值 class lk mw 更多 一般處理程式 using system using system.collections using system.data using system.web using system.web.serv...