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