網站設計中響應式網頁要設計尺寸的大小

2016-08-05 分類：網站設計

設計是很靈活的，但同一個項目產品的設計，就必須要有它的規范，而這些規范，必須要遵循設計的原理，對自己而言，以后再同一項目做更新優化時能用更快的時間搞定，對他人而言，不讓人噴的同時認同你是個專業的設計師。

響應式網站前端設計也是屬于網頁設計的一部分，自從有了H5，網頁設計的展現形式真是千變萬化，但是要做一個讓大部分非IT的人操作的PC前端，你把它做的很炫，請問用戶答應嗎？前端和開發都不想答應。當然，對于一些控件原件是可以做一些輕動畫交互。

居中對齊的網頁

這個尺寸的網頁尺寸很好把握，新建畫布A（白色圖層），然后新建另外一個網頁有效區的畫布B(黃色圖層)，把畫布B的圖層拖到畫布A，居中對齊，然后拖兩條參考線，刪除黃色圖層，這個時候就可以在這個畫布上大展身手了。

那么，畫布A的寬度到底應該是多少分辨率呢？很明顯，只要大于有效區即可。因為這種網頁設計尺寸是固定的，控件和原件等的都設置一個固定值，比如間距剛剛好是30px，按鈕剛剛好是100px，表格剛剛好是700px等。網頁有效區的寬度從以前的600px漲到現在1200px，甚至更高，因此，結合我們當前使用的主流顯示器，例，做一個1200px寬度的網頁，那么畫布B就是要設置的寬度，而畫布A則是大于1200px寬度，就算網頁的有效區已經固定，然而很多時候，你肯定會設計通欄的banner，用上1920分辨率顯示器的你，當然是用1920的寬度比較爽比較任性好嗎？

版面分辨率的設置，常見的網頁結構類型科學的網頁結構能夠更好地展現網站信息，讓任務的完成更容易，對內容的存取更直接。網頁結構的科學性和藝術性，可易于信息的管理。

當前題目：網站設計中響應式網頁要設計尺寸的大小
本文鏈接：http://m.kartarina.com/news/39470.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

欧美日韩激情_美女国产一区_国产精品久久久久影院日本_69xxx在线

網站設計中響應式網頁要設計尺寸的大小