CC
當前位置:首頁 > 設計師互動平臺 > 網站設計
網頁設計很糟糕的10個原因
作者:李曉燕  發布時間:2014-09-16  查看次數:5862

  

  很多設計師與創意工作者都忽視了品牌設計指南的作用(有些人也稱其為品牌寶典,或其中的一部分)——它給出了一系列清晰的準則,規定了線上線下的市場推廣材料應該長什么樣。

  風格指南可以為你節約時間與金錢,減少遭遇的挫折,使市場推廣材料更易于維護和創造。把它當作一套標注詳盡的衍生品;它提供了如何實施的相關說明,有時甚至能讓你深入了解其中緣由。

  如果你不怎么確信你服務的每個品牌與公司都需要它,或者不確定如何創建,請往下讀……

  為何每個品牌都應該有設計指南

  

  對于小公司或只有一個設計師的公司而言,設計指南似乎并無必要。但說真的,每個品牌都應當有風格和品牌指南,來確保他們產品的每種視覺元素統一一致。

  先拿只有一個設計師的情況來說。如果你是你們公司項目中唯一的設計師。你設計他們的logo、名片和所需的其他所有市場推廣材料。你對所有的元素都心中有數。

  現在,一年后,公司規模擴大了兩倍,突然他們需要再雇一個設計師來分擔你的工作。這下好玩了,你得憑記憶教這個新人品牌的設計指南。其中包括很多過去一年內你根本沒有考慮過的事情。

  當然,如果什么重要的東西沒有傳達,他們會指責你沒有教好新員工。

  如果你可以給出一份設計指南,包含了他們所需的一切:顏色、logo尺寸和放置、字體使用等,事情就相當簡單了。

  又或者說你是為多個客戶服務的自由職業者。一份設計指南可以使你輕松回到數月或數年前完成的作品中,而不必梳理舊文件來了解用了具體哪種字體,或是具體顏色的十六進制色值是什么。相反,你可以拖入一個文件,就能瞬間看到你所需的一切。

  設計指南可以確保你的作品不會被一些新的、水平欠佳的設計師糟蹋了,他們并不理解你的設計如何發揮作用。你最不想看到的,是你精心設計的logo被縮得太小,或是與其他元素靠的太近,實際上這損耗了它的影響力(更糟的是,元素間的留白徹底被打亂了)。

  為每個你服務的品牌創建設計指南,可以使你的工作更輕松,也讓你的作品更加統一(使得所有圖片顯得更專業)。初入一個項目時,創建一套基礎的設計指南并不怎么耗時間,卻能省去你大量的工作,使你在這過程中避免無盡的挫敗。

  基礎元素

  每套設計指南都會有細微差別,因為它取決于品牌有多復雜,可能需要多少種市場推廣材料。不過有些基本的元素幾乎在每套設計指南中都會出現。

  字體

  每個品牌的市場推廣材料中都應該使用統一的字體,無論線上線下。列出這些字體,配上例子和字符集,這點尤為重要。

  

  別忘了除了字體使用之外,你可能還得指定標題、照片說明等文字的字號。指定字體族中禁用的特殊樣式和字重也是個好主意,連字或備用字符該不該用,諸如此類。

  顏色

  品牌使用的顏色應當盡可能詳細。這意味著不僅要提供網頁使用的十六進制色值,還要有等價的CMYK甚至Pantone色值用于印刷。不是所有顏色都能完美無缺地在網頁和印刷間轉換,所以指定優先級是個好主意,這樣不會導致最終顏色和你原先的顏色差別太大。

  

  很多十六進制RGB色域直接轉換時,若不進行人工調整,會在CMYK模式中發生劇烈的變化(某些藍色通常會變灰暗,紅色會偏橙色或粉色等等)。花時間確認和糾正每個色域,這樣可以得到盡可能好的結果。還要確保檢查顏色的印刷效果,而不僅僅是屏幕上。

  Logo尺寸與位置

  通常,多數logo太小會失去其展示效果。你可以設計一個備用logo(通常是簡化版)用于小尺寸,或者就定義一個logo展示的最小尺寸。

  

  還要指定logo周圍需要多少留白,以保證不影響它的效果。指定logo能否以其他顏色形式呈現(尤其灰度模式),還有它是否只能用在中性背景色上,還是彩色的背景也可以。還要指定logo能否放在邊框中,這種情況周圍要有多少留白。

  圖標或其他圖形

  如果還有獨有的特殊圖標(或圖標集),或者通用的特殊圖片,那么指南中得指定這些東西。包含一個指向該圖標集的鏈接,因為圖標名并不唯一,容易搞混。

  你還需要指定是否只能用某種特定的類型或樣式的圖片。比如,你可能會指定所有圖片都需要包含某種特定顏色,或者都要加上復古的濾鏡效果,或者都得是黑白的。

  文案寫作指南

  盡管并非每套設計指南都會需要文案撰寫說明,如果你的品牌想努力表現出一種特定的寫作風格時,這是個好辦法。

  可能有些特殊詞句會包括在內,同時可能還有些其他詞句應該不惜一切避免使用(有時候因為他們與競爭對手有緊密關聯)。指明這些非常重要。

  可能還有一條,文案應當積極向上,或者要專業,或利用對特定人群有吸引力的語言。

  網頁的特有元素

  盡管有很多元素通行于印刷品和網頁間,還是有些網頁特有元素,印刷品上是找不到的,網站中卻普遍存在。

  這包括按鈕樣式和層級、表單樣式呈現之類。若沒有一套清晰的規則可以遵循,要使這些東西在多個頁面(甚至多個網站)保持統一,會是一項重大的挑戰。

  還要考慮其他元素

  你可能還要考慮為下面這些東西增加指南:

  品牌歷史、愿景和個性化信息。這些在品牌寶典中很常見,可能在標準的設計指南中不多見。

  社交媒體指南,包括應該分享的文章類型,還有各種品牌元素應該如何用于各社交網站。

  網站中的設計布局和柵格系統標準,有時印刷廣告中也有。

  其他材料的指南,比如宣傳冊或名片。

  所有元素的使用樣例。

  設計指南該有多長?

  設計指南的長度可以從一個頁面到幾十頁,取決于品牌的復雜度,還有市場推廣材料的種類。

  如果是極簡的網站,只有一個logo設計、明確的字體和用色,沒有線下的材料,單頁的設計指南勉強是夠了。

  但是,一個擁有眾多部門、涉及諸多市場的巨型跨國企業,廣告橫跨眾多媒體,就需要類似一本書來闡明所有用法。

  不論哪種,你的設計指南只需要包含必要元素,但是要精確傳達品牌視覺風格等信息。

  一份活文檔

  你的設計指南不是一塊石頭。品牌是會進化的。會有新logo出現。網站會進行重設計。市場推廣材料會更新。重要的是確保設計指南隨著其他更新一并更新。

  

  URL: http://brandingmanual.com/middlecap/

  設計指南也有助于確保品牌以一種無縫的方式升級,盡量不會疏遠你的用戶。看品牌升級進展到哪里了,可以指出其自然進化的方向,好過鮮明的反差。

  雖然設計指南應該具有流動性,會隨時間變化,但還是要能查閱舊版本的設計指南。而且要確保你對設計指南做出的任何更改都是經過深思熟慮的,而不是無視現存設計指南的借口。

  因為設計指南會隨時間變化,確保每個需要的人都能獲得最新版本,這非常重要。由于要更改指南的日期與版本,將文件放在云端服務器或其他中心位置是個好主意。

  整合設計指南

  設計指南中的元素可以整合進網站中。包括CSS文件開頭的注釋,大概描述一下顏色和所用字體,可以確保你遵循設計指南。

  一套完整的設計指南,對于任何可能使用它的人來說應該要簡單易用。讓人可以通過公司服務器或云端服務器訪問也是個不錯的辦法。你可以在CSS文件中包含一個鏈接,或是通過其他方法(除非它有密碼保護或是放在內部服務器上,不然實際上都應該允許公眾訪問)。

  內部還是公開文檔?

  越來越多公司向公眾開放了它們的設計指南。它的意義在于:

  1、讓需要它的人(設計師)可以輕松獲得這些信息。你可以給他們一個鏈接,而不用發郵件或是提供密碼。

  2、使品牌更加透明。

  3、如果你的品牌有新聞媒體報道時,它會很有用,因為記者可以獲得關于如何使用你們logo的信息等等。而不用等你的公關部門(或個人)回復他們。

  當然,如果你決定公開你的設計規范,你就得保證它設計精良,和其他任何銷售和市場推廣材料一樣。這會增加創建設計指南的成本和時間,使得修改它也更加困難。

  

  URL: http://brandingmanual.com/wellabove/7313-on-backgrounds/

  公開的設計指南也讓其他品牌抄襲你變的容易。但你做什么都無法阻止別人這么做(除非法律途徑),設計指南確實使這一點更容易。它為品牌抄襲者減少了步驟。

  不過,一旦你對自己品牌和業務有信心,這一點對是否公開沒多大影響。

  將它作為內部文件,更新和修改會更方便,對于初創公司非常重要。指南本身也不需要“設計”,讓它盡可能保持功能性。當你的設計師工作負擔很重,這么做是有巨大好處的。

返回
在線咨詢
0311-67663355
QQ咨詢

帝易企劃

請聯系您的客服獲取工單提交地址:)

双色球复式投注技巧