掌握這幾個關(guān)鍵點(diǎn)，你也能制作出系統(tǒng)而的設(shè)計指南

<　　

設(shè)計指南是大水平晉升網(wǎng)頁設(shè)計團(tuán)隊輸出效力跟確保品牌一致性的中心工具，勝利的設(shè)計標(biāo)準(zhǔn)并非一蹴而就，須要留神的問題并不少。

　　對一個網(wǎng)站甚至一個品牌而言，設(shè)計指南不僅僅是一份標(biāo)準(zhǔn)文檔那么簡單。優(yōu)良的設(shè)計指南自身就如同藝術(shù)品一樣令人賞心悅目，在實際的設(shè)計工作中，它還有著不可調(diào)換的重要功能。它展示出你的產(chǎn)品應(yīng)有的款式跟狀況，并且以一種可治理、易于利用跟易于理解的方法將全部設(shè)計體系統(tǒng)合到了一起。在制造設(shè)計指南的時候，下面6個要害點(diǎn)一定不能忽視。
　　1、品牌標(biāo)識示例
　　先，你的設(shè)計指南中應(yīng)當(dāng)包含可視化的品牌標(biāo)識展示案例，以這樣的方法來顯現(xiàn)品牌標(biāo)識應(yīng)有的樣子。
　　有名的案例，切實是就是貼合實在利用處景的案例，而這樣的實戰(zhàn)案例也正貼合了設(shè)計指南的實在存在用意。
　　這些設(shè)計案例，通常是品牌旗下網(wǎng)站主頁、挪動端頁面、APP的截圖，這些案例展示出品牌標(biāo)識的正確利用方法，以及相應(yīng)的其余元素的展示款式。
　　下圖是Love to Ride的品牌設(shè)計指南。他們的設(shè)計指南每一頁都設(shè)計得如同網(wǎng)頁一樣，自身就顯現(xiàn)出了足夠的一致性。設(shè)計指南中甚至講一些常見的小元素集中到一起予以說明，比方不同處所的APP圖標(biāo)應(yīng)當(dāng)以什么樣的款式來顯現(xiàn)。
　　在設(shè)計指南中采取實在案例，大的上風(fēng)在于，你不必創(chuàng)建額定的利用處景跟模仿說明，而是用實在的案例直接說明，對團(tuán)隊其余成員而言，也是為有效的展示。
　　2、完全的設(shè)計說明
　　從配色計劃到排版布局，從圖形的應(yīng)用到具體控件的呈現(xiàn)位置，都要有具體的說明。
　　在全部設(shè)計當(dāng)中，款式跟功能要遵守哪些法則，背地的設(shè)計哲學(xué)是什么，都應(yīng)當(dāng)予以說明。
　　這些完全的說明說明，可能幫助全部設(shè)計跟開發(fā)團(tuán)隊盡可能在不同的媒體上正確而一致地采取同一的設(shè)計作風(fēng)。雷同的元素跟內(nèi)核上高度一致的設(shè)計，能讓用戶在查看網(wǎng)頁跟平面廣告的時候感知到品牌的奇特點(diǎn)跟同一性，讓不同位置的內(nèi)容顯現(xiàn)出明顯的關(guān)聯(lián)關(guān)聯(lián)。舉個例子，在線的網(wǎng)頁經(jīng)常會因為用戶所用設(shè)備而顯現(xiàn)出不同的字體，設(shè)計師會大限度地借助Google Fonts跟Typekit來調(diào)用盡可能瀕臨品牌默認(rèn)字體的第三方字體，來達(dá)到盡可能一致的閉會。
　　所以，假如字體是你的品牌策略中不可調(diào)換的一局部，那么你應(yīng)當(dāng)在整體設(shè)計標(biāo)準(zhǔn)中考慮好這一點(diǎn)。
　　對須要留神的點(diǎn)，一定要予以清楚的說明，比方H1標(biāo)簽下的字體尺寸一定是88點(diǎn)，而縮略圖的尺寸始終是200×200像素，不過對非要害點(diǎn)就不必要全都進(jìn)行限定。將設(shè)計的精力跟作風(fēng)與這些要害點(diǎn)結(jié)合起來，才可能讓你的團(tuán)隊在劃定范疇內(nèi)進(jìn)行有效的設(shè)計，假如將所有的細(xì)節(jié)都限定逝世，那么全部標(biāo)準(zhǔn)就淪為一部詞典了，所有人都只能靠不停的查閱標(biāo)準(zhǔn)來實現(xiàn)設(shè)計。
　　3、作風(fēng)跟調(diào)性
　　在設(shè)計指南中針對各個設(shè)計元素來描述跟標(biāo)準(zhǔn)作風(fēng)可能并不那么有趣，然而足夠重要。網(wǎng)站制作通俗的來說就是網(wǎng)站通過頁面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計，數(shù)據(jù)庫設(shè)計等一系列工作的總和，也是將網(wǎng)站設(shè)計師的圖片用HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）方式展示出來。
　　對作風(fēng)的描述文案同樣會影響到視覺的設(shè)計。這些描述的文本會影響到設(shè)計人員對作風(fēng)閉會的把控跟圖片類型的選取，甚至連色彩跟字體的把持也會被影響到。所有的這些貨色獨(dú)特組成了品牌整體的個性。
　　更重要的是，它們決定了外界如何識別你的產(chǎn)品跟品牌。
　　強(qiáng)盛的作風(fēng)跟調(diào)性是視覺識別的中心之一。設(shè)計元素應(yīng)當(dāng)有屬于品牌的奇特個性，這樣才干確保用戶即便看不到LOGO讀不到文本，也能清楚地判斷出它們是屬于誰的?？纯纯煽诳蓸返募t色跟迪士尼的字體吧，它們就是典范。
　　4、SEO要害詞
　　搜查引擎優(yōu)化的重要性日漸凸起。在網(wǎng)頁設(shè)計當(dāng)中，要害詞的優(yōu)化可能是探討得多然而無趣的組成局部。然而，你須要盡早考慮要害詞優(yōu)化這件事件。
　　你應(yīng)當(dāng)將你的品牌相干的要害詞用設(shè)計的語言表述出來，在設(shè)計指南中清楚的指出來。
　　Urban Outfitters在它的品牌設(shè)計指南當(dāng)中，精心到位地列舉出它們相干的要害詞。誠然作為服裝品牌，列舉出的要害詞十分多，然而其中中心的要害詞，利用不同的色彩凸起展示，讓你可能霎時曉得哪些應(yīng)當(dāng)著重凸起。
　　這樣的要害詞列表對負(fù)責(zé)網(wǎng)站文案的營銷謀劃跟設(shè)計人員而言，無疑是十分有用的。對文案寫作者而言，憑空去想跟回想往往輕易卡住，而這樣的列表的存在，則不會讓這樣的情況產(chǎn)生。
　　讓內(nèi)容創(chuàng)作跟要害詞體系同一起來，網(wǎng)站在排名上的上風(fēng)會更加明顯，間隔目標(biāo)用戶就更近一步了。
　　5、元素的款式的把持
　　現(xiàn)當(dāng)初網(wǎng)上各種各樣的圖案跟設(shè)計素材層出不窮，素材的濫用已經(jīng)成為非經(jīng)常見的設(shè)計問題了。所以，在標(biāo)準(zhǔn)設(shè)計的時候，應(yīng)當(dāng)把持圖案跟相干元素的利用范疇。
　　這包含LOGO跟圖標(biāo)的利用限定范疇，配色的限度，表單跟導(dǎo)航的掌控，以及靜態(tài)跟動態(tài)元素的把持。網(wǎng)站制作通俗的來說就是網(wǎng)站通過頁面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計，數(shù)據(jù)庫設(shè)計等一系列工作的總和，也是將網(wǎng)站設(shè)計師的圖片用HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）方式展示出來。你可能在設(shè)計指南之外發(fā)明一個在線的作風(fēng)指南，便于設(shè)計人員疾速的復(fù)制跟粘貼這些元素。
　　6、代碼片段
　　現(xiàn)當(dāng)初很多網(wǎng)站的設(shè)計指南當(dāng)中，已經(jīng)包含了很多常用的代碼片段了。從按鈕的小動效到滑動后果，這些代碼片段跟很多細(xì)節(jié)的閉會彼此關(guān)聯(lián)，要害的是它們降落手動輸入代碼的本錢，確保了代碼的復(fù)用率。
　　對網(wǎng)站的文本跟媒體內(nèi)容而言，相干的常用代碼片段是晉升效力的要害之一。
　　Firefox在它的新的設(shè)計指南當(dāng)中就囊括了元素利用相干的常用代碼。即便你素來不供給完全的代碼片段庫，也盡量包含一些基本的、常用的代碼，讓設(shè)計師跟相干的開發(fā)人員可能更為同一高效地實現(xiàn)日常的編輯工作。

相關(guān)鏈接：長春網(wǎng)站建設(shè)，長春網(wǎng)站制作，長春網(wǎng)站設(shè)計，長春做網(wǎng)站，長春建網(wǎng)站，長春網(wǎng)站公司，長春網(wǎng)絡(luò)公司，http://m.mysoxin.com.cn/