設(shè)計(jì)指南是一個(gè)核心工具，可以極大地提高網(wǎng)頁(yè)設(shè)計(jì)團(tuán)隊(duì)的輸出效率并確保品牌的一致性。成功的設(shè)計(jì)規(guī)范不是一次性過(guò)程，需要注意許多問(wèn)題。

對(duì)于網(wǎng)站甚至是品牌，設(shè)計(jì)指南不僅僅是規(guī)范文檔。優(yōu)秀的設(shè)計(jì)指南本身就像藝術(shù)品一樣令人愉悅，在實(shí)際設(shè)計(jì)工作中具有不可替代的重要功能。它展示了您的產(chǎn)品應(yīng)具有的風(fēng)格和形式，并以可管理，易于使用且易于理解的方式將整個(gè)設(shè)計(jì)系統(tǒng)整合在一起。在制作設(shè)計(jì)指南時(shí)，不得忽視以下六個(gè)要點(diǎn)。 1.品牌識(shí)別示例首先，您的設(shè)計(jì)指南應(yīng)包括一個(gè)可視化的品牌標(biāo)識(shí)展示案例，以便展示品牌標(biāo)識(shí)應(yīng)該是什么樣子。眾所周知的案例實(shí)際上是符合實(shí)際應(yīng)用場(chǎng)景的案例，這樣的實(shí)際案例也符合設(shè)計(jì)指南的真實(shí)意圖。這些設(shè)計(jì)案例，通常是品牌的網(wǎng)站主頁(yè)，移動(dòng)頁(yè)面，APP截圖，這些案例展示了正確使用的品牌標(biāo)識(shí)，以及相應(yīng)的顯示風(fēng)格的其他元素。下圖是Love to Ride的品牌設(shè)計(jì)指南。他們的設(shè)計(jì)指南的每一頁(yè)都像網(wǎng)頁(yè)一樣設(shè)計(jì)，并且本質(zhì)上是一致的。設(shè)計(jì)指南甚至討論了一些常見(jiàn)的小元素，這些元素組合在一起來(lái)說(shuō)明，例如應(yīng)該在不同的地方呈現(xiàn)哪些樣式的APP圖標(biāo)。在設(shè)計(jì)指南中使用真實(shí)示例的真正優(yōu)勢(shì)在于您不必創(chuàng)建其他場(chǎng)景和模擬，而是使用真實(shí)示例直接說(shuō)明它們，對(duì)于團(tuán)隊(duì)的其他成員，它們也是有效的示威游行。 2，從配色方案到布局布局的完整設(shè)計(jì)描述，從使用圖形到具體控件的外觀，必須有詳細(xì)的描述。在整個(gè)設(shè)計(jì)中，應(yīng)該在風(fēng)格和功能方面遵循哪些規(guī)則，并且應(yīng)該解釋設(shè)計(jì)理念背后的內(nèi)容。這些完整的解釋有助于整個(gè)設(shè)計(jì)和開(kāi)發(fā)團(tuán)隊(duì)在不同媒體上準(zhǔn)確一致地采用一致的設(shè)計(jì)風(fēng)格。 內(nèi)核上相同的元素和高度一致的設(shè)計(jì)允許用戶在查看網(wǎng)頁(yè)和平面廣告時(shí)感知品牌的獨(dú)特性和統(tǒng)一性，從而使不同位置的內(nèi)容顯示出明確的關(guān)系。例如，由于用戶的設(shè)備，在線網(wǎng)頁(yè)通常顯示不同的字體。設(shè)計(jì)人員將使用Google字體和Typekit調(diào)用盡可能接近品牌默認(rèn)字體的第三方字體，以實(shí)現(xiàn)相同的可能一致性。經(jīng)驗(yàn)。因此，如果字體是您品牌戰(zhàn)略中不可替代的一部分，那么您應(yīng)該在整體設(shè)計(jì)規(guī)范中考慮這一點(diǎn)。對(duì)于需要注意的點(diǎn)，必須明確說(shuō)明。例如，H1標(biāo)簽下的字體大小必須為88磅，縮略圖的大小始終為200×200像素，但不必限制所有非關(guān)鍵點(diǎn)。將設(shè)計(jì)的精神和風(fēng)格與這些關(guān)鍵點(diǎn)相結(jié)合，將使您的團(tuán)隊(duì)能夠在規(guī)定的范圍內(nèi)有效地進(jìn)行設(shè)計(jì)。如果定義了所有細(xì)節(jié)，那么整個(gè)規(guī)范就變成了一個(gè)字典，每個(gè)人都只能依靠對(duì)規(guī)范的不間斷訪問(wèn)來(lái)完成設(shè)計(jì)。 3.樣式和色調(diào)設(shè)計(jì)指南中每個(gè)設(shè)計(jì)元素的描述性和標(biāo)準(zhǔn)樣式可能不是那么有趣，但足夠重要。風(fēng)格的描述也會(huì)影響視覺(jué)設(shè)計(jì)。這些描述的文字將影響設(shè)計(jì)師對(duì)風(fēng)格體驗(yàn)和圖片類型選擇的控制，甚至對(duì)顏色和字體的控制也會(huì)受到影響。所有這些事物共同構(gòu)成了品牌的整體個(gè)性。更重要的是，它們決定了外部世界如何識(shí)別您的產(chǎn)品和品牌。強(qiáng)大的風(fēng)格和色調(diào)是視覺(jué)識(shí)別的核心之一。設(shè)計(jì)元素應(yīng)具有屬于品牌的獨(dú)特個(gè)性，以便用戶即使看不到文本也能清楚地確定他們屬于誰(shuí)。看看可口可樂(lè)的紅色和迪斯尼字體，這是典型的。搜索引擎優(yōu)化關(guān)鍵詞在搜索引擎優(yōu)化中的重要性日益凸顯。在網(wǎng)頁(yè)設(shè)計(jì)中，關(guān)鍵字優(yōu)化可能是一個(gè)討論得多但很無(wú)聊的組件。 但是，您需要盡早考慮關(guān)鍵字優(yōu)化。您應(yīng)該以設(shè)計(jì)語(yǔ)言表達(dá)與品牌相關(guān)的關(guān)鍵字，并在設(shè)計(jì)指南中明確指出。 Urban Outfitters在其品牌設(shè)計(jì)指南中仔細(xì)列出了相關(guān)的關(guān)鍵字。雖然作為服裝品牌，列出了許多關(guān)鍵字，但核心關(guān)鍵字以不同顏色突出顯示，以便您可以立即知道哪些應(yīng)突出顯示。對(duì)于負(fù)責(zé)網(wǎng)站副本的營(yíng)銷策劃人員和設(shè)計(jì)人員來(lái)說(shuō)，這樣的關(guān)鍵字列表無(wú)疑是非常有用的。對(duì)于撰稿人而言，思考和回憶往往很容易被困住，而這種列表的存在并不會(huì)使這種情況發(fā)生。為了使內(nèi)容創(chuàng)建和關(guān)鍵字系統(tǒng)統(tǒng)一，網(wǎng)站在排名方面的優(yōu)勢(shì)將更加明顯，并且它將更接近目標(biāo)用戶。 5，對(duì)元素風(fēng)格的控制如今，互聯(lián)網(wǎng)上的各種圖案和設(shè)計(jì)材料相繼出現(xiàn)，濫用材料已成為一種非常常見(jiàn)的設(shè)計(jì)問(wèn)題。因此，在規(guī)范設(shè)計(jì)中，應(yīng)該控制模式和相關(guān)元素的使用范圍。這包括使用LOGO和圖標(biāo)，顏色匹配的限制，表單和導(dǎo)航的控制，以及靜態(tài)和動(dòng)態(tài)元素的控制。您可以在設(shè)計(jì)指南之外創(chuàng)建在線樣式指南，以便設(shè)計(jì)人員可以快速?gòu)?fù)制和粘貼這些元素。 6.代碼片段許多網(wǎng)站設(shè)計(jì)指南現(xiàn)在包含許多常見(jiàn)的代碼片段。從按鈕的小動(dòng)畫到滑動(dòng)效果，這些代碼片段與許多細(xì)節(jié)的體驗(yàn)相互關(guān)聯(lián)。關(guān)鍵是它們降低了手動(dòng)輸入代碼的成本并確保了代碼的重用率。對(duì)于網(wǎng)站文本和媒體內(nèi)容，相關(guān)的公共代碼片段是提高效率的關(guān)鍵之一。 Firefox在其新設(shè)計(jì)指南中包含了元素使用的通用代碼。 即使您從未提供完整的代碼段庫(kù)，也要嘗試包含一些基本的常用代碼，以便設(shè)計(jì)人員和相關(guān)開(kāi)發(fā)人員能夠更加一致，高效地完成日常編輯工作。