国产日韩欧美综合色视频在线|日本在线中文字幕四区|最新中文字幕在线|成人女人天堂午夜视频

品優網絡 十六年(2003-2018)專注
當前位置:網站首頁 >> 寧波網站建設
網頁自適應在網站設計中的作用
日期:2014-12-10 作者:admin 來源: 瀏覽次數:0 網友評論 0

企業網站推廣1

回說到“大屏幕瀏覽頁面的良好體驗,本就應該用戶自己調整窗口。”

根據屏幕不同大小,縮小窗口出橫向滾動條在所難免,但理想情況下,頁面應該能適應不同客戶端瀏覽器和分辨率。實際操作通常又有三種情況:版面自適應、視覺自適應、內容自適應。

在windows系統任務欄空白處單擊右鍵,有如下圖的菜單,分別提供有“橫向平鋪窗口、縱向平鋪窗口”的功能,根據激活窗口個數按需切分屏幕。如果沒記錯的話,自win2000就已經用了,更早沒試過。雖然那會我們用的顯示器大些才17′,但在多窗口工作時確實方便。

版面上自適應

Information Architects Japan在06年提出web設計95%是排版的觀點,如果**理解,指呈現部分信息架構之下“信息設計”的范疇,俗稱排版。因為我們都了解廣義上的web design不僅要看還得有動,其實有個很大的知識框架做支撐。

web排版相較平面的優勢在于數據靈活性,理論上可以實現只維護單個頁面,然后通過web技術來實現多種排版表現。在實踐中獲取點滴信息設計基礎之后再來看這個問題,感觸頗深。

現實網站中,越重要的頁面模塊越多,排版難度也就越大。比如門戶網站首頁,我很少看到自適應的,大概是雅虎網站改版開了先河。分別使用narrow layout和wide layout兩種模式,適應800和1024px分辨率,根據客戶端請求分析再輸出,即在自定義基礎上實現了自適應。

 

視覺上自適應

視覺上的處理相對簡單,通過超大圖形先適應大分辨率,然后向下兼容。即可以實現在不同分辨率下看到不同的整體效果。如果處理得當,在小分辨率下將更顯大氣,用戶某天突然用大屏幕也許會有額外驚喜的良好體驗。

Phofa.net是日本搞藝術的網站,下圖分別為首頁在1024*768和1680*1050兩種分辨率下的截圖對比。多屏拼接而成,可以清楚看到整體表現視覺風格與VI體系的**融合,簡潔有力。

 

還有我06年設計的個人網站例子,更部平鋪其實是張1600*345規格的天空圖案,中間沒有循環,因此比較逼真。只有在更大分辨率上才露出馬腳,比如下圖是在1680*1050中的效果。

 

更早這個05年設計的個人網站是半成品,通過黃金分割比例實時自適應,可以在任何分辨率下都有更佳視覺效果。當時主要研究使用div做**布局保證可訪問性,向下兼容良好,設計理念現在也不過時,前不久還看到有文章探討黃金分割。

網頁自適應在網站設計中的作用,謝謝圍觀。

企業網站推廣2

查看更多寧波網站建設網站設計自適應作用

寧波網站建設 (http://liejin.net.cn/) 版權與免責聲明
    1、凡本網注明“來源:寧波品優網絡”字樣的所有作品,版權均屬于浙江省寧波海曙品優網絡技術有限公司,如需轉載、摘編或利用其它方式使用上述作品,請與本網聯系。
    2、凡本網注明“來源:XXX(非寧波品優網絡)”的作品,均轉載自其它媒體,轉載目的在于傳遞更多信息,并不代表本網贊同其觀點和對其真實性負責。寧波網站建設的轉載僅為信息的廣泛傳播,如有侵權請及時告之刪除。
返回:寧波網站建設