如何建設企業(yè)網(wǎng)站才能更具吸引力 |
作者:本站 發(fā)布時(shí)間:2018-01-16 瀏覽:1181次 |
企業(yè)網(wǎng)站是企業(yè)直接面向用戶(hù)的窗口,借助企業(yè)網(wǎng)站可以推廣企業(yè)形象、宣傳企業(yè)產(chǎn)品,為企業(yè)提供展示平臺、開(kāi)辟互聯(lián)網(wǎng)市場(chǎng)、開(kāi)拓銷(xiāo)售渠道、節約運營(yíng)成本,同時(shí)也為用戶(hù)提供了解企業(yè)的途徑,為商務(wù)交易提供便捷方式。企業(yè)網(wǎng)站為了達到建設網(wǎng)站的目的,提高用戶(hù)對網(wǎng)站的認可程度,對網(wǎng)站的吸引力提出了較高的要求。設計師如何能在設計層面上抓住用戶(hù)眼球,突顯企業(yè)文化,提升網(wǎng)站吸引力,值得進(jìn)一步探討。 1 準確的設計風(fēng)格 品牌風(fēng)格 一個(gè)強大的品牌能夠使企業(yè)從競爭者中脫穎而出,網(wǎng)頁(yè)設計的目標是將網(wǎng)頁(yè)和用戶(hù)連結,有效傳達品牌和信息,為用戶(hù)建立對品牌的信任感,幫助推廣品牌。網(wǎng)站的整體風(fēng)格,從配色、logo、圖標、導航、背景、版式……設計師創(chuàng )建的每一個(gè)元素都需要和品牌緊密掛鉤,形成渾然一體的品牌風(fēng)格,讓用戶(hù)在進(jìn)入網(wǎng)站之后就能感知企業(yè)文化。 設計風(fēng)格 如今,關(guān)于扁平化與擬物化孰優(yōu)孰劣的討論此起彼伏。擬物化設計強調設計要反映物理世界的真實(shí)細節與質(zhì)感,但大多數擬物化界面并沒(méi)有實(shí)現功能化,花費大量的時(shí)間在視覺(jué)效果上,反而降低了效率。扁平化設計摒棄高光、陰影等造成透視感的效果,通過(guò)抽象、簡(jiǎn)化、符號化的設計元素來(lái)表現,非常適合目前人們更希望專(zhuān)注于信息和任務(wù)本身的需求,但是因為去掉了裝飾,使得個(gè)性化的空間很小,造成令人深刻的界面不多,設計師很容易實(shí)現它,但是要做出真正出色的東西卻更難。 設計的好壞不是“美學(xué)”可以決定的,風(fēng)格不存在好壞,對設計風(fēng)格的選取要取決于需求的實(shí)際情況,擬物化不會(huì )就此消失,一方面總是有人喜歡,另一方面部分界面需要趣味和親和力,有必要用到擬物化,同時(shí)極簡(jiǎn)的設計,也會(huì )被人看膩而適當加入一些裝飾元素。 2 合理的排版設計 網(wǎng)頁(yè)尺寸 隨著(zhù)科技發(fā)展,顯示器屏幕尺寸越做越大,大屏幕在逐漸普及,以往1000px寬度的網(wǎng)站已經(jīng)不能滿(mǎn)足于大屏幕的展示。因此在設計中需要考慮不同屏幕尺寸下,界面元素的展示方式。最基本的要求是要考慮好最大及最小的場(chǎng)景:1920×1080和1024×768,通過(guò)科學(xué)合理地布局以滿(mǎn)足大部分用戶(hù)瀏覽網(wǎng)站的舒適度。 常用結構 大批網(wǎng)站有一套通行的排版布局模式,頁(yè)頭、頁(yè)腳、側邊欄和內容區域,企業(yè)網(wǎng)站一般常用的布局包括國字型、拐角型、左右框架型、上下框架型等。 國字型最上面是標題導航,下面是主要內容,呈現左中右結構,中間較寬是主要部分,左右較窄分列兩小條內容,最下面是網(wǎng)站基本信息、聯(lián)系方式、版權聲明等。拐角型與國字型很相近,上面是標題導,下面左側是一窄列鏈接,右側是較寬的正文,下面也是網(wǎng)站的輔助信息。左右框架型是一種左右為分別兩頁(yè)的框架結構,一般左側是導航鏈接,有時(shí)最上面會(huì )有一個(gè)小的標題或logo,右側是主要內容。上下框架型與左右框架類(lèi)似,區別僅在于上下分為兩頁(yè)。 排版趨勢 互聯(lián)網(wǎng)的變化翻天覆地,雖然不少傳統企業(yè)的網(wǎng)站設計更傾向于傳統風(fēng)格,但是也開(kāi)始有企業(yè)關(guān)注網(wǎng)站轉型,比較注重視覺(jué)效果和公司形象展現,網(wǎng)站布局不再拘泥于固定格式,不再?lài)栏褡裱撤N準則或既定體系,不少有創(chuàng )意的網(wǎng)站布局讓排版方式進(jìn)入了一個(gè)新的時(shí)代。 3 優(yōu)秀的配色方案 配色內容 顏色的使用在企業(yè)網(wǎng)站設計中占據著(zhù)非常重要的位置,創(chuàng )建一套具有凝聚力又能抓人眼球的色板是創(chuàng )建一個(gè)成功網(wǎng)站的先決條件。好的配色不論是用來(lái)集中用戶(hù)的注意力還是表達感情或者是傳遞信息都是非常有力的工具。網(wǎng)頁(yè)設計的配色包括四塊內容:主體色,是占據網(wǎng)頁(yè)面積最大的一塊顏色,面積占整個(gè)網(wǎng)頁(yè)的40% ~ 70%;輔助色,一般是主體色在色輪90度以?xún)鹊慕粕?,起到變化的作用,面積占20% ~ 30%;點(diǎn)睛色,一般取主色和輔色色輪120 ~ 180度的對比色或者補色,起到點(diǎn)睛作用,面積在10%以?xún)?背景色,是網(wǎng)頁(yè)上什么也沒(méi)有的情況下顯示的顏色。 配色方法 (1)應用品牌色。網(wǎng)站的配色是影響網(wǎng)站視覺(jué)效果的重要元素,色彩是最容易吸引用戶(hù)的,成功的企業(yè)往往都會(huì )巧妙地運用品牌色,利用色彩刺激用戶(hù)的視覺(jué),增強對品牌的記憶力。如果擁有現成的品牌,構建網(wǎng)站的時(shí)候,可以根據企業(yè)提供的CI和VI資料使用現成的品牌風(fēng)格指南,根據需求適當地拓展出不同深淺、色度的衍生色,將品牌色作為界面的主體配色來(lái)使用,這樣更符合企業(yè)品牌的需要。 (2)創(chuàng )建配色方案。如果需要從無(wú)到有構建一個(gè)全新的配色,最簡(jiǎn)單安全的方法是使用單色配色,很多網(wǎng)頁(yè)的主體通常使用白色或淺灰色的背景搭配深灰色或者黑色的文字,首先這種對比度能夠確??勺x性,其次黑白灰中性色可以和任何配色方案搭配,在簡(jiǎn)單大方的基調上選擇一個(gè)比較柔和的顏色,擴展它的色相、飽和度和亮度,就可以創(chuàng )建出一個(gè)單色配色方案。也可以再增加一個(gè)新的高亮顏色,例如在藍色中加入橙色或者綠色,通過(guò)兩種色彩的選擇,一主一次,支撐起網(wǎng)站視覺(jué)。在必要的時(shí)候,可以基于這兩種色彩拓展出更多的同色系色彩,令網(wǎng)站色彩更加豐富。 (3)運用其他色彩選取方法。除了根據色彩原理自行創(chuàng )建配色之外,還可以借助一些色彩選取方法,得到好用且高效的配色方案。這些配色的靈感可以源自于其他作品,也可以得自于天然,可以使用在線(xiàn)的色輪工具,也可以向其他設計領(lǐng)域進(jìn)行借鑒,只要是一套靠譜的方案就會(huì )有助于設計。
|