編者按：專業(yè)的網(wǎng)站建設(shè)設(shè)計師在每個項目開始之前就會創(chuàng)建一套設(shè)計指南與標(biāo)準(zhǔn)，如科技（成都網(wǎng)站建設(shè)）所說，這樣可以優(yōu)化工作流程，使設(shè)計保持統(tǒng)一，是每個嚴(yán)謹(jǐn)?shù)脑O(shè)計該有的職業(yè)態(tài)度，也是成為專業(yè)設(shè)計師的奠基石之一。噢，對了，文中我們還推薦了很多實用方便的利器幫你創(chuàng)建這樣一個指南呦。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于做網(wǎng)站、成都網(wǎng)站設(shè)計、梁溪網(wǎng)絡(luò)推廣、微信小程序開發(fā)、梁溪網(wǎng)絡(luò)營銷、梁溪企業(yè)策劃、梁溪品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供梁溪建站搭建服務(wù)，24小時服務(wù)熱線：028-86922220，官方網(wǎng)址：chinadenli.net

【專業(yè)級好文】
《漲姿勢！值得了解的交互設(shè)計五大支柱》
《上手可用！提升網(wǎng)站閱讀體驗的設(shè)計技巧》

盡管做法不盡相同，一組指南總是所有項目較重要的起點之一。為每個項目創(chuàng)建指南（即使它原本沒有）可以優(yōu)化你的工作流程，也能使你的設(shè)計保持統(tǒng)一，并有望采取正確的開發(fā)方式。這的確是成都網(wǎng)站設(shè)計師的責(zé)任。你不能怪開發(fā)者沒有你那樣的像素眼。你得指導(dǎo)他們。

從創(chuàng)建3種主要類型的文檔開始。

樣式指南 組件文檔 頁面標(biāo)注

這套流程不推薦兼任前端開發(fā)的設(shè)計師采用。如果是這種情況，你需要多做一步，通過代碼寫出的風(fēng)格指南和組件，創(chuàng)建一個單獨的平臺。你甚至?xí)朐诘诙骄烷_始編寫代碼，省去剩余的步驟。

1.樣式指南

樣式指南明確了一個網(wǎng)站設(shè)計項目中每個元素的樣式。它基本上是開發(fā)者較普遍的樣式手冊。在這個文檔中，顏色、字體、表格、列表項、圖標(biāo)使用、分隔線和其他元素都有詳盡的定義。一旦你創(chuàng)建好并設(shè)立了每種元素的相應(yīng)規(guī)范，就可以拖放使用了。

【提示】：為元素命名。盡管開發(fā)者較終可能會用不同的class名，當(dāng)談?wù)撃硞€元素時也會非常有用。比如說，你給一個有漸變色導(dǎo)航欄的網(wǎng)站設(shè)計了不同主題。說#主配色-#第二配色總比說這些顏色的名字好。

2.組件文檔

在許多方面，這個文檔與樣式指南有效相同，卻是另一個層次的東西。組件是指類似于登錄框、輪播圖、旋轉(zhuǎn)木馬、頁頭、頁尾等等。這不同于通常意義的樣式指南，這個文檔有助于在整個網(wǎng)站建設(shè)過程中保持一致性。它能使開發(fā)者更輕易地辨認(rèn)出重復(fù)的元素，使流程加速。從上面可以看出，在設(shè)計響應(yīng)式項目時，將每個元素的“表現(xiàn)”包含進來是有好處的。再說，通常開發(fā)們不會關(guān)注這些事情（也不該由他們來關(guān)注）。相信我，若你不強調(diào)一下文字在網(wǎng)站建設(shè)中要居中顯示，他們就不會注意。一旦完成，拖放這些組件，從一開始就定下規(guī)范，防止較終樣品陷入無休無止的調(diào)整：內(nèi)邊距、顏色和字號。

3.標(biāo)注文檔

較后一步是頁面標(biāo)注。既然已經(jīng)定好了元素和組件的樣式。先進剩下的就是引用這些組件，定義外邊距（名稱和間距）。

像下面這樣將其分解真的很有幫助，我們之前把這種方法用在adidas網(wǎng)上商城和同等規(guī)模的平臺上：

分別導(dǎo)出多個頁面用到的組件。 導(dǎo)出頁面。

我知道這一切看起來很辛苦，但作為成都網(wǎng)站建設(shè)設(shè)計師，它至關(guān)重要。

文章名稱：設(shè)計師必讀！如何為網(wǎng)站創(chuàng)建設(shè)計準(zhǔn)則
URL地址：http://chinadenli.net/article24/edoice.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、外貿(mào)建站、關(guān)鍵詞優(yōu)化、虛擬主機、微信小程序、用戶體驗

廣告

聲明：本網(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)