網站的迷人之處在於他的無所不能,他不迷人之處就是也在於他的無所不能,想要他能做很多事,就要先完成更多事 ; 所以今天縮小範圍只來談談網站設計,我們先撇除功能開發,如何來做一個迷人的品牌感的網站。
若網站只先談品牌最在意的問題就是”風格”,需求就是做出一個具品牌風格的網站,那其實我們可以由以下品牌元素來著手討論,若你的品牌風格還未建立起來,希望可以參照此文章,讓你的品牌設計師可以考慮一下設計時的元素規劃:
商標 Logo
品牌 Pattern
配色 Colors
字型 Fonts
商標 Logo
不建議複雜的組合:
通常企業識別設計裡都會提供組合規範,意味的你已有商品與標準字或更多品牌元素的結合用法,這裏建議不要多餘元素,如slogan,Pattern等附加元素,因為網站header(出現Logo的區塊)極其珍貴,Logo的用意只是讓使用者知道 ; 他目前存在的網站是哪個品牌,所以可以識別即可,再者,使用者既然已在您的網站之中,想必他一定知道網站的擁有者是誰。每個商標設計的複雜度都不盡相同,但建議設計師在商標設計時,也一併考慮網站的行動版小尺寸的使用範圍。
通常建議:
桌機使用:Logo與名稱橫式組合,寬度800px依然清晰可識別。
行動版:若使用桌機版但不夠清晰,建議簡化Logo與名稱擇一即可。
圖標:網頁於瀏覽器分頁上,會出現一個方形圖標,至於是Logo本身或是另外設計都可以與業主討論,但比例一定要是方形1:1比例。
品牌 Pattern
這個項目並非每個品牌都會有,即便沒有品牌也可以依照季節或品牌感受度來選用一些Pattern圖片,因為網頁視覺中有Pattern,對於使用者觀看網站的識別感受度是有極高加分作用。
配色 Colors
每個品牌都一定有著自己的標準色,網站設計師其實也如同企業識別設計師,都習慣將配色標準化後再重覆利用,這樣才能維持住網站的整體性與品牌調性,一個好的配色也能達到消費者或使用者立刻直接聯想到品牌,所以配色及其重要。而在網站配色使用上,網頁設計師通常會並免單調,而規劃出不同的用法的配色,基本常見到的就是品牌標準配色,輔助配色,亮色配色,暗色配色等,這樣整體網站在閱讀時,可因為配色將資料區塊分隔,進而達成更舒適的瀏覽體驗,品牌面與體驗面同時加分的做作法。
字型 Fonts
若是完成了以上配置,再加上品牌文字,就一個品牌網站來說是再好不過的了,但現實是,網頁對於字型的要求比較複雜,加上現有多數文字都有版權要求無法隨意使用,所以建議先與設計商討好再進行規劃於執行比較不會平面包裝與網站有著不同的調性風格,讓網站成為遺珠之憾,這邊分享一下安全保線的做法:
現行網頁做法都一律建議使用雲端字型,才能避免其他人無法顯示,不然再怎麼美麗也可能只有你看得見,那就畢其功毀於一意了,所以建議請上Google Fonts上尋找適合你品牌的字型,這樣整體評估下未來品牌在推廣時的效應會比較高。
因為除了英文外,中文的開源字型極其有限,若品牌為購買正版文字授權,盡量單以有無襯線字型來劃分即可,因為網頁文字的顯示,無法百分百與平面等印刷物相等的自由度,所以挑選我們感受接近文字即可。
品牌感的建立,只需鞏固住品牌的基本元素並複製與延伸