值得您信賴的網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、整合營銷提供商

網(wǎng)站首頁
關(guān)于我們
項(xiàng)目服務(wù)
案例展示
新聞動(dòng)態(tài)
聯(lián)系我們
網(wǎng)頁風(fēng)格指南

2016-06-08  2672  

返回列表

      風(fēng)格指南,那么到底要如何讓人們遵循風(fēng)格指南中的規(guī)則呢?如果你的風(fēng)格指南設(shè)計(jì)的足夠有條理,概念明晰,要求明確,條理清楚,那么這套風(fēng)格在規(guī)則上至少有了扎實(shí)的基礎(chǔ)。簡單直白的語言能讓讀者更容易理解、關(guān)注,像設(shè)計(jì)網(wǎng)站一樣慎重對(duì)待你的風(fēng)格指南才能讓它具備可用性和易用性,這樣一來,用戶會(huì)在不自覺中按照你的規(guī)則來推進(jìn)。作為一個(gè)網(wǎng)站的風(fēng)格指南,它本身并不是靜態(tài)的。你應(yīng)當(dāng)留下足夠的空間來供團(tuán)隊(duì)其他成員完善、添加內(nèi)容,確保它的靈活性。同樣了,風(fēng)格指南還應(yīng)當(dāng)有一個(gè)“管理員”,管理員用來批準(zhǔn)修改、掌控修改,統(tǒng)籌整個(gè)體系。
    視覺指南.準(zhǔn)則的兩個(gè)部分其實(shí)是同樣重要的,并且貫穿整個(gè)風(fēng)格指南。將不同的元素整合到一起就能夠構(gòu)建出擁有足夠的識(shí)別度的品牌形象,每個(gè)品牌、網(wǎng)站其實(shí)都會(huì)有差別的。當(dāng)你準(zhǔn)備為你的文本和視覺挑選色調(diào)和風(fēng)格的時(shí)候,你和你的用戶也應(yīng)當(dāng)納入到整個(gè)體系當(dāng)中來考慮。在制作品牌識(shí)別的時(shí)候?qū)⒂脩艉屠嫦嚓P(guān)這納入思考,品牌當(dāng)前的設(shè)計(jì)是否是他們想要的,是否為他們所期待?是否將所有因素都納入思考?用戶是否有與之進(jìn)行交互的欲望?

  語氣與語調(diào),雖然風(fēng)格指南中視覺占據(jù)著最大的比重,但是文案中的語氣與語調(diào)同樣是非常重要的。它們是品牌、網(wǎng)站的“身份”的一部分,它們決定了與用戶進(jìn)行溝通的方式,是正式還是休閑,是冗長準(zhǔn)確,還是直白清晰?你的風(fēng)格指南在表述上應(yīng)當(dāng)和網(wǎng)站的文案以及風(fēng)格保持一致。這可以讓你的團(tuán)隊(duì)對(duì)設(shè)計(jì)的預(yù)期更明晰,對(duì)于表述方式對(duì)于品牌形象的影響有更明確的認(rèn)知。所以,你同外界耐以溝通的每一個(gè)文字都應(yīng)當(dāng)保持一致的語調(diào)和語氣。重新回到 MailChimp 這個(gè)案例,如果你仔細(xì)審讀會(huì)發(fā)現(xiàn)他們同樣力圖通過語言來構(gòu)建獨(dú)特的品牌形象。在風(fēng)格指南中提及他們的吉祥物的時(shí)候,他們是這么說的:“Freddie 是我們的吉祥物。我們并不會(huì)讓他同我們的LOGO結(jié)合到一起,F(xiàn)reddie 永遠(yuǎn)向右看,也一直向你眨眼?!?br />
  規(guī)則和用途.風(fēng)格指南就是你所設(shè)計(jì)的“劇本”。相比于強(qiáng)調(diào)“規(guī)則”,“劇本”的說法是不是更加親切呢?風(fēng)格指南應(yīng)該詳勾勒出什么時(shí)候、什么地方分別應(yīng)該使用什么字體、什么色彩以及樣式,并且以簡潔移動(dòng)的方式表述出來。規(guī)范化設(shè)計(jì)下的網(wǎng)頁,通常都會(huì)有系統(tǒng)的網(wǎng)頁風(fēng)格指南。如果你想確保你的網(wǎng)頁設(shè)計(jì)能夠更加一致,并確保每個(gè)參與者和使用者都能在規(guī)范的框架內(nèi)設(shè)計(jì)、開發(fā)和使用,那么風(fēng)格指南的存著就相當(dāng)有意義了. 既然我們要設(shè)計(jì)風(fēng)格指南,那么它當(dāng)中應(yīng)當(dāng)包含哪些信息呢?又是如何確保別人能夠遵循它的標(biāo)準(zhǔn),讓設(shè)計(jì)和體驗(yàn)保持一致呢?今天我們就來聊聊這個(gè)話題。

  簡單而具體的概念接下來要進(jìn)入關(guān)鍵的環(huán)節(jié)了。當(dāng)你終于把上面說的那些信息都搜集全了之后,需要將他們打散、重組,組織成簡單、具體、可執(zhí)行的概念。
  ·在內(nèi)容表述上不要限制太多,這畢竟是風(fēng)格指南,重點(diǎn)是視覺上的引導(dǎo),設(shè)計(jì)是核心;
  ·將相關(guān)、相聯(lián)的條目整合到一起做快速指引:一個(gè)頁面介紹色彩,在另外一個(gè)頁面做排版的規(guī)范等等;
  ·用圖片案例來展示界面應(yīng)有的外觀,而不要單純用枯燥的文字來做介紹;
  ·提供可用的具體說明。比如配色方案中提供色彩的RGB或者CMYK的具體值,確保色彩的運(yùn)用能夠一致;
  ·將一部分的設(shè)計(jì)案例分解說明,確保每個(gè)元素的功能和使用規(guī)則都足夠明晰;

  示例和代碼片段.你的樣式指南無論是印刷的、電子版的還是基于網(wǎng)頁的文檔,它都應(yīng)該包含可用的工具和素材。其中最關(guān)鍵的就是使用案例,以及哪些事情可以做,以及哪些事情是被禁止的。你可以將重點(diǎn)放在品牌的視覺展現(xiàn)上去。隨后,你可以將易于訪問的部分制作成為列表,并且根據(jù)使用頻率創(chuàng)造一個(gè)所有團(tuán)隊(duì)成員都能訪問的素材庫,這個(gè)素材庫最好是先在本地存儲(chǔ),便于訪問,并且其中的素材和文檔能夠隨著項(xiàng)目的推進(jìn)而更新。之后,提供一系列基于云端的軟件列表(提供鏈接、登錄信息等),將素材提交到云端,并且包含相應(yīng)的字體包、Logo、圖片素材。這些文檔和素材應(yīng)當(dāng)被合理地組織整理,當(dāng)其他成員訪問的時(shí)候,能夠根據(jù)組織邏輯找到相應(yīng)的文檔、工具或者素材.