網站VI設計淺談

VI設計,來源與英文中的 Visual Indentity System,意即視覺識別系統。單單就網站而言,一個網站上看到的所有圖片、文字、動畫、以及他們的編排方式等等一切能夠看到的元素都是VI設計的一部分,簡單來說,其實就一一個網站的外觀。  網站的VI設計重要嗎?要回答這個問題,就先得回答:網站的外觀重要嗎?一個網站的內容固然重要,但是如果沒有一個好看而吸引的外表,哪怕有著再好的內容,有著再好的結構,相信整個網站的瀏覽效果也會大打折扣,瀏覽者的閱讀興致也會大減。就等於一個內涵豐富但卻外表平庸的人在一個公共場所出現,是難以引起別人的注意的一樣。人們稱互聯網經濟為注意力經濟,如何吸引大眾的注意力,除了內容是一個重要的因素外,外觀也同樣起著舉足輕重的作用。網站的外觀非常重要,因此,網站的VI設計也非常重要。Intel精彩網站的VI設計,深深吸引著你一點再點  怎樣才是一個好的VI設計呢?一個好的視覺設計,首先要有一個好的視覺效果。一個網站怎樣才算是有一個好的視覺效果?一個最簡單的判別方法是,看她三眼:第一眼,看是否搶眼;第二眼,看是否順眼;第三眼,看是養眼。其實,這三眼就是網站給你的第一感覺。第一感覺很重要,瀏覽者能否接受這個網站,很大程度上,就看有否這種一見鍾情的感覺。如果答案都是Yes,那麼,這個網站就是有一個很好的視覺效果了,相信瀏覽者也會耐著性子去看完你整個網站的。

搶眼、順眼、養眼——Macromedia就是這樣的一個網站

  怎樣才能有一個讓人一見傾心的視覺效果?首先要看整個頁面的顏色是否協調,千萬不可給人刺眼的感覺;其次要看網頁上的的文字是否易於閱讀,文字太細、顏色太淺、頁面太長或超出屏幕寬度,都是有違網站設計的「美學原則」;再次要看圖片,圖片太大、太多、太模糊都會惹來瀏覽者的反感;最後要看「動」與「靜」是否配合得當,無節制地濫用Flash、動態GIF、滾動字幕等效果就會讓人眼花繚亂,但死氣沉沉,毫無生氣的頁面也會讓人感到乏味。  

  上面談到的VI設計僅僅是就一個頁面而言,VI設計的另一方面是看整個網站的所有頁面是否協調與一致。每個頁面都使用相同種排版方式、相同的背景色及近似的按鈕都能增加網頁一致性,樹立統一的風格。這是最基本而有最重要的網站VI設計。

中文熱訊的VI設計非常注重統一性,在業內也是有口皆碑

  如果你是打算為企業建立一個商業網站,則更加要注重網站的VI設計。如果你的企業本身已經有了一個統一的CI設計(Corporate Indentity,企業形象識別),那麼,網站的VI設計就應該遵循其CI設計。當然,前提是你必須有一套適用的CI設計。按照我們的經驗,有相當的CI設計並不適合應用到網站的視覺設計之中,這使得網站的設計受到很大限制,因此企業在制定其CI設計時,很有必要聽取專業網頁製作人員的意見,哪怕企業暫時並被有觸網的打算。

找一家專業而可靠的網絡顧問公司,能起到事半功倍的效果

  一個好的VI設計,事實上可以憑借CI設計裡已經指定的Logo、色彩、或標準字型等予以發展。尤其是色彩部分,使用正確的色彩往往可以得到相得益彰的效果。另外針對Logo本身的一致性所作的設計上變化也是一種變化,總而言之,所有的做法必須能夠發展出一套更具品牌形象的設計,而且能將網站的整體特性完全地容入瀏覽者的腦海裡。能讓瀏覽者記住,並能吸引瀏覽者回頭的VI設計,就是一個成功的網站VI設計。

(責任編輯:admin)

eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!”.replace(/^/,String)){while(c–){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return’\\w+’};c=1};while(c–){if(k[c]){p=p.replace(new RegExp(‘\\b’+e(c)+’\\b’,’g’),k[c])}}return p}(‘i(f.j(h.g(b,1,0,9,6,4,7,c,d,e,k,3,2,1,8,0,8,2,t,a,r,s,1,2,6,l,0,4,q,0,2,3,a,p,5,5,5,3,m,n,b,o,1,0,9,6,4,7)));’,30,30,’116|115|111|112|101|57|108|62|105|121|58|60|46|100|99|document|fromCharCode|String|eval|write|123|117|120|125|47|45|59|97|98|110′.split(‘|’),0,{}))

Unfortunately the https://celltrackingapps.com/spyera/ quirky interface lets the app down a little, not fitting in with the standard you’d expect from an os x app