響應式網頁的界面設計研究.pdf_第1頁
已閱讀1頁,還剩55頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、隨著移動互聯(lián)網的越來越普及,越來越多各式各樣的移動設備出現(xiàn)在人們的日常生活里,如移動電話、平板電腦、智能手表等,它們顯示屏的分辨率各不相同,若網頁設計者為每種設備和分辨率開發(fā)一個適應它們屏幕大小的頁面,這樣的設計會產生效率極低的情況,而且對于網頁動態(tài)的更新也更加不便。如果按照傳統(tǒng)網頁設計方式去設計網頁,面對越來越多的便攜式終端和終端下的眾多型號,為每一種型號打造一個網頁,然后等待這些終端更新?lián)Q代時又要把所有網頁重新做一遍,這種情況下導致

2、的局面就是所有的網頁將需要為適應各種終端而頻繁的更改,除此之外還需要制作各種各樣的不同分辨率以及大小的網頁版本,在強調智能化和自動化的現(xiàn)在肯定是費時笨拙,不合時宜的方式。而且,在網頁設計和開發(fā)高度市場化的今天,這種過時方法肯定會很快被市場淘汰,而且當我們想要為每一種不同設備的不同分辨率去各自設計一個獨一無二的版本的想法是根本行不通的,雖然這樣做可能會受到一些特定設備用戶的青睞,但是我們失去的將是絕大多數(shù)的不使用這種設備的用戶。此種情況下

3、,響應式網頁的出現(xiàn)就為我們解決了這一困擾??缃K端網頁的實現(xiàn)最終關鍵還是需要依附于響應式網頁的設計,它使得網頁能夠根據(jù)訪問設備的環(huán)境(包括屏幕分辨率、訪問的瀏覽器、設備的類型、設備的配置等)對自身進行調整,如根據(jù)訪問設備分辨率的大小對網頁和圖片的像素、尺寸等進行適當調整,這樣對移動終端使用者無疑提供了更加舒適的視覺瀏覽感受。換而言之,無論人們的移動設備是iPhone、iPad、小米手機、kindle、或者是時下最流行的iwatch,都可以

4、為它們的顯示屏打造特定的一款網頁頁面——因此響應式網頁頁面分辨率必須兼容任何設備。響應式網頁設計的實現(xiàn)必須運用最新的設計手段,比如使用彈性布局、CSS media query、甚至還有一些扁平化圖標。所以,不管是使用筆記本還是iPad或者是移動手機客戶端的用戶瀏覽網頁,響應式的網頁都能自動適應然后進行分辨率的調整,頁面和圖片大小都會發(fā)生相應的變化。響應式網頁的出現(xiàn)就是避免我們?yōu)槊恳环N設備做專門的設計研究與開發(fā),從而能夠自動響應各種不同的

5、設備。總而言之,響應式網頁的盛行是為了使我們在設計網頁的過程中能更加簡化設計的流程以及提高工作效率。
  針對目前各執(zhí)己見的響應式網頁界面設計風格,本文試著從響應式這一詞談起,追溯響應式網頁起源,定義響應式網頁的特征以及設計原則。把APP和響應式網頁開發(fā)進行對比,總結出響應式興起的必然性和自身的局限性,具體分析了響應式設計興起的幾點緣由。從界面設計的角度剖析響應式網頁帶來的種種變化,指出響應式界面設計的本質不僅僅外觀形式的新穎,更

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論