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

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

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

相關(guān)鏈接：成都網(wǎng)站建設(shè)，成都網(wǎng)站制作，成都網(wǎng)站設(shè)計(jì)，成都做網(wǎng)站，成都建網(wǎng)站，成都網(wǎng)站公司，成都網(wǎng)絡(luò)公司，www.muchs.cn

當(dāng)前文章：掌握這幾個(gè)關(guān)鍵點(diǎn)，你也能制作出系統(tǒng)而的設(shè)計(jì)指南
URL鏈接：http://www.muchs.cn/news28/320428.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、網(wǎng)站建設(shè)、企業(yè)建站、網(wǎng)站排名、軟件開發(fā)、外貿(mào)網(wǎng)站建設(shè)

廣告

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