網站,設計出令人有感的網站!!

瀏覽數:4094


  一個好的網站,除了一開始的規劃工作很重要外,到底要如何做出一個令人有感的網站,更是吸引瀏覽者停留的重要關鍵。而如何製作一個「令人有興趣」的網站,也是一門學問,因為每個人所需要的資訊皆不相同。網站未來的定位,在現在除了資訊即時、速度要快外,同時還必須兼顧瀏覽者之使用需求,如何有效達成與瀏覽者間互動外,更是不可或缺的關鍵因素。而若能注意到這些資訊,那你的網站便有可能成為下一個具有指標性的網站。

  PLCS,它是一個網站在建置之初,所必須考量到的基本問題;而視覺化的設計、資訊技術的提昇,則是這個網站想提供那一種介面給大眾的意識型態;有些是以蘊藏豐富知識的內容為主,像是本中心的管理知識顧問平台(myMKC);有些是以酷、炫、流行的互動介面為主,更有些僅是提供一簡單、方便、易操作的概念為主,像是Apple官方網站;而不論你想提供的是那一種,往往取決於使用這個網站的使用者,這些不同的功能規劃、操作介面等等,也會隨著不同的世代,將持續的給予這些網站更多的生命力。

視覺化介面設計

►從文字來看

  設計一視覺突顯的網站,能看到的文字,除了內文的部份外,最重要的就是它的「標題」,也就是這個網站的名稱,如果活動用的EDM,則就是它的活動名稱了。

  通常瀏覽者一進入網站看到的,除了照片,就是大標題了。有一個好的標題,會幫網站增添幾分不同的感受。也可以利用不同的字型變化、字體大小,甚於是字的不規則設計等等,都能將這個標題的意境,充分的表現出來。而內文或是介紹文字,它是讓標題或是圖像用來搭配使用的,像有時候,我們可以利用文字的重疊感,來強化整體的多層立體感。但是要切忌使用過多的文字,因為會造成視覺上的文字疲勞,這樣就不好了。像是下圖,它利用了標題的傾斜變化,來做一主體,再利用說明文字的外框設計,使用內容明顯。

►從圖片來看

  創造一易讀性佳的網站,如何讓一般使用者瀏覽操作的時候,有好的閱讀動線,也是很重要。那些重點是屬於重點推廣項目,那些是屬於說明文字。一般來說,所謂的「閱讀動線」 ,其實泛指的就是創造出一個易於閱讀的版面。如何製作一份讓瀏覽者能夠一看就懂的活動EDM,或者是一看就能上手操作的網站,在設計規劃上來說是重要。而通常最快的方式就是採用「圖像」的方式,根據主題性的不同,選用適合的圖像,不管是用意象式的插畫,或者是具象的照片,都是很好的選擇。而在製作的過程中,也不能只注重所謂的順序,這樣會造成內容的呆板,而流失了它原有的特性。

  一個好的網站,除了會使用好的標題、適合的圖像外,其實更重要的是,如何將它們重整再合併,就是考驗設計者的經驗了。像是如何利用大版面圖像,搭配文字變化,做一不同的效果呈現,像是下圖的樣式,它是一份針對未婚男女的聯誼活動EDM,它的設計重點是充分的利用背景圖像的選用,選擇切合主題的照片,設計出一張適合的背景圖像;接著,再利用文字變化的技巧,讓人充分感受到所謂「wedding」的概念。

多樣性單元版面

►從配置來看

  在目前看到的範例裡面,其實可規納出幾個原則,而如何在這些原則中,再找出屬於企業自我的獨特性,這才是吸引瀏覽者駐留的地方。不管是利用圖像垂直、水平、文字傾斜、物件大小的方法,來設計標題或圖像,可以讓它產生不同的效果。一般可以利用「對比」的方式來做,不管是實用性、故事性、方便性,又或是設計神秘感、緊張感、時空感等,都可以利用它所營造出來的氛圍,讓人除了願意停留外,更願意再次造訪網站。

  像下圖,它是一個計畫的成果發表廣宣EDM,目的是可以告訴大家它的活動資訊,及它目前的執行成果。除了文字的描述外,也同時利用了不規則的照片編排方式,再搭配背景的底圖,搭配上打開書本的概念,充分將所有成果一次收錄呈現在版面中。

►從配色來看

  再者,是挑選適合的色調,因為不管今天是使用的標題,或是做為主體的圖像,其實最重要的還是「顏色」。因為它是在開啟網站的同時,即瞬間印入眼簾的直接感受。企業網站在色調的選擇上,會延續企業的品牌識別系統(CIS)。不管今天是走冷色調,或是暖色調,如何營造讓顧客一看就知道,自然是最重要的目標。你可以利用重點色加強的方式,也可以用同色調切換的方式,這樣自然就有不同的呈現手法。像同樣是管理顧問的角度來挑選時,就可能會根據不同的企業文化,有不同的效果。

  以下圖為例,它是一個既有豐富知識,同時又希望是能呈現一穩重不失年輕感,所以先營造出一個較具專業的感覺,同時搭配使用了沈穩的咖啡色系,但又怕造成瀏覽者的視覺負擔,所以又再利用明亮的ICON同步使用,讓整體網站更具明亮感。

結語

  其實,當一個網站已經由「規劃期」,進入到所謂「建置期」時,除了要利用網站本質的內涵,來搭配視覺化的設計時,如何成功將它行銷擴散出去,確實是一項不可或缺的要素!在規劃之初,不論是內容、樣式的訂定,甚至是成本的分配,這必須將這所謂的「網站行銷」,一併納入考量。不論你是運用關鍵字行銷方式,又或許是利用互動式社群的病毒式行銷,不管使用的資訊技術手法為何,如何能夠有效的推廣出去,並且成功吸引瀏覽者回流,那麼這個網站的行銷就成功了,並且也能將企業形象再次做一提昇,往成功之路更進一步。

更多資訊請參考...
{{item.title}}
生產力中心提供的活動資訊
{{item.title}}
相關出版品...