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