高端品牌網(wǎng)站建造之怎么進步品牌共同性與可用性？

說到品牌網(wǎng)站，咱們首先想到的是品牌規(guī)劃作用，進步品牌規(guī)劃的共同性，會在無形之中使你的規(guī)劃作用更加優(yōu)異，也更易于用戶運用。那么怎么進步品牌規(guī)劃共同性呢？

1、主色、次色以及全體的色調(diào)

為何關(guān)于怎么創(chuàng)立一個優(yōu)異的調(diào)色板有如此多的資料？這是由于顏色能夠作為傳遞品牌效應(yīng)的要害視覺要素之一。
一個特殊的顏色標(biāo)識符能夠快速的告知用戶你是誰。想想這個國際中的那些大品牌——Coca-Cola， Facebook，T-Mobile ，它們無一不具有獨特的品牌色。假如沒有這些顏色，你還能認出他們嗎？
別的，運用好顏色也能夠協(xié)助用戶在運用你的網(wǎng)站過程中始終知道他們是不是在正確的方位。試想假如每個點擊動作都把你帶向一個運用新色調(diào)的頁面，你還會疑問自己終究是不是在正確的地方嗎？
為了創(chuàng)立一個非常棒的調(diào)色板，你應(yīng)該先挑選出一個主要色，然后運用顏色理論添加一到兩個非必須色。再針對每種顏色設(shè)定一組款式和運用規(guī)矩，在之后的規(guī)劃中堅持運用這些規(guī)矩便能保證你在顏色上的共同性。
2、字體巨細、距離和方位

如同顏色應(yīng)該是基于必定款式規(guī)矩的調(diào)色板，字體也是需要設(shè)定規(guī)矩的，而且思路也是相同的。
（1）挑選一個主要字體和巨細。
（2）挑選非必須字體和巨細。
比較于顏色來說，字體的設(shè)置規(guī)矩可能會稍微雜亂一些。 關(guān)于 web 端的款式風(fēng)格來說，你應(yīng)該運用 CSS 來設(shè)置元素的巨細，距離和方位，以便每個標(biāo)簽（如h1，h2，h3，body等）調(diào)用正確的屬性值。
在一個相對固定的方位顯現(xiàn)的字體，如導(dǎo)航中中的字體，應(yīng)該始終保持共同性。假如每個導(dǎo)航元素都選用不相同的字體，用戶將會感到相當(dāng)?shù)睦Щ�。這種共同性規(guī)矩應(yīng)該貫穿整個網(wǎng)站，一切類似的項目中應(yīng)該運用相同的字體形式。
3、元素的尺度巨細和聯(lián)系

你規(guī)劃的界面元素尺度有多大？一切的按鈕都是相同大嗎？標(biāo)題和圖片巨細又是怎么？
元素的巨細應(yīng)該由其風(fēng)格決議，同一元素尺度巨細應(yīng)該保持共同。
元素運用共同的尺度巨細，并且不同元素間的聯(lián)系也保持共同，便能協(xié)助用戶理解你在規(guī)劃上所運用的共同性形式，并創(chuàng)立出一個流暢的視覺觀感，到達一種調(diào)和而平衡的作用。
4、距離留白

跟元素的尺度巨細平等重要的還有元素間的留白。一個元素看起來毫無任何組織和規(guī)矩，能分散人們的注意力——比方一些相片堆疊而其他的則相互之間留有很多的距離。
創(chuàng)立并堅持于一種通用的留白規(guī)矩的最好辦法是運用柵格體系，該體系中那些無形的線條將協(xié)助你決議在哪里放置以及怎么放置一個元素，然后使得每一個像文本、按鈕、圖片這樣的獨立元素都能夠表現(xiàn)的非常和諧。
在你考慮留白規(guī)劃時，必定不能忘了去檢查在筆直和水平方向上的共同性。既要留心那些類似元素的聯(lián)系也不要忽略那些不同元素間的聯(lián)系。
5、跨前言的視覺作用

品牌的視覺作用，比方平面圖和插畫，都應(yīng)該兼容于不同前言。不論你的規(guī)劃是面向一個網(wǎng)站或許宣傳手冊，廣告牌或社會化媒體，品牌的視覺作用都不應(yīng)該隨前言的改動而改動。
這一般涉及到要運用一組通用的圖片處理方式。有些品牌關(guān)于怎么正確的傳達視覺作用會有一些清晰的細則——比方顏色疊加或許水印作用以及圖片長寬比設(shè)置等等。不論你要規(guī)劃的款式終究怎么，都要牢記的一點就是不論將來把它放在哪個前言上，它都應(yīng)該正常的傳達出應(yīng)有的作用才對。
為了最有用的做好這項作業(yè)，你最好創(chuàng)立一個可視化的圖畫集，搜集很多的高質(zhì)量，高分辨率的圖畫以方便你的重復(fù)運用。
6、作業(yè)自然的用戶形式

你的規(guī)劃應(yīng)該跟現(xiàn)有類似的規(guī)劃按著相同的方式發(fā)揮作用，并遵循那些公認的用戶形式。規(guī)劃師們往往想要做些違反事物自然規(guī)律、與眾不同的作業(yè)，你千萬不要掉入這個陷阱。
假如一個網(wǎng)站或許應(yīng)用程序亦或是任何印制元素能按著用戶期待的方式作業(yè)，那么他們之間便能垂手可得的發(fā)生交互。這由于個時候，用戶自身清楚的知道自己要做什么以及該怎么到達方針，而規(guī)劃自身則變?yōu)橐恢粺o形之中指引用戶方向的手（其實這也正應(yīng)該是一個規(guī)劃師的真實方針才對）。
這里有四種類型被普遍承受的規(guī)劃形式值得咱們來考慮:
（1）內(nèi)容形式：規(guī)劃款式和內(nèi)容的情感語氣以及你的品牌。
（2）符號形式：在規(guī)劃整個網(wǎng)站頁面時，你需要用到的 HTML 和 CSS 。
（3）規(guī)劃形式：每一個元素的外觀和一切相關(guān)的風(fēng)格。
（4）用戶形式：用戶怎么與規(guī)劃元素，如按鈕、菜單或圖標(biāo)發(fā)生交互。
7、共同的界面元素

雖說這不是粘性導(dǎo)航，可是思路類似。
關(guān)于你的網(wǎng)站來講，其中的每一個交互動作和界面元素應(yīng)該以相同的方式作業(yè)。
（1）鏈接直接在當(dāng)時標(biāo)簽頁翻開或在新的標(biāo)簽頁中翻開（為每個鏈接挑選一個相同的翻開方式）。
（2）按鈕從頭到尾選用相同的顏色。
（3）導(dǎo)航方位固定且選項不變。
（4）頁腳和側(cè)邊欄應(yīng)持有一個特定的方位和巨細(不應(yīng)使頁腳在一個頁面上巨大而在另一個頁面很�。�。
（5）一切圖標(biāo)易于辨認，且其指向契合用戶的預(yù)期。
（6）可點擊的元素應(yīng)該總是可點擊的（如有鏈接的圖片）。
列出的這幾項展現(xiàn)了一切你在考慮用戶粘性和網(wǎng)站可用性時需注意的一些細節(jié)。必定要記住，假如你答應(yīng)一個元素能履行一個動作，元素自身的款式和交互動作就應(yīng)該是一致的。