設計風格規(guī)范是很多初級網頁設計師都會面臨的問題,創(chuàng)作這些風格或者學習這些風格都可以看一下這篇文章。
每個網站都具有自己的風格規(guī)范,這并不困難,但如果在整個項目中或讓每一個都使用同一種風格規(guī)范,這就難能可貴了。
現(xiàn)在,我們討論一下,到底應該如何做來確保人們遵循網站的規(guī)范,使網站在視覺上存保持一致性?這有那么一些復雜,讓我們進入今天話題。南寧網站開發(fā)
品牌概述
(uber-品牌)
如果你從來沒有從頭創(chuàng)建過一個設計模板會有點困難,對于初來乍道的來說,可以在MailChimp中找到他們喜歡的風格,MailChimp可以更根據你選擇的最喜歡的并獲得通用安裝證書許可,然后以此作為一個模型開始這個風格規(guī)范的規(guī)劃。
大多數設計模板有兩個部分:
文字標準
視覺標準
這兩個標準,是同等重要的,都是整體風格規(guī)范的一部分。把元素結合在一起將建立一個整體形象。每一個品牌或企業(yè)網站都有自己與眾不同的地方。選擇一個色調和風格,同步運用在字體和視覺畫面的效果上,把你的網站和用戶融為一體。
建立網站整理形象的時候,也正是品牌需求考慮到用戶和相關利益的人對此有何種期望的時候。是否被期待?是否有關聯(lián),是否愿意在這樣的網站上進行瀏覽使用等交互行為?
語言風格
雖然我們將主要精力集中于網站風格規(guī)范的視覺方面,但語言風格是非常重要的,是整體網站的一部分,也是你與用戶“交談”的方式。語言風格是正式還是輕松的?是冗長或更簡潔的?南寧網站建設
用同樣的方式為網站格式寫你的風格規(guī)范。這將有助于提示你的團隊知道網站的初步設想,以及如何運用語言風格去協(xié)助于品牌標識。
語言風格是與每一位用戶溝通使用的。返回到MailChimp,我們通過他的品牌語言風格的塑造上全面審視。注意到公司談論及它的吉祥物,舉個例子:“Freddie是我們的吉祥物。我們不需要使用他與我們的logo組合。Freddie的臉右側面的,他的表情一直是眨著眼睛的。”
“準則”及用途
你的風格規(guī)范應該是你設計的“劇本”。(可能是比“規(guī)范”聽起來更通俗易懂?)
它應該概括了如何以及何時使用的字體、顏色和所有其他設計元素類型,讓人更容易理解。包括:
調色板,包括標準色和可適用的色彩
排版,可適用的字體、字號、縮進、行間距跳轉
LOGO,包括尺寸和位置
圖標或元素樣式(包括分享按鈕等)
拼寫,選項和格式風格(應該遵循哪種編輯格式? APA格式?AP格式?或其他?)
照片格式,包括顏色、裁剪尺寸和視覺效果
SEO信息,如ALT標簽和關鍵詞
電網標準(適用于網絡或打?。?/span>
間距方面的考慮(是否設計的太松或太緊)
反饋接觸信息(可以向團隊成員提問或建議的)南寧安卓開發(fā)
簡單而具體的概念
這可能是最困難的部分,你需要明白這些信息,并將其爛熟于心,理解成簡單、具體、可操作性強的概念:
當涉及到風格規(guī)范不能走極端,只是一個視覺參考,而通過這種方式去設計。
組合相關內容,并快速相關聯(lián),比如頁面的顏色、已經跳轉進入另一頁的圖形和照片等。
為可以顯示的內容舉一些相似的例子,不需要解釋的部分用占位符。
盡可能地提供細節(jié),色彩樣式,例如,包括RGB(或HEX )和CMYK值等,使顏色可以規(guī)范使用。
打破部分常用的元素案例去設計。
片段和實例
c
無論你的設計風格規(guī)范是用于印刷還是數字使用或基于Web的文檔,應該包含有用的工具。部分有用的元素品牌案例做得到也可能做不到,但他可以很容易把重點放在你想看到的品牌視覺上。
然后,創(chuàng)建一個易操作的目錄。創(chuàng)建原型組(或一組常見的元素,這取決于你使用的軟件) 。保存在一個常用的位置,使其容易操作并且生成容易修改的文件。
為參與該項目的每個人提供基于云端軟件的工具列表。(這包括鏈接、用戶名等基本信息。)確保所有字體包、logo和圖像文件是在一個常用的位置,所有的使用者都知道他們在哪里。 (在另一個地方保留備份,以防原文件、作品丟失。)
創(chuàng)建代碼片段,易于復制并粘貼到項目主列表。這樣不用每次重建,常見的元素需要被分享在一個每個人都可以訪問的共享位置。
最后一步是進化優(yōu)化。每件事情都可能會變,而且必然要經歷蛻變。南寧網站建設
執(zhí)行風格規(guī)范
最后,最大的問題是“如何讓人們遵循風格規(guī)范呢?”按照以上這些列出的內容,你已經有一個很好的方式擁有了設計的輪廓,具有了簡單、具體的概念。
風格規(guī)范是很容易被追隨的,就像你寫的網站一樣。語言是簡單的和不生僻的,可以讓人們去追隨這些準則。
風格規(guī)范應該留下足夠的設計空間對于其靈活性和實際制作上。就像你的品牌,在一定范圍內,可以幫助團隊成員發(fā)揮他們設計的創(chuàng)造力,也同時創(chuàng)造新的東西。風格規(guī)范的所有者也是如此,這是指批準、更新和變化設計風格規(guī)范的人,并能回答有關設計決策問題的所有人。這個“所有者”可以是個人團隊,或者更大組織的規(guī)模。
結論
你是不是已經有一個風格規(guī)范,或者正在準備一個新的?這是每年都會面對和處理的任務,這份指南將始終不會過時。去設計自己的網站風格規(guī)范吧!