品牌在您的網(wǎng)站上的持續(xù)一致性決定了受眾對(duì)您的業(yè)務(wù)的感知，認(rèn)可和聯(lián)系的成功程度。Via Claudiu Fagadar。
只需按照以下六個(gè)網(wǎng)站設(shè)計(jì)步驟即可在您的網(wǎng)站中建立品牌一致性。你的網(wǎng)站將傳達(dá)一個(gè)大膽，令人難忘的形象，客戶一定會(huì)注意到。
您在網(wǎng)站上使用的每種顏色都會(huì)影響人們對(duì)您公司的體驗(yàn)，因?yàn)槊總€(gè)人都會(huì)喚起自己的情緒反應(yīng)。這被稱為色彩理論，選擇正確的組合可以讓您的觀眾更深入地了解品牌的所有內(nèi)容。例如，黑色和紅色感覺前衛(wèi)。棕色和綠色感覺很樸實(shí)。
確定品牌的主要和次要顏色后，將它們整合到您的網(wǎng)站中。從主導(dǎo)的基色開始，就像您的徽標(biāo)中使用的顏色一樣。將其應(yīng)用于標(biāo)題，副標(biāo)題，背景圖片和插圖 - 人們將自然吸引到您網(wǎng)站上的任何地方。
使用更微妙的重點(diǎn)色調(diào)可用于更多功能方面，例如導(dǎo)航選項(xiàng)卡，鏈接，側(cè)邊欄圖標(biāo)和菜單。對(duì)您的網(wǎng)站進(jìn)行顏色編碼使其看起來清晰，干凈，而不是分散注意力和疏忽。
盡管將每個(gè)平方英寸的網(wǎng)站用內(nèi)容填充是很誘人的，但是對(duì)空白的需求也不容忽視。將這種設(shè)計(jì)技術(shù)融入您的網(wǎng)站實(shí)際上將注意力和理解率提高了20％。
你的眼睛容易過度刺激，但是空白是一塊空白的畫布，讓它們能夠呼吸。與使用文字和圖形使網(wǎng)站飽和相比，客戶將更有能力保留您的品牌標(biāo)識(shí)。不是填充所有可用的間隙和邊距，而是用空白環(huán)繞圖像和文本，以提高可讀性并更有效地傳達(dá)您的想法。
這個(gè)網(wǎng)站的微妙但有效的主題灰度圖像漸漸變成空白，突出了公司的口號(hào)，“太空藝術(shù)?！?/div>
平衡視覺內(nèi)容與戰(zhàn)略空白的網(wǎng)站設(shè)計(jì)是有組織，完善和可訪問的 - 您顯然希望與您的品牌相關(guān)聯(lián)的三個(gè)屬性。
3.保持字體簡單
就像您的品牌顏色一樣，您網(wǎng)站上的字體應(yīng)該是全面統(tǒng)一的。有多種樣式的字體，但太多的變化會(huì)減損你的消息。而不是進(jìn)入字體超載，選擇兩個(gè)相互補(bǔ)充，并支持您的品牌的基調(diào)。您將擁有設(shè)計(jì)一致性而不會(huì)影響品牌個(gè)性。
無論您喜歡老式襯線，現(xiàn)代無襯線字體還是自由形式腳本，請(qǐng)確保字體首先清晰可辨。這可能聽起來很簡單，但無論字體看起來多么時(shí)髦，如果你無法閱讀，你的觀眾也不能。有些字體太古怪而不實(shí)用。
您也可以自定義自己的字體，但在使用此路線時(shí)，請(qǐng)確認(rèn)它與所有互聯(lián)網(wǎng)瀏覽器兼容 - 否則，當(dāng)人們查看您的網(wǎng)站時(shí)，文本將無法正確加載。為了回避這個(gè)問題并仍然能夠?qū)崿F(xiàn)這種獨(dú)特的感覺，請(qǐng)選擇通過Google等服務(wù)器托管的webfont，嵌入到瀏覽器中，然后直接編碼到網(wǎng)站上。雖然這聽起來很復(fù)雜，但實(shí)際過程很簡單，它可以確保您的自定義字體在網(wǎng)站上按照您的意圖進(jìn)行格式化。
4.添加個(gè)人資料
人們想知道你的企業(yè)背后有真實(shí)的名字，面孔和故事，所以在你的網(wǎng)站上注入真正的人性化。
網(wǎng)頁上的個(gè)人詳細(xì)信息
關(guān)于頁面使用引人入勝的文本，進(jìn)度照片和客戶推薦書，使這位私人教練成為稱職，專注和真實(shí)的人。
想想您的在線形象，向觀眾傳達(dá)“我們關(guān)心您并希望為您服務(wù)?！碑?dāng)人們投入時(shí)，他們?cè)敢庵С帜呐?。因此，不要將網(wǎng)站變成營銷中心，而是專注于個(gè)人細(xì)節(jié)，以創(chuàng)造其他人可以聯(lián)系的個(gè)性化體驗(yàn)。
一個(gè)很好的起點(diǎn)是一份使命宣言，告訴客戶你的目標(biāo)是什么以及如何豐富他們的生活。保持簡潔，但具體。并使核心主題具有社會(huì)意識(shí)。隨著您的品牌根據(jù)客戶需求變化，有效的使命宣言也具有自由和流動(dòng)性。
例如，我們都知道Chipotle是鱷梨醬無可爭議的權(quán)威（誰在乎它是否需要額外費(fèi)用?。５麄兊氖姑粌H僅是關(guān)于他們的產(chǎn)品 - 關(guān)于人們：
“23年后，我們致力于尋找能夠尊重動(dòng)物，農(nóng)民和環(huán)境的最佳食材 - 仍然是我們對(duì)“誠信食品”的承諾的核心。隨著我們的成長，我們的使命已擴(kuò)展到確保每個(gè)人都能獲得更好的食物?！?/div>
在定義完任務(wù)聲明后，找到將這些值合并到網(wǎng)頁設(shè)計(jì)中的創(chuàng)造性方法。這是一個(gè)想法：發(fā)布坦率的，幕后的團(tuán)隊(duì)照片，支持您的使命，為您的品牌提供真實(shí)的，以社區(qū)為導(dǎo)向的氛圍。對(duì)您公司文化的未經(jīng)過濾的一瞥將激發(fā)網(wǎng)站的活力和生機(jī)。此外，您的觀眾將感受到與您更緊密的聯(lián)系。
另一個(gè)為您的品牌增加可信度的元素就是證明。當(dāng)然，保護(hù)客戶的許可，然后在主頁上指定空間，以獲取受到業(yè)務(wù)影響的人的真實(shí)故事和報(bào)價(jià)。同行認(rèn)可告訴潛在客戶，您可以信賴您完成任務(wù)。
5.用圖片突出您的內(nèi)容
您網(wǎng)站上的圖片不應(yīng)該比您的品牌傳達(dá)的信息更加閃亮。但是，細(xì)微的圖像重音或底襯可以在節(jié)約使用時(shí)增加創(chuàng)意和美學(xué)深度。有意識(shí)地放置高質(zhì)量的照片，以便在他們閱讀任何單詞之前向觀眾展示您所代表的內(nèi)容。
始終確保圖像與您網(wǎng)站上的內(nèi)容兼容。他們應(yīng)該澄清和擴(kuò)大品牌的聲音，這樣人們就可以想象成為客戶的一部分意味著什么。
例如，想想耐克的客戶 - 這個(gè)品牌的目標(biāo)是一個(gè)成功的運(yùn)動(dòng)，鼓勵(lì)他們的觀眾是激烈的，堅(jiān)韌不拔的決策者。他們的圖形光滑的氛圍表明擁有耐克裝備可以發(fā)展這個(gè)角色。換句話說，戰(zhàn)略策劃的圖像發(fā)送強(qiáng)大的非語言線索。
網(wǎng)頁橫幅和背景圖像設(shè)計(jì)
左一：對(duì)比鮮明的黑色和海軍背景的城市景觀橫幅為這個(gè)資本管理網(wǎng)站提供了一個(gè)智能的國際化外觀。
右二：三個(gè)背景圖像疊加在一起，創(chuàng)造出類似于ombre的效果，將柔和的輪廓和清晰生動(dòng)的細(xì)節(jié)相結(jié)合。
您還可以在網(wǎng)站的主頁上嘗試背景或橫幅圖片，以創(chuàng)建更多維度并優(yōu)化品牌標(biāo)識(shí)。
例如，如果您的企業(yè)具有藝術(shù)感覺 - 畫廊，時(shí)尚品牌或設(shè)計(jì)公司 - 添加生動(dòng)和紋理圖像來說明這一概念。圖形設(shè)計(jì)工作室Pentagram通過點(diǎn)綴小照片的幾何拼貼畫和大型照片的旋轉(zhuǎn)幻燈片來實(shí)現(xiàn)這一點(diǎn)。結(jié)果是運(yùn)動(dòng)，顏色，形狀和混合媒體，以支持公司強(qiáng)調(diào)想象力和創(chuàng)新。
6.在網(wǎng)站上戰(zhàn)略性地放置您的徽標(biāo)logo
公司的徽標(biāo)就像握手一樣。這是潛在客戶遇到您品牌時(shí)的第一印象。最強(qiáng)大的徽標(biāo)是專業(yè)性和個(gè)性的融合，但同樣重要的是您的徽標(biāo)設(shè)計(jì)本身就是在您的網(wǎng)站上顯示的位置。
網(wǎng)頁上的標(biāo)志安排
左一：該網(wǎng)站的標(biāo)志位于左上角，以獲得最大的可見度，其六邊形主題在整個(gè)主頁上編織。
右二：該網(wǎng)站的徽標(biāo)位于導(dǎo)航欄旁邊，方便游客使用，浮雕字體增添了有機(jī)的本土感。
有意識(shí)地和有目的地放置徽標(biāo)的位置。訪客更有可能記住位于左上角附近的徽標(biāo)而不是右側(cè)的徽標(biāo)，因?yàn)榇蠖鄶?shù)語言都是從左到右閱讀。將徽標(biāo)放在那里，這將是讀者潛意識(shí)地與您的網(wǎng)站相關(guān)聯(lián)的第一個(gè)圖像。
當(dāng)然，忽視傳統(tǒng)的左上模型并選擇更獨(dú)特的布局似乎是最前沿的 - 特別是如果該品牌以挑戰(zhàn)規(guī)范和設(shè)定新趨勢(shì)著稱。原創(chuàng)性很重要，但可見性更重要。將徽標(biāo)和導(dǎo)航選項(xiàng)卡分組在一起以獲得方便，輕松和優(yōu)化的用戶體驗(yàn)也是一個(gè)明智的想法。
最終，一致性是關(guān)鍵
從主要元素到細(xì)節(jié)，網(wǎng)站的每個(gè)方面都會(huì)告訴您的目標(biāo)受眾您對(duì)品牌的期望。如果您的網(wǎng)頁設(shè)計(jì)精致，有凝聚力和有條理，人們將相信您的企業(yè)在服務(wù)和質(zhì)量方面提供相同的一致性。
換句話說，與您在線展示品牌的方式保持一致，可以了解您如何離線運(yùn)營業(yè)務(wù)。你想成為可靠和最先進(jìn)的技術(shù)嗎？或脫節(jié)和不專心？是的，確切地說！
網(wǎng)站網(wǎng)頁設(shè)計(jì)教程分享，尚略廣告，上海網(wǎng)站策劃設(shè)計(jì)建設(shè)公司。
本文網(wǎng)址：http://www.uk2b.cn/news_info.asp?id=3443，轉(zhuǎn)載請(qǐng)注明出處。