中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

每個(gè)網(wǎng)站都需要一套風(fēng)格指南。原因很簡(jiǎn)單，如果想要在整個(gè)項(xiàng)目中貫徹一致性，讓所有人達(dá)成共識(shí)，風(fēng)格指南的價(jià)值是無(wú)可估量的。既然如此，我們先把它放在一旁，指南中究竟應(yīng)該包含哪些東西？如何確保團(tuán)隊(duì)成員遵守規(guī)則，讓視覺(jué)表現(xiàn)保持一致？那就更復(fù)雜了。這就是我們今天的話題。

品牌綜述

如果你從沒(méi)創(chuàng)建過(guò)風(fēng)格指南，那可能令人望而生畏。新手可以先找一套自己喜歡的指南來(lái)學(xué)習(xí)——MailChimp是最優(yōu)秀的風(fēng)格指南之一，它還開(kāi)放給了整個(gè)設(shè)計(jì)行業(yè)——可以將它作為著手開(kāi)始的示例。

多數(shù)風(fēng)格指南包含兩部分：

• 版權(quán)指南
• 視覺(jué)指南

風(fēng)格指南的每塊都同樣重要，它們是整個(gè)指南的一部分。融合所有元素來(lái)構(gòu)建完整的品牌特征。每個(gè)品牌、公司和網(wǎng)站都有所不同。要選擇一套在文案和視覺(jué)方面適合的語(yǔ)言風(fēng)格和樣式，但這也和整個(gè)用戶群有關(guān)。

建立品牌特征時(shí)要兼顧用戶和股東，這是他們想要和期望的品牌嗎？他們能把它與品牌聯(lián)系起來(lái)嗎？他們會(huì)想與之互動(dòng)嗎？

語(yǔ)言和語(yǔ)調(diào)

我們最關(guān)注風(fēng)格指南的視覺(jué)方面，但語(yǔ)言和語(yǔ)調(diào)非常重要。品牌特征有一部分是你如何與用戶“交談”。交談方式是正式的還是隨意的？是詳細(xì)的還是簡(jiǎn)潔的？

要用與網(wǎng)站類似的語(yǔ)言風(fēng)格來(lái)撰寫風(fēng)格指南。這有助于讓團(tuán)隊(duì)理解期望的效果，并且展現(xiàn)出語(yǔ)言風(fēng)格對(duì)品牌特征有何貢獻(xiàn)。

應(yīng)該從你做起，把語(yǔ)言和語(yǔ)調(diào)用在每一處溝通中?；仡橫ailChimp的大綱，總體了解品牌語(yǔ)調(diào)。留意這家公司如何談?wù)撍募槲铮热纾骸癋reddie是我們的吉祥物。我們不會(huì)把它和logo結(jié)合使用。Freddie永遠(yuǎn)都面向右邊，并且總是擠眉弄眼?！?/p>

“規(guī)則”和運(yùn)用

風(fēng)格指南應(yīng)該是你的設(shè)計(jì)“劇本”。（這是不是比“規(guī)則”聽(tīng)起來(lái)更友好？）

它應(yīng)當(dāng)以一種易于理解的方式，描述如何、何時(shí)使用字體、顏色和其他所有類型的設(shè)計(jì)元素。下面是它所包含的清單項(xiàng)：

• 配色方案，包含色值和可接受的深淺變化
• 字體方案，包括所有字重、字號(hào)、行距和用法
• Logo，包括尺寸和位置的規(guī)范
• 圖標(biāo)或元素樣式（這包含了從按鈕到社交媒體分享圖標(biāo)等各種元素的處理）
• 拼寫，文字選擇和文案風(fēng)格（應(yīng)當(dāng)遵循怎樣的文字規(guī)范？APA、AP、還是其他？）
• 照片指南，包括色彩、剪裁和視覺(jué)表現(xiàn)
• SEO信息，包括備選文字和關(guān)鍵詞
• 柵格系統(tǒng)（用于網(wǎng)頁(yè)和印刷）
• 留白的考慮（設(shè)計(jì)應(yīng)該寬松還是緊湊）
• 聯(lián)系（一個(gè)讓團(tuán)隊(duì)成員能夠提問(wèn)和查看說(shuō)明的地方）

簡(jiǎn)單明確的概念

最難的部分來(lái)了。你得綜合上面所有信息，濃縮成簡(jiǎn)單、明確、可執(zhí)行的概念。

