AV永久免费网站在线观看,年轻善良大胸的继坶免费,最近韩国免费观看视频,日韩高清无码一区_在线成人国产公开视频

網(wǎng)站設(shè)計(jì)

結(jié)合設(shè)計(jì)經(jīng)驗(yàn)與營(yíng)銷實(shí)踐,提供有價(jià)值的企業(yè)營(yíng)銷資訊

首頁(yè) > 新聞資訊 > 網(wǎng)站設(shè)計(jì)

Web UI 網(wǎng)頁(yè)設(shè)計(jì)規(guī)范

2020/9/18 9:42:00 來(lái)源:網(wǎng)站設(shè)計(jì)公司
內(nèi)容摘要:一、網(wǎng)頁(yè)尺寸制作網(wǎng)頁(yè)時(shí),我們選用的分辨率是72像素/英寸,使用的畫布尺寸1920px*1080px。但是并不代表我們可以在整個(gè)畫布上作圖。網(wǎng)頁(yè)的布局主要有兩種,左右型布局和居中型布局。布局的不一致,使

一、網(wǎng)頁(yè)尺寸


制作網(wǎng)頁(yè)時(shí),我們選用的分辨率是72像素/英寸,使用的畫布尺寸1920px*1080px。


但是并不代表我們可以在整個(gè)畫布上作圖。


網(wǎng)頁(yè)的布局主要有兩種,左右型布局和居中型布局。布局的不一致,使得可設(shè)計(jì)的空間也不相同。


1、左右布局


靈活性強(qiáng), UI的限制小,左邊通欄為導(dǎo)航欄,寬度沒(méi)有具體的限制,可根據(jù)實(shí)際情況調(diào)整;


右側(cè)為內(nèi)容版塊范圍,是網(wǎng)站內(nèi)容的展示區(qū)域。


2、居中布局


中間的藍(lán)色部分為有效的顯示局域,用于網(wǎng)站內(nèi)容的展示;換句話說(shuō),兩邊均為留白,沒(méi)有實(shí)際用途,只是為了適配而存在;


3.主流電腦屏幕尺寸有以下幾種:


一般網(wǎng)站內(nèi)容顯示的區(qū)域?yàn)?96px;國(guó)內(nèi)網(wǎng)站大部分還是以1000個(gè)像素為界限,因超過(guò)1000像素適合在大屏幕上瀏覽,小屏幕會(huì)顯得擁擠。所以網(wǎng)站寬度在1000像素以內(nèi)可以保證大部分用戶舒適的瀏覽網(wǎng)頁(yè)。


二、網(wǎng)頁(yè)字體


字體設(shè)計(jì)的總原則是:可辨識(shí)性和易讀性。


網(wǎng)頁(yè)的中文字設(shè)計(jì)是系統(tǒng)默認(rèn)的字體:宋體、微軟黑體、蘋果系統(tǒng)黑體; 英文則建議使用Times New Roamn、Arial、Comis Sans MS等無(wú)襯線字體。


常用的字號(hào)大小有以下幾種:


12px是應(yīng)用于網(wǎng)頁(yè)的zui小字體,適用于非突出性的日期,版權(quán)等注釋性內(nèi)容。


14px 則適用于非突出性的普通正文內(nèi)容。


16px、18px、20px、26px或者30px 適用于突出性的標(biāo)題內(nèi)容。注意都是偶數(shù)原則,奇數(shù)像素會(huì)出毛邊!



三、字體間距


相鄰兩個(gè)文字的間距,其實(shí)不需要太過(guò)介意,除了特殊的需求之外,都可以使用默認(rèn)數(shù)值的間距。


行間距:推薦以字體大小的1.5—2倍作為參考;


段間距:推薦以字體大小的2—2.5倍作為參考。


例如,當(dāng)選用14px 的字體時(shí),行間距:21—28px;段間距:28px—35px。


四、字體顏色


六種除了主色調(diào)以外都是場(chǎng)景色,需要在不同的場(chǎng)景中使用(例如危險(xiǎn)色表示危險(xiǎn)的場(chǎng)景)六種是文字排版色,通過(guò)文字的不同用色進(jìn)行文字排版,以表現(xiàn)層次結(jié)構(gòu)。


主文字顏色,建議使用 公司品牌的VI顏色,可提高公司網(wǎng)站與公司VI之間的關(guān)聯(lián),增加可辨識(shí)性和記憶性。


正文字體顏色,保險(xiǎn)起見(jiàn),選用易讀性的深灰色,建議選用 #333333到#666666 之間的顏色。


五、首屏內(nèi)容


做網(wǎng)頁(yè)設(shè)計(jì)時(shí),你還要特別注意網(wǎng)頁(yè)的首屏內(nèi)容,在構(gòu)圖和內(nèi)容呈現(xiàn)上,首屏模塊的設(shè)計(jì)至關(guān)重要。


除去任務(wù)欄,瀏覽器菜單欄以及狀態(tài)欄的高度,剩下的是首屏的高度。


Window XP的首屏高度平均值是580px;Window 7的首屏高度平均值是710px。


綜合考慮到Window XP已經(jīng)逐漸退出市場(chǎng),在實(shí)際操作時(shí),我們 以710px 作為依據(jù)。


另外,是關(guān)于圖片尺寸的問(wèn)題。


需要全屏顯示的圖片,寬度尺寸嚴(yán)格設(shè)計(jì)為1920px。


但是值得注意的是,圖片內(nèi)容的有效范圍不能超過(guò)網(wǎng)頁(yè)內(nèi)容的有效范圍,即控制在1200px以內(nèi)。


避免遇到小屏幕設(shè)備時(shí),內(nèi)容顯示不全,而造成信息的遺漏的情況。

http://79806.xyz/wangzhansheji/3437.html Web UI 網(wǎng)頁(yè)設(shè)計(jì)規(guī)范

特別聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:0755-85297058;郵箱:2295772445#qq.com (#替換成@)。
QQ咨詢
微信咨詢
微信咨詢
電話咨詢
周一至周五 9:00-18:00
135-1055-3738
回頂部 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>