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

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

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

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

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

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

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

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

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

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