設(shè)計(jì)風(fēng)格指南時(shí)，對(duì)于內(nèi)容不要過(guò)度設(shè)計(jì)。這是一份視覺(jué)參考；要以視覺(jué)參考的方式來(lái)設(shè)計(jì)。

相關(guān)項(xiàng)目分到同一頁(yè)，以供快速查閱：一頁(yè)講色彩，另一頁(yè)講字體，一頁(yè)講照片，等等。

提供外觀的案例。如果可以用圖解釋問(wèn)題，就不要用文字。

提供有用的細(xì)節(jié)標(biāo)注。比如配色方案，應(yīng)該使用RGB（或HEX）和CMYK模式，以使顏色在各處的運(yùn)用保持一致。

從設(shè)計(jì)中拆分出各部分，展示各種元素的使用。

片段與示例

無(wú)論你的風(fēng)格指南是印刷的、數(shù)字的，還是網(wǎng)頁(yè)文檔，都應(yīng)當(dāng)配上使用方式。其中有個(gè)要素極其有用，品牌的示例和反例。它能輕易強(qiáng)調(diào)你所希望的品牌視覺(jué)效果。

然后，整理一套方便查找的目錄。為所有團(tuán)隊(duì)成員建立樣式庫(kù)（或一系列通用元素，這取決于你用的軟件）。把文件存在一個(gè)大家能夠訪問(wèn)的公共位置，這樣就能相對(duì)容易地修改。

為項(xiàng)目中的每個(gè)人提供一系列的云端軟件（包括鏈接、用戶名和其他基本信息）。確保所有字體包、logo和圖片文件放在常用位置，并且每個(gè)人都知道它們?cè)谀?。（在別處留一份備份，以防有人在原件上修改和保存。）

編寫一套標(biāo)準(zhǔn)代碼片段，能輕松復(fù)制粘貼到項(xiàng)目中。不必每次都重新創(chuàng)造。通用元素應(yīng)該存放在一個(gè)共享位置，每個(gè)人都能打開(kāi)。

這部分最后一點(diǎn)，就是要記得更新。一切都在變化——它們也是。Smashing Magazine有一篇精彩的案例研究，描繪了一套“活的風(fēng)格指南”。

執(zhí)行風(fēng)格指南

最后，最大的問(wèn)題是：“如何讓人們遵循這套規(guī)則？”如果你按照上面的方式設(shè)計(jì)這套指南，就已經(jīng)很好解決這個(gè)問(wèn)題了，尤其是簡(jiǎn)單明確的概念。

指南要容易學(xué)習(xí)和使用（就像你的網(wǎng)站）。語(yǔ)言要簡(jiǎn)練，不要事無(wú)巨細(xì)交代，這樣大家就愿意遵守規(guī)范。

它應(yīng)當(dāng)是一本指南書，為具體設(shè)計(jì)留下了充足的空間和靈活性。設(shè)計(jì)一系列約束能夠幫助團(tuán)隊(duì)成員釋放他們的創(chuàng)造力，同時(shí)創(chuàng)造出符合你品牌的作品。風(fēng)格指南也要有個(gè)主人。這個(gè)人要負(fù)責(zé)審批更新和改變，要能回答設(shè)計(jì)決策上的問(wèn)題。這個(gè)“主人”可以是一個(gè)人，也可以是一個(gè)團(tuán)隊(duì)，取決于你公司的大小。

結(jié)論

你是否已經(jīng)擁有一套風(fēng)格指南了？或者需要新建立一套？這是一項(xiàng)每年都應(yīng)該進(jìn)行的工程，這樣能讓指南時(shí)刻保持最新。（如果你的舊規(guī)范還在，就不能怪團(tuán)隊(duì)成員）

你有沒(méi)有設(shè)計(jì)或見(jiàn)過(guò)優(yōu)秀的風(fēng)格指南？我對(duì)這些非常感興趣，很想看一看。你可以在Twitter上聯(lián)系我，或者給我發(fā)郵件。

原文鏈接：https://designshack.net/articles/business-articles/what-needs-to-be-in-your-style-guide-and-how-do-you-enforce-it/

#專欄作家#

可樂(lè)橙，微信公眾號(hào)：可樂(lè)橙（colachangreen）。人人都是產(chǎn)品經(jīng)理專欄作家，UI/UX設(shè)計(jì)師，關(guān)注互聯(lián)網(wǎng)，關(guān)注科技?，F(xiàn)居杭州，與小伙伴們正在創(chuàng)業(yè)途中。或許不是一名優(yōu)秀的設(shè)計(jì)師，至少是個(gè)快樂(lè)的設(shè)計(jì)師。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。