網(wǎng)頁設(shè)計既要符合規(guī)范標(biāo)準(zhǔn)也要順應(yīng)互聯(lián)網(wǎng)發(fā)展趨勢
網(wǎng)頁設(shè)計制作都有一定規(guī)范標(biāo)準(zhǔn),比如網(wǎng)頁尺寸文字規(guī)范、屏幕圖片分辨率、網(wǎng)頁背景等等都有具體的要求,然而隨著互聯(lián)網(wǎng)的發(fā)展變化,這些規(guī)范標(biāo)準(zhǔn)也隨之變化。下面天水網(wǎng)站制作公司小編就來談?wù)劥朔矫娴那闆r,希望能對你有所幫助。
一、網(wǎng)頁的設(shè)計尺寸:根據(jù)電腦屏幕分辨率的寬度來定
比較老點的筆記本屏幕分辨率是:1366*768px
比較流行的臺式機顯示分辨率是1920*1080px
一般我們設(shè)計網(wǎng)頁的時候,使用1920px寬度的畫布來設(shè)計,網(wǎng)站的內(nèi)容寬度控制在1200px以內(nèi);
如果網(wǎng)站中,導(dǎo)航、中間部分內(nèi)容采用全屏效果,或是寬度超過1200px,則內(nèi)頁也有與首頁寬度保持一致。
頂部導(dǎo)航的高度一般為60-100px;
Banner圖的高度一般為:420-580px;
產(chǎn)品圖片的比例為:4:3 3:4
團(tuán)隊介紹中有人物圖片,不要使用黑白色;
要注意圖片與圖片,圖片與標(biāo)題、簡介等方面的間距
二、網(wǎng)頁布局:網(wǎng)頁的布局主要有兩種:左右型布局和居中型布局。布局的不一致,使可設(shè)計的空間也不相同。
左右結(jié)構(gòu)型
1、左右布局,靈活性強,UI的限制小;
2、左邊通欄為導(dǎo)航欄,寬度沒有具體的限時,可以根據(jù)實際情況進(jìn)行調(diào)整;
3、右側(cè)為內(nèi)容板塊范圍,是網(wǎng)站內(nèi)容展示區(qū)域。
居中型
4、居中布局,中間的黃色部分為有效的顯示區(qū)域,用于網(wǎng)站內(nèi)容的展示。
5、換句話說,兩邊均為留白,沒有實際用途,只是為了適配而存在。
6、內(nèi)容限時區(qū)域在好控制在1000px-1200px。
三、網(wǎng)頁字體:中文建議使用微軟雅黑字體,英文則建議使用arial 字體。圖片上的字體要使用可以免費商用的字體,不要使用漢儀、方正等容易侵權(quán)的字體。
常用的字體大小號有以下幾種:
1、12px是用于網(wǎng)頁的*小字體,適用于突出性的日期,版權(quán)等注釋性內(nèi)容。
2、14px則適用于非突出性的普通正文內(nèi)容。
3、16px或18px適用于突出性的標(biāo)題內(nèi)容。
4、網(wǎng)站的字體大小并沒有硬性規(guī)定具體的字號,根據(jù)實際情況可以酌情考慮,但是要有限適用偶數(shù)字號。
5、字體規(guī)格也不需要太多,*好適用三種混搭。如果需要更多
6、層次的區(qū)別,可以改變字體顏色或加粗來體現(xiàn)。
四、字體間距舒適范圍:相鄰兩個文字的間距,其實不需要太過介意,除了特殊的需求之外,都可以使用默認(rèn)數(shù)值的間距。
1、行間距,推薦以字體大小的1.5-2倍作為參考;
2、段間距,推薦以字體大小的2-2.5倍作為參考。
3、當(dāng)選用14px字體時,行間距:21-28px; 段間距:8px-35px
五 、字體顏色設(shè)計
1、主文字的顏色,建議使用公司品牌的VI顏色,可提高公司網(wǎng)站與公司VI之間的關(guān)聯(lián),增加可辨識性和記憶性。
2、正文字體顏色,保險起見,選用易讀性的深灰色,建議選用#333到#666之前的顏色。
3、輔助性的,注釋類的文字,則可以選用#999999之類的比較淺的顏色。
如果,你對顏色駕馭能力比較強,你也可以選擇偏公司VI顏色的深色,作為正文字體顏色或者輔助性文字的顏色。
了解了網(wǎng)站設(shè)計中關(guān)于尺寸、字體、字間距的標(biāo)準(zhǔn)常識外,一個網(wǎng)站設(shè)計的成功與否,很大程度上決定于設(shè)計師的網(wǎng)站的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣,圖紙設(shè)計好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等,只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能胸有成竹,設(shè)計出來的網(wǎng)頁才能有個性、有特色,具有吸引力。
相關(guān)熱詞搜索: 網(wǎng)頁設(shè)計規(guī)范標(biāo)準(zhǔn),互聯(lián)網(wǎng)發(fā)展趨勢