細(xì)節(jié)描述
Huazi: 怎樣才能讓用戶一眼記住品牌呢?尤其在教育行業(yè)網(wǎng)站設(shè)計(jì)中,要是沒有一個(gè)強(qiáng)有力的視覺錘,那可太容易讓用戶在眾多同質(zhì)化網(wǎng)站里迷失了。
太古教育的Logo核心元素是一個(gè)金黃色的、類似角錐或箭頭的圖形。這個(gè)設(shè)計(jì)最妙的地方在于,它沒有讓這個(gè)圖形孤零零地待在角落。首先,在頂部的導(dǎo)航欄,「首頁」的選中狀態(tài)就用了這個(gè)標(biāo)志性的金黃色。其次,頁面的左側(cè)有一條貫穿上下的垂直時(shí)間線,同樣是這個(gè)顏色,底部還用那個(gè)角錐圖形做了一個(gè)收尾,巧妙地指向頁腳的Logo。就連那些「探索更多」的按鈕,也用金黃色描邊和文字,與整體視覺風(fēng)格遙相呼應(yīng)。整個(gè)品牌的核心視覺元素,像血液一樣流淌在頁面的各個(gè)關(guān)鍵節(jié)點(diǎn)。
用戶在一次完整的瀏覽過程中,會(huì)反復(fù)、多場景地接觸到這個(gè)核心的品牌符號,這比單純看幾十遍Logo的效果還要好,極大地加深了品牌記憶點(diǎn),統(tǒng)一的視覺元素創(chuàng)造了一種和諧、有序的美感。用戶在瀏覽時(shí),視線會(huì)被這個(gè)醒目的金黃色不自覺地引導(dǎo)。
一個(gè)成熟的設(shè)計(jì)系統(tǒng),不僅僅是定義了按鈕、輸入框長什么樣,更應(yīng)該定義品牌基因如何注入到這些組件中。我們應(yīng)該思考,如何將Logo中的核心元素(如色彩、形狀、質(zhì)感)「拆解」開來,變成一套可以復(fù)用的設(shè)計(jì)語言或設(shè)計(jì)組件,并將其應(yīng)用到界面的各個(gè)角落。