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

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

為何關(guān)于怎么創(chuàng)立一個(gè)優(yōu)異的調(diào)色板有如此多的材料？這是由于色彩能夠作為傳遞品牌效應(yīng)的關(guān)鍵視覺(jué)要素之一。
一個(gè)特別的色彩標(biāo)識(shí)符能夠快速的通知用戶(hù)你是誰(shuí)。想想這個(gè)世界中的那些大品牌——Coca-Cola， Facebook，T-Mobile ，它們無(wú)一不具有共同的品牌色。假如沒(méi)有這些色彩，你還能認(rèn)出他們嗎？
別的，運(yùn)用好色彩也能夠協(xié)助用戶(hù)在運(yùn)用你的網(wǎng)站過(guò)程中一直知道他們是不是在正確的方位。試想假如每個(gè)點(diǎn)擊動(dòng)作都把你帶向一個(gè)運(yùn)用新色彩的頁(yè)面，你還會(huì)疑問(wèn)自己終究是不是在正確的當(dāng)?shù)貑幔?br> 為了創(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ì)略微復(fù)雜一些。 關(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)用正確的特點(diǎn)值。
在一個(gè)相對(duì)固定的方位顯現(xiàn)的字體，如導(dǎo)航中中的字體，應(yīng)該一直保持共同性。假如每個(gè)導(dǎo)航元素都選用不相同的字體，用戶(hù)將會(huì)感到適當(dāng)?shù)睦Щ蟆＿@種共同性規(guī)矩應(yīng)該貫穿整個(gè)網(wǎng)站，一切相似的項(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é)助用戶(hù)了解你在規(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í)，必定不能忘了去檢查在垂直和水平方向上的共同性。既要留意那些相似元素的聯(lián)系也不要忽略那些不同元素間的聯(lián)系。
5、跨前言的視覺(jué)作用

品牌的視覺(jué)作用，比方平面圖和插畫(huà)，都應(yīng)該兼容于不同前言。不論你的規(guī)劃是面向一個(gè)網(wǎng)站或許宣揚(yáng)手冊(cè)，廣告牌或社會(huì)化媒體，品牌的視覺(jué)作用都不該該隨前言的變化而改動(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è)天然的用戶(hù)形式

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

雖然這不是粘性導(dǎo)航，可是思路相似。
關(guān)于你的網(wǎng)站來(lái)講，其間的每一個(gè)交互動(dòng)作和界面元素應(yīng)該以相同的方法作業(yè)。
（1）鏈接直接在當(dāng)前標(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è)腳在一個(gè)頁(yè)面上巨大而在另一個(gè)頁(yè)面很�。�。
（5）一切圖標(biāo)易于辨認(rèn)，且其指向符合用戶(hù)的預(yù)期。
（6）可點(diǎn)擊的元素應(yīng)該總是可點(diǎn)擊的（如有鏈接的圖片）。
上班列出的這幾項(xiàng)展現(xiàn)了一切你在考慮用戶(hù)粘性和網(wǎng)站可用性時(shí)需注意的一些細(xì)節(jié)。必定要記住，假如你答應(yīng)一個(gè)元素能執(zhí)行一個(gè)動(dòng)作，元素自身的款式和交互動(dòng)作就應(yīng)該是一致的。
今日浪訊給我們分享的幾個(gè)提高品牌規(guī)劃共同性的技巧，還適用于視覺(jué)/UI/產(chǎn)品規(guī)劃等，實(shí)戰(zhàn)性很強(qiáng)，主張保藏。