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