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.newbst.com/news20/39470.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站設計等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容