風格指南是什么
風格指南是指一套相關(guān)預設計元素、圖形和規(guī)范的集合，其用途是保證負責網(wǎng)站不同部分工作的設計師或開發(fā)人員之間保持協(xié)調(diào)一致，并最終打造出核心化的體驗。
編寫web設計風格指南
1.研究品牌
首先，你需要對品牌展開研究，理解其含義，了解品牌背后的意義，與公司團隊進行溝通，并了解公司的愿景、使命和價值觀。為了保證你所編寫的風格指南能夠在視覺和情感上正確彰顯出公司形象，一定要深入挖掘品牌。
作為一名企業(yè)網(wǎng)站設計師，如果你不會寫代碼，那么可以打開Photoshop，給文檔擬定一個標題，并對文檔的性質(zhì)和用途進行一下簡短的說明。如果你會寫代碼，那么最好使用預編程的資源創(chuàng)建一個html文檔，以便在后期直接使用。
2.限定字體
web設計中95%的工作量都集中在字體上。字體的重要意義在于其是訪客和網(wǎng)站之間最為關(guān)鍵的溝通工具之一。
確定層級次序并提供對應的說明。首先是標題樣式：h1、h2、h3、h4、h5和h6。然后是正文文案：粗體和斜體等變化。考慮一下需要用于小型鏈接、簡介文字等內(nèi)容的自定義文案。提供字體系列、粗細和顏色等。
3.調(diào)色板
人類能夠感知不同的顏色并將色調(diào)與自己所熟知的品牌相互聯(lián)系起來，神奇吧!舉例來說，一提到可口可樂，你一定會首先想到紅色。
首先在風格指南中設定網(wǎng)站內(nèi)使用最多的主色調(diào)，主色應該包含不多于三種陰影。但是在有的情況下，你可能還需要使用二級甚至三級顏色來呈現(xiàn)用戶界面，因此不要忘了對這些顏色進行設定。另外還需要加入白色、灰色和黑色等中性顏色以便讓主品牌顏色更加突出。
4.語言
這里所說的語言實際上就是指文案。如前所述，在開始編寫風格指南之前你已經(jīng)對品牌進行了研究，而且發(fā)現(xiàn)目標品牌的風格是年輕、潮流。那么如果沒有現(xiàn)成的文案語言方向，你就需要進行設定。在這方面，你可以提供一個示例來表現(xiàn)語言必須既專業(yè)又有趣，同時還要熱情。
例如，你可以說“貌似你碰到了網(wǎng)上廣為流傳的404錯誤”來取代死氣沉沉的“出現(xiàn)404錯誤”。這樣的語言能表現(xiàn)出網(wǎng)站并不具有太強的商業(yè)氣息。有時候亮點就隱藏于細微之處。
5.圖標
圖形標記已有幾千年的歷史，在文字和語言出現(xiàn)之前就已經(jīng)存在。在項目中善用圖標能夠讓訪客一眼就明白當前的情況以及下面將要出現(xiàn)什么情況。另外，恰當?shù)膱D標相比色調(diào)、文案和圖形更能夠體現(xiàn)出目標內(nèi)容的背景。在使用圖標時，要想想目標受眾是誰，他們的宗教和背景情況如何，切勿造成他們的誤解。還要說的是，仔細思考品牌及其所代表的價值，千萬別犯在大型銀行網(wǎng)站上使用手繪風格圖標這種錯誤。
6.圖片
圖片比千言萬語更有說服力。你所使用的圖片一定要能夠代表網(wǎng)站的風格和方向。再強調(diào)一遍，一定要仔細考慮品牌的價值和公司的使命。例如，某個有關(guān)水源慈善的網(wǎng)站使用極具沖擊力且情感強烈的慈善類圖片呼吁人們思考擁有水、食物、電力和教育等生活必需品是多么幸運。
7.表單
表單是網(wǎng)站或web應用表現(xiàn)其交互和動態(tài)性，并讓用戶能夠輸入數(shù)據(jù)以便你后期處理并開展相關(guān)工作的關(guān)鍵所在。
務必要構(gòu)建起一套層級體系并收納一切可能來自表單的反饋——主動反饋、鼠標懸浮反饋并加入錯誤、警告和成功提示（包括密碼強度太弱、郵件地址無效或簡單的“郵件已發(fā)送”消息）。
8.按鈕
按鈕是顏色、表單和語言的組合。你可以依靠上面介紹的且已經(jīng)創(chuàng)建好的資源，使用不同的設計方案打造外觀統(tǒng)一的功能性按鈕。
9.空間調(diào)整
空間調(diào)整為什么也要收錄在風格指南里實際上空間調(diào)整是風格指南當中非常重要的一個部分。在對空間調(diào)整方式進行界定時，可以采用規(guī)定網(wǎng)格布局的方式，也可以對標題、按鈕、圖片、表單等元素之間的空間距離進行分門別類的規(guī)定。
空間調(diào)整的重要意義在于其能夠給各個元素提供更多的表現(xiàn)空間，空間使用的協(xié)調(diào)一致能夠讓網(wǎng)站看起來更加整齊、專業(yè)。
10.注意事項
最后要說的是：把注意事項這一節(jié)做成常見問題解答的形式，展現(xiàn)出最常見的錯誤類型，并給出預期結(jié)果作為參考示例。

分享標題：企業(yè)網(wǎng)站設計師如何編寫一份有效的Web設計風格指南
標題鏈接：http://www.js-pz168.com/news37/127437.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站設計等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)