<fieldset id="0m0yu"></fieldset>
  • 
    
  • <cite id="0m0yu"><menu id="0m0yu"></menu></cite>
    <fieldset id="0m0yu"><menu id="0m0yu"></menu></fieldset>
    <sup id="0m0yu"></sup>
  • 沈陽做網(wǎng)站
    、沈陽建站

    ,-1為搜索整個(gè)頻道"/>
    ,網(wǎng)頁設(shè)計(jì),企業(yè)網(wǎng)站設(shè)計(jì)">網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè) 網(wǎng)絡(luò)營銷 軟件開發(fā) 廣告投放 空間域名 網(wǎng)站案例
    網(wǎng)站建設(shè)疑問

    手機(jī)網(wǎng)站建設(shè)的頁面設(shè)計(jì)技巧分享

       1

    、狹窄布局

      在小屏幕上顯示大的web頁面仍舊需要一些信息視覺處理方法。目前一些瀏覽器采用狹窄布局作為默認(rèn)查看模式

    ,Opera將其稱為小屏幕渲染
    ,NetFront將其稱為SmartFit,我們稱之為狹窄布局
    ,因?yàn)檎麄€(gè)內(nèi)容的顯示窄且長
    ,并且所有內(nèi)容都做了簡化以符合屏幕寬度
    。我們對(duì)這一布局做過很多用戶研究[參見注釋5]
    ,狹窄布局的主要好處就是文本容易閱讀,如果文本的寬度超過屏幕的寬度
    ,用戶的閱讀就會(huì)很困難,雖然可以采取滾動(dòng)的方法處理這一問題
    。不過根據(jù)我們的調(diào)查,狹窄布局仍有很多問題
    。最糟糕的就是為了符合屏幕寬度
    ,一些大圖片被刪減
    ,結(jié)果導(dǎo)致圖像細(xì)節(jié)丟失。第二個(gè)問題就是表格
    。如果有一行表格不與屏幕吻合,就會(huì)自動(dòng)調(diào)至下一行

       2

    、原始布局

      由于狹窄布局存在很多可用性方面的問題

    ,所以很多瀏覽器還提供原始布局頁面模式
    ,這很類似在PC上,讓用戶根據(jù)內(nèi)容來選擇不同的視圖模式
    ,原始布局中
    ,大圖片細(xì)節(jié)和表格的效果會(huì)更好
    ,同時(shí)如果用戶知道PC上的網(wǎng)站的結(jié)構(gòu),那么就很容易找到自己所需要的內(nèi)容
    。當(dāng)然原始布局并非什么問題都沒有
    。最糟糕的就是閱讀寬文本內(nèi)容
    ,會(huì)很費(fèi)力。用戶每次都得向前向后拉動(dòng)滾動(dòng)條
    。另外由于頁面很大
    ,所以需要滾動(dòng)的地方也越多

      3

    、理想布局

      很明顯

    ,小屏幕移動(dòng)終端上的頁面瀏覽仍需要很多改進(jìn)和革新。如果想讓自己的網(wǎng)站在小屏幕上具有可讀性
    ,可以遵守以下3個(gè)指導(dǎo)建議:避免那些一眼就能看出來的大物體
    ;避免在圖片上使用小文本;頁面要輕化

     

    0
    選擇一個(gè)心情