在互聯(lián)網(wǎng)時代,,企業(yè)官網(wǎng)是客戶了解企業(yè)相關(guān)信息的第一個窗口,因此能否給客戶留下良好的印象,、深刻的記憶,,決定了客戶的“去”與“留”。
那么官網(wǎng)進行視覺設(shè)計時,,有哪些要點值得關(guān)注進而去提升與優(yōu)化,,以此給瀏覽的客戶帶來好的體驗?今天我們以凡科建站的客戶案例來一同探索,,如何打造具有「吸引力」的企業(yè)官網(wǎng),。
簡潔風(fēng)格帶來的高級感
頁面的整體視覺風(fēng)格決定了品牌的調(diào)性,并且對傳達網(wǎng)站的主題起到了烘托的作用,。
在常見的頁面風(fēng)格中,,有簡潔風(fēng),、極簡風(fēng)、扁平風(fēng),、多彩風(fēng),、扁平風(fēng)、插畫風(fēng)等,。根據(jù)品牌所處的行業(yè),,所售賣的產(chǎn)品而有所差異,選擇契合的風(fēng)格能讓品牌調(diào)性相得益彰,。
其中以電子產(chǎn)品,、工業(yè)產(chǎn)品為主的品牌,因其工業(yè)風(fēng)所特有的理性,、冷靜等特點,,更加適合使用簡潔風(fēng)和扁平風(fēng),以此彰顯產(chǎn)品\品牌的高級感,。
以凡科建站客戶「視源股份」旗下的CVTOUCH品牌官網(wǎng)為例,。
網(wǎng)站整體頁面給人清新、簡潔的感覺,,通過設(shè)置頁面的色彩(通常選擇冷色系)、文字,、圖片以及刻意留白,。讓整個頁面看起來十分通透,不會給瀏覽者帶來視覺壓力,。
與此同時,,少量的文字與圖片配合讓頁面留有不少的空間,布局顯得更加協(xié)調(diào),,層次分明,,易于客戶閱讀,讓客戶更容易記住產(chǎn)品\品牌的主要宣傳點,。
總的來說,,簡潔風(fēng)其實就是在視覺設(shè)計上,刪繁就簡,,將多余的裝飾去除,,多去使用簡單的色塊、狀塊元素,,使整個視覺效果變得干凈整齊,。這既能便于瀏覽者閱讀,同時也能更加突出品牌想要宣傳的重要賣點,。
矩形布局增強氣質(zhì)與視覺體驗
形態(tài)是網(wǎng)站向瀏覽者傳遞情感的要素,。瀏覽者可以透過網(wǎng)站的形態(tài)設(shè)計,,感受整個網(wǎng)站的氛圍。如直線布局給人的速度感,、規(guī)整感,,曲線布局帶來優(yōu)雅、溫柔感覺等,。
在日常的網(wǎng)站布局上,,有點狀、圓狀,、三角形,、矩形、直線,、曲線布局等,。
往往在介紹多賣點、多產(chǎn)品的集合時,,用得最多的是矩形布局,。這樣可給人穩(wěn)定、舒適,、平衡的視覺效果,。
矩形的布局不僅可以很好地劃分頁面的布局結(jié)構(gòu),而且借助矩形設(shè)計其大小,、擺放位置,、顏色等,可以使得整個頁面更有層次感,,讓瀏覽者更加有效地獲取主要的信息,。
做好瀏覽的視覺動線
所謂的“瀏覽動線”其實就是客戶在瀏覽頁面時視線的路徑。據(jù)相關(guān)研究表明,,用戶在瀏覽網(wǎng)頁時視線是成“F”型,,也就是左上角是視覺的重點,用戶普遍具有“從左到右,,從上到下”的瀏覽習(xí)慣,。
因此在網(wǎng)站設(shè)計中,特別是文字信息的安排,,要做到契合瀏覽者的瀏覽習(xí)慣,,以此帶來良好的閱讀體驗。讓瀏覽者按照順暢的次序沿著它流動,,這樣才不會漏看重點,,起到事半功倍的作用。
重點內(nèi)容強調(diào)加粗突出
對于大多數(shù)網(wǎng)站而言,,會選擇方正型的字體為主,,這樣顯得較為正式與官方,,而飄逸型、異型的字體則一般用在與藝術(shù)相關(guān)或者為打造藝術(shù)特質(zhì)的官網(wǎng)上,。
無論是哪種字體的選擇,,首先是為了契合品牌的調(diào)性,其次是為了讓瀏覽者能夠方便,、愉悅地接受網(wǎng)站要傳達的內(nèi)容,。
在網(wǎng)站的文字設(shè)置中,可以通過字體的大小,、粗細,、顏色的合理安排來表達層級關(guān)系。 在字體的安排上,,字體加大號,、加粗、加深(顏色),,往往用于表達重要的內(nèi)容,。
特別是在標(biāo)題上,一般使用突出的字體和其他內(nèi)容區(qū)別開來,,加粗,、加大、強烈的顏色,、藝術(shù)字等,。又或者想要用戶關(guān)注的數(shù)據(jù)、重要信息,,都可以采用這種方式,。
最后,,總結(jié)構(gòu)建具有吸引力官網(wǎng)的技巧,。
1、學(xué)會運營簡潔風(fēng)營造高級感
2,、矩形布局增強氣質(zhì)與視覺體驗
3,、文字排版契合瀏覽動線
4、重點內(nèi)容加粗突出
按照這四大要點,,趕緊使用凡科建站構(gòu)建一個高顏值實用的企業(yè)官網(wǎng)吧,!
打開鏈接了解該網(wǎng)站詳情:http://www.cvtouch.com/