手機網站建設的頁面設計技巧分享
2025-05-10 17:36:05 來源: 閱讀:
1、狹窄布局
在小屏幕上顯示大的web頁面仍舊需要一些信息視覺處理方法。目前一些瀏覽器采用狹窄布局作為默認查看模式,Opera將其稱為小屏幕渲染,NetFront將其稱為SmartFit,我們稱之為狹窄布局,因為整個內容的顯示窄且長,并且所有內容都做了簡化以符合屏幕寬度。我們對這一布局做過很多用戶研究,狹窄布局的主要好處就是文本容易閱讀,如果文本的寬度超過屏幕的寬度,用戶的閱讀就會很困難,雖然可以采取滾動的方法處理這一問題。不過根據我們的調查,狹窄布局仍有很多問題。最糟糕的就是為了符合屏幕寬度,一些大圖片被刪減,結果導致圖像細節丟失。第二個問題就是表格。如果有一行表格不與屏幕吻合,就會自動調至下一行。
2、原始布局
由于狹窄布局存在很多可用性方面的問題,所以很多瀏覽器還提供原始布局頁面模式,這很類似在PC上,讓用戶根據內容來選擇不同的視圖模式,原始布局中,大圖片細節和表格的效果會更好,同時如果用戶知道PC上的網站的結構,那么就很容易找到自己所需要的內容。當然原始布局并非什么問題都沒有。最糟糕的就是閱讀寬文本內容,會很費力。用戶每次都得向前向后拉動滾動條。另外由于頁面很大,所以需要滾動的地方也越多。
3、理想布局
很明顯,小屏幕移動終端上的頁面瀏覽仍需要很多改進和革新。如果想讓自己的網站在小屏幕上具有可讀性,可以遵守以下3個指導建議:避免那些一眼就能看出來的大物體;避免在圖片上使用小文本;頁面要輕化。
本文《手機網站建設的頁面設計技巧分享》發布于君君營銷文章,作者:admin,如若轉載,請注明出處:/news/hyzx/75620.html,否則禁止轉載,謝謝配合!