Web開發(fā)設(shè)計(jì)的五大準(zhǔn)則

1: 先出設(shè)計(jì)圖

這是必須的。不要假設(shè)設(shè)計(jì)圖在你的頭腦中就開始設(shè)計(jì)web，必須要放到紙上。可以這樣做：

1，   拿尺子、筆和紙，按照具體的尺寸一行一行地畫下來；

2，   記得考慮分界線的長(zhǎng)度等，這樣才能符合CSS的像素；

3，   記下設(shè)計(jì)的每一個(gè)細(xì)節(jié)免得忘記，如果把所有細(xì)節(jié)都累積到最后將是巨大的麻煩。

2 :配色

這是設(shè)計(jì)的核心部分，只有顏色搭配合適才能使你的網(wǎng)頁(yè)看起來不錯(cuò)。首先要決定的是主色，也即你在網(wǎng)頁(yè)中多數(shù)使用的顏色；然后選擇跟主色調(diào)搭配的第二顏色；不要選擇超過三種顏色不然你的設(shè)計(jì)看起來會(huì)很亂。如果你想要更多的顏色，可以使用淺色或者深色的陰影來搭配主色調(diào)。

1，   瀏覽十個(gè)跟你網(wǎng)頁(yè)有同樣主色調(diào)的網(wǎng)頁(yè)；

2，   給幾個(gè)人看你的配色方案并取得反饋；

3，   從瀏覽的網(wǎng)頁(yè)和反饋你將更好地完善你的顏色搭配。

Rule #3 : 從基本的版塊開始著手

定下配色和設(shè)計(jì)圖之后，從最基本的框架開始構(gòu)建——我的意思是說不添加任何文本。因?yàn)樵诎婷嬷屑尤胛谋緯?huì)使得架構(gòu)混亂。方法如下：

1，   每一個(gè)版塊設(shè)定邊界線，這樣能夠看到具體的尺寸和位置；

2，   對(duì)不同的版塊使用不同的顏色，在完成版塊后再改成你想要的顏色。

4 : 理清CSS

不要在你的HTML文件中將styling元素搞得太復(fù)雜，不然等到你修改的時(shí)候你就不得不到處搜索。所以將所有styling元素歸置在一個(gè)單獨(dú)的CSS文檔中。

在styling之前理清你的CSS免得太過雜亂導(dǎo)致你多次重復(fù)同一件事。CSS支持繼承，也即parent block的style可以用于child block.，充分利用這條特性。命名CSS分類名也要易懂易記。比如使用“main_content”而不是“div_1”。

5 : 制訂多重 CSS 文檔

我們都知道，使用瀏覽器可以輕易地看到網(wǎng)頁(yè)的輸出，但使用另一瀏覽器的時(shí)候則可能發(fā)現(xiàn)輸出不正常。這不是什么稀奇事兒，因?yàn)槊總€(gè)瀏覽器對(duì)HTML和CSS的處理方式都不一樣。

為避免這種情況，每個(gè)瀏覽器準(zhǔn)備一個(gè)CSS文檔，這樣所有瀏覽器都可以正常瀏覽。雖然這有一定的難度，但是記著指望一個(gè)CSS文檔來滿足所有瀏覽器是不可能的

文章標(biāo)題：Web開發(fā)設(shè)計(jì)的五大準(zhǔn)則
分享路徑：http://www.muchs.cn/news12/169112.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷推廣、網(wǎng)站制作、網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(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)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)