說到品牌網站,咱們首先想到的是品牌規劃作用,進步品牌規劃的共同性,會在無形之中使你的規劃作用更加優異,也更易于用戶運用。那么怎么進步品牌規劃共同性呢?
1、主色、次色以及全體的色調
為何關于怎么創立一個優異的調色板有如此多的資料?這是由于顏色能夠作為傳遞品牌效應的要害視覺要素之一。
一個特殊的顏色標識符能夠快速的告知用戶你是誰。想想這個國際中的那些大品牌——Coca-Cola, Facebook,T-Mobile ,它們無一不具有獨特的品牌色。假如沒有這些顏色,你還能認出他們嗎?
別的,運用好顏色也能夠協助用戶在運用你的網站過程中始終知道他們是不是在正確的方位。試想假如每個點擊動作都把你帶向一個運用新色調的頁面,你還會疑問自己終究是不是在正確的地方嗎?
為了創立一個非常棒的調色板,你應該先挑選出一個主要色,然后運用顏色理論添加一到兩個非必須色。再針對每種顏色設定一組款式和運用規矩,在之后的規劃中堅持運用這些規矩便能保證你在顏色上的共同性。
2、字體巨細、距離和方位
如同顏色應該是基于必定款式規矩的調色板,字體也是需要設定規矩的,而且思路也是相同的。
(1)挑選一個主要字體和巨細。
(2)挑選非必須字體和巨細。
比較于顏色來說,字體的設置規矩可能會稍微雜亂一些。 關于 web 端的款式風格來說,你應該運用 CSS 來設置元素的巨細,距離和方位,以便每個標簽(如h1,h2,h3,body等)調用正確的屬性值。
在一個相對固定的方位顯現的字體,如導航中中的字體,應該始終保持共同性。假如每個導航元素都選用不相同的字體,用戶將會感到相當的困惑。這種共同性規矩應該貫穿整個網站,一切類似的項目中應該運用相同的字體形式。
3、元素的尺度巨細和聯系
你規劃的界面元素尺度有多大?一切的按鈕都是相同大嗎?標題和圖片巨細又是怎么?
元素的巨細應該由其風格決議,同一元素尺度巨細應該保持共同。
元素運用共同的尺度巨細,并且不同元素間的聯系也保持共同,便能協助用戶理解你在規劃上所運用的共同性形式,并創立出一個流暢的視覺觀感,到達一種調和而平衡的作用。
4、距離留白
跟元素的尺度巨細平等重要的還有元素間的留白。一個元素看起來毫無任何組織和規矩,能分散人們的注意力——比方一些相片堆疊而其他的則相互之間留有很多的距離。
創立并堅持于一種通用的留白規矩的最好辦法是運用柵格體系,該體系中那些無形的線條將協助你決議在哪里放置以及怎么放置一個元素,然后使得每一個像文本、按鈕、圖片這樣的獨立元素都能夠表現的非常和諧。
在你考慮留白規劃時,必定不能忘了去檢查在筆直和水平方向上的共同性。既要留心那些類似元素的聯系也不要忽略那些不同元素間的聯系。
5、跨前言的視覺作用
品牌的視覺作用,比方平面圖和插畫,都應該兼容于不同前言。不論你的規劃是面向一個網站或許宣傳手冊,廣告牌或社會化媒體,品牌的視覺作用都不應該隨前言的改動而改動。
這一般涉及到要運用一組通用的圖片處理方式。有些品牌關于怎么正確的傳達視覺作用會有一些清晰的細則——比方顏色疊加或許水印作用以及圖片長寬比設置等等。不論你要規劃的款式終究怎么,都要牢記的一點就是不論將來把它放在哪個前言上,它都應該正常的傳達出應有的作用才對。
為了最有用的做好這項作業,你最好創立一個可視化的圖畫集,搜集很多的高質量,高分辨率的圖畫以方便你的重復運用。
6、作業自然的用戶形式
你的規劃應該跟現有類似的規劃按著相同的方式發揮作用,并遵循那些公認的用戶形式。規劃師們往往想要做些違反事物自然規律、與眾不同的作業,你千萬不要掉入這個陷阱。
假如一個網站或許應用程序亦或是任何印制元素能按著用戶期待的方式作業,那么他們之間便能垂手可得的發生交互。這由于個時候,用戶自身清楚的知道自己要做什么以及該怎么到達方針,而規劃自身則變為一只無形之中指引用戶方向的手(其實這也正應該是一個規劃師的真實方針才對)。
這里有四種類型被普遍承受的規劃形式值得咱們來考慮:
(1)內容形式:規劃款式和內容的情感語氣以及你的品牌。
(2)符號形式:在規劃整個網站頁面時,你需要用到的 HTML 和 CSS 。
(3)規劃形式:每一個元素的外觀和一切相關的風格。
(4)用戶形式:用戶怎么與規劃元素,如按鈕、菜單或圖標發生交互。
7、共同的界面元素
雖說這不是粘性導航,可是思路類似。
關于你的網站來講,其中的每一個交互動作和界面元素應該以相同的方式作業。
(1)鏈接直接在當時標簽頁翻開或在新的標簽頁中翻開(為每個鏈接挑選一個相同的翻開方式)。
(2)按鈕從頭到尾選用相同的顏色。
(3)導航方位固定且選項不變。
(4)頁腳和側邊欄應持有一個特定的方位和巨細(不應使頁腳在一個頁面上巨大而在另一個頁面很小)。
(5)一切圖標易于辨認,且其指向契合用戶的預期。
(6)可點擊的元素應該總是可點擊的(如有鏈接的圖片)。
列出的這幾項展現了一切你在考慮用戶粘性和網站可用性時需注意的一些細節。必定要記住,假如你答應一個元素能履行一個動作,元素自身的款式和交互動作就應該是一致的。 |