本文浪訊將會給我們帶來關(guān)于品牌網(wǎng)站建造方面的常識。提到品牌網(wǎng)站,我們首要想到的是品牌規(guī)劃作用,進步品牌規(guī)劃的共同性,會在無形之中使你的規(guī)劃作用愈加優(yōu)異,也更易于用戶運用。那么怎么進步品牌規(guī)劃共同性呢?
1、主色、次色以及整體的色彩
為何關(guān)于怎么創(chuàng)立一個優(yōu)異的調(diào)色板有如此多的材料?這是由于色彩能夠作為傳遞品牌效應(yīng)的關(guān)鍵視覺要素之一。
一個特別的色彩標識符能夠快速的通知用戶你是誰。想想這個世界中的那些大品牌——Coca-Cola, Facebook,T-Mobile ,它們無一不具有共同的品牌色。假如沒有這些色彩,你還能認出他們嗎?
別的,運用好色彩也能夠協(xié)助用戶在運用你的網(wǎng)站過程中一直知道他們是不是在正確的方位。試想假如每個點擊動作都把你帶向一個運用新色彩的頁面,你還會疑問自己終究是不是在正確的當?shù)貑幔?br>
為了創(chuàng)立一個非常棒的調(diào)色板,你應(yīng)該先挑選出一個首要色,然后運用色彩理論添加一到兩個非必須色。再針對每種色彩設(shè)定一組款式和運用規(guī)矩,在之后的規(guī)劃中堅持運用這些規(guī)矩便能確保你在色彩上的共同性。
2、字體巨細、距離和方位
好像色彩應(yīng)該是基于必定款式規(guī)矩的調(diào)色板,字體也是需求設(shè)定規(guī)矩的,而且思路也是相同的。
(1)挑選一個首要字體和巨細。
(2)挑選非必須字體和巨細。
比較于色彩來說,字體的設(shè)置規(guī)矩可能會略微復(fù)雜一些。 關(guān)于 web 端的款式風格來說,你應(yīng)該運用 CSS 來設(shè)置元素的巨細,距離和方位,以便每個標簽(如h1,h2,h3,body等)調(diào)用正確的特點值。
在一個相對固定的方位顯現(xiàn)的字體,如導(dǎo)航中中的字體,應(yīng)該一直保持共同性。假如每個導(dǎo)航元素都選用不相同的字體,用戶將會感到適當?shù)睦Щ蟆_@種共同性規(guī)矩應(yīng)該貫穿整個網(wǎng)站,一切相似的項目中應(yīng)該運用相同的字體形式。
3、元素的尺度巨細和聯(lián)系
你規(guī)劃的界面元素尺度有多大?一切的按鈕都是相同大嗎?標題和圖片巨細又是怎么?
元素的巨細應(yī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)站或許宣揚手冊,廣告牌或社會化媒體,品牌的視覺作用都不該該隨前言的變化而改動。
這通常涉及到要運用一組通用的圖片處理方法。有些品牌關(guān)于怎么正確的傳達視覺作用會有一些明確的細則——比方色彩疊加或許水印作用以及圖片長寬比設(shè)置等等。不論你要規(guī)劃的款式終究怎么,都要牢記的一點就是不論將來把它放在哪個前言上,它都應(yīng)該正常的傳達出應(yīng)有的作用才對。
為了最有用的做好這項作業(yè),你最好創(chuàng)立一個可視化的圖畫集,搜集很多的高質(zhì)量,高分辨率的圖畫以便利你的重復(fù)運用。
6、作業(yè)天然的用戶形式
你的規(guī)劃應(yīng)該跟現(xiàn)有相似的規(guī)劃按著相同的方法發(fā)揮作用,并遵從那些公認的用戶形式。規(guī)劃師們往往想要做些違反事物天然規(guī)律、異乎尋常的事情,你千萬不要掉入這個圈套。
假如一個網(wǎng)站或許應(yīng)用程序亦或是任何印制元素能按著用戶等待的方法作業(yè),那么他們之間便能輕而易舉的產(chǎn)生交互。這由于個時分,用戶自身清楚的知道自己要做什么以及該怎么到達方針,而規(guī)劃自身則變?yōu)橐恢粺o形之中指引用戶方向的手(其實這也正應(yīng)該是一個規(guī)劃師的真實方針才對)。
這里有四種類型被遍及承受的規(guī)劃形式值得我們來考慮:
(1)內(nèi)容形式:規(guī)劃款式和內(nèi)容的情感口氣以及你的品牌。
(2)符號形式:在規(guī)劃整個網(wǎng)站頁面時,你需求用到的 HTML 和 CSS 。
(3)規(guī)劃形式:每一個元素的外觀和一切相關(guān)的風格。
(4)用戶形式:用戶怎么與規(guī)劃元素,如按鈕、菜單或圖標產(chǎn)生交互。
7、共同的界面元素
雖然這不是粘性導(dǎo)航,可是思路相似。
關(guān)于你的網(wǎng)站來講,其間的每一個交互動作和界面元素應(yīng)該以相同的方法作業(yè)。
(1)鏈接直接在當前標簽頁翻開或在新的標簽頁中翻開(為每個鏈接挑選一個相同的翻開方法)。
(2)按鈕從頭到尾選用相同的色彩。
(3)導(dǎo)航方位固定且選項不變。
(4)頁腳和側(cè)邊欄應(yīng)持有一個特定的方位和巨細(不該使頁腳在一個頁面上巨大而在另一個頁面很。
(5)一切圖標易于辨認,且其指向符合用戶的預(yù)期。
(6)可點擊的元素應(yīng)該總是可點擊的(如有鏈接的圖片)。
上班列出的這幾項展現(xiàn)了一切你在考慮用戶粘性和網(wǎng)站可用性時需注意的一些細節(jié)。必定要記住,假如你答應(yīng)一個元素能執(zhí)行一個動作,元素自身的款式和交互動作就應(yīng)該是一致的。
今日浪訊給我們分享的幾個提高品牌規(guī)劃共同性的技巧,還適用于視覺/UI/產(chǎn)品規(guī)劃等,實戰(zhàn)性很強,主張保藏。 |