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

本文浪訊將會給我們帶來關(guān)于品牌網(wǎng)站建造方面的常識。提到品牌網(wǎng)站，我們首要想到的是品牌規(guī)劃作用，進(jìn)步品牌規(guī)劃的共同性，會在無形之中使你的規(guī)劃作用愈加優(yōu)異，也更易于用戶運(yùn)用。那么怎么進(jìn)步品牌規(guī)劃共同性呢？

1、主色、次色以及整體的色彩

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

好像色彩應(yīng)該是基于必定款式規(guī)矩的調(diào)色板，字體也是需求設(shè)定規(guī)矩的，而且思路也是相同的。
（1）挑選一個首要字體和巨細(xì)。
（2）挑選非必須字體和巨細(xì)。
比較于色彩來說，字體的設(shè)置規(guī)矩可能會略微復(fù)雜一些。 關(guān)于 web 端的款式風(fēng)格來說，你應(yīng)該運(yùn)用 CSS 來設(shè)置元素的巨細(xì)，距離和方位，以便每個標(biāo)簽（如h1，h2，h3，body等）調(diào)用正確的特點(diǎn)值。
在一個相對固定的方位顯現(xiàn)的字體，如導(dǎo)航中中的字體，應(yīng)該一直保持共同性。假如每個導(dǎo)航元素都選用不相同的字體，用戶將會感到適當(dāng)?shù)睦Щ�。這種共同性規(guī)矩應(yīng)該貫穿整個網(wǎ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)立出一個流通的視覺觀感，到達(dá)一種調(diào)和而平衡的作用。
4、距離留白

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

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

你的規(guī)劃應(yīng)該跟現(xiàn)有相似的規(guī)劃按著相同的方法發(fā)揮作用，并遵從那些公認(rèn)的用戶形式。規(guī)劃師們往往想要做些違反事物天然規(guī)律、異乎尋常的事情，你千萬不要掉入這個圈套。
假如一個網(wǎng)站或許應(yīng)用程序亦或是任何印制元素能按著用戶等待的方法作業(yè)，那么他們之間便能輕而易舉的產(chǎn)生交互。這由于個時分，用戶自身清楚的知道自己要做什么以及該怎么到達(dá)方針，而規(guī)劃自身則變?yōu)橐恢粺o形之中指引用戶方向的手（其實(shí)這也正應(yīng)該是一個規(guī)劃師的真實(shí)方針才對）。
這里有四種類型被遍及承受的規(guī)劃形式值得我們來考慮:
（1）內(nèi)容形式：規(guī)劃款式和內(nèi)容的情感口氣以及你的品牌。
（2）符號形式：在規(guī)劃整個網(wǎng)站頁面時，你需求用到的 HTML 和 CSS 。
（3）規(guī)劃形式：每一個元素的外觀和一切相關(guān)的風(fēng)格。
（4）用戶形式：用戶怎么與規(guī)劃元素，如按鈕、菜單或圖標(biāo)產(chǎn)生交互。
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)持有一個特定的方位和巨細(xì)(不該使頁腳在一個頁面上巨大而在另一個頁面很�。�。
（5）一切圖標(biāo)易于辨認(rèn)，且其指向符合用戶的預(yù)期。
（6）可點(diǎn)擊的元素應(yīng)該總是可點(diǎn)擊的（如有鏈接的圖片）。
上班列出的這幾項展現(xiàn)了一切你在考慮用戶粘性和網(wǎng)站可用性時需注意的一些細(xì)節(jié)。必定要記住，假如你答應(yīng)一個元素能執(zhí)行一個動作，元素自身的款式和交互動作就應(yīng)該是一致的。
今日浪訊給我們分享的幾個提高品牌規(guī)劃共同性的技巧，還適用于視覺/UI/產(chǎn)品規(guī)劃等，實(shí)戰(zhàn)性很強(qiáng)，主張保藏。