2016-08-05 分類: 網(wǎng)站設(shè)計
設(shè)計是很靈活的,但同一個項目產(chǎn)品的設(shè)計,就必須要有它的規(guī)范,而這些規(guī)范,必須要遵循設(shè)計的原理,對自己而言,以后再同一項目做更新優(yōu)化時能用更快的時間搞定,對他人而言,不讓人噴的同時認(rèn)同你是個專業(yè)的設(shè)計師。
響應(yīng)式網(wǎng)站前端設(shè)計也是屬于網(wǎng)頁設(shè)計的一部分,自從有了H5,網(wǎng)頁設(shè)計的展現(xiàn)形式真是千變?nèi)f化,但是要做一個讓大部分非IT的人操作的PC前端,你把它做的很炫,請問用戶答應(yīng)嗎?前端和開發(fā)都不想答應(yīng)。當(dāng)然,對于一些控件原件是可以做一些輕動畫交互。
居中對齊的網(wǎng)頁
這個尺寸的網(wǎng)頁尺寸很好把握,新建畫布A(白色圖層),然后新建另外一個網(wǎng)頁有效區(qū)的畫布B(黃色圖層),把畫布B的圖層拖到畫布A,居中對齊,然后拖兩條參考線,刪除黃色圖層,這個時候就可以在這個畫布上大展身手了。
那么,畫布A的寬度到底應(yīng)該是多少分辨率呢?很明顯,只要大于有效區(qū)即可。因為這種網(wǎng)頁設(shè)計尺寸是固定的,控件和原件等的都設(shè)置一個固定值,比如間距剛剛好是30px,按鈕剛剛好是100px,表格剛剛好是700px等。網(wǎng)頁有效區(qū)的寬度從以前的600px漲到現(xiàn)在1200px,甚至更高,因此,結(jié)合我們當(dāng)前使用的主流顯示器,例,做一個1200px寬度的網(wǎng)頁,那么畫布B就是要設(shè)置的寬度,而畫布A則是大于1200px寬度,就算網(wǎng)頁的有效區(qū)已經(jīng)固定,然而很多時候,你肯定會設(shè)計通欄的banner,用上1920分辨率顯示器的你,當(dāng)然是用1920的寬度比較爽比較任性好嗎?
版面分辨率的設(shè)置,常見的網(wǎng)頁結(jié)構(gòu)類型科學(xué)的網(wǎng)頁結(jié)構(gòu)能夠更好地展現(xiàn)網(wǎng)站信息,讓任務(wù)的完成更容易,對內(nèi)容的存取更直接。網(wǎng)頁結(jié)構(gòu)的科學(xué)性和藝術(shù)性,可易于信息的管理。
當(dāng)前題目:網(wǎng)站設(shè)計中響應(yīng)式網(wǎng)頁要設(shè)計尺寸的大小
本文鏈接:http://www.rwnh.cn/news/39470.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容