myMKC管理知識中心Logo
    • English
    • 正體中文
    • 简体中文
    • 日本語
    • แบบไทย
    • Melayu
    • Tiếng Việt
    • 한국어
    • Filipino
    • Türkçe
    • Indonesia
    • नेपाली
    • हिंदी
    • မြန်မာ
    • বাংলা
    • فارسی
    • Монгол
    • සිංහල
    • ພາສາລາວ
    • កម្ពុជា។
    • Fiji
  • myMKC Facebook粉絲團
myMKC管理知識中心Logo
  • English
  • 正體中文
  • 简体中文
  • 日本語
  • แบบไทย
  • Melayu
  • Tiếng Việt
  • 한국어
  • Filipino
  • Türkçe
  • Indonesia
  • नेपाली
  • हिंदी
  • မြန်မာ
  • বাংলা
  • فارسی
  • Монгол
  • සිංහල
  • ພາສາລາວ
  • កម្ពុជា។
  • Fiji
  • 焦點議題
    • 【經管寶酷】總經理專欄
    • 經管鎂光燈
    • 六大服務團
    • 閱讀趣系列活動
  • 產業
    • 農業
    • 製造業
    • 服務業
  • 主題
    • 經營管理
    • 市場行銷
    • 人力資源
    • 智慧服務
    • 智慧製造
    • 職業安全衛生
    • 職場技能
    • 政府資源
  • 顧問漫談
  • 能力雜誌
  • 學習資源
    • 能力雜誌
    • 圖書
    • 短影音
    • Podcast
  • CPC學院
    • ESG學院
    • 全區教育訓練網
    • 職訓證照課程
    • NeST2.0成長營
    • 經管顧問師班
    • 流通業顧問師班
  • 關於我們
    • 關於myMKC
    • CPC官網
    • EMA 企業會員
    • 企業經管輔導
    • 客服中心
  • 公開徵稿
  • myMKC Facebook粉絲團
搜尋
  1. 首頁
  2. 主題
  3. 經營管理
經營管理

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

  • 撰文者:
    • 郭育伶 郭育伶
  • 2014/09/10 瀏覽數:4250
  • 網站
  • 有感
  • 設計
  • 關鍵字行銷
  • 社群
  • html
  • planning
  • layout
  • content
  • save

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

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

視覺化介面設計

►從文字來看

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

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

►從圖片來看

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

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

多樣性單元版面

►從配置來看

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

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

►從配色來看

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

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

結語

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

Top
猜你喜歡
邁向碳中和 企業永續發展策略3大關鍵
邁向碳中和 企業永續發展策略3大關鍵
透過體驗設計 協助商業服務業抓住消費者的心
透過體驗設計 協助商業服務業抓住消費者的心
傳統市場與新式商場的比較與價值探討
傳統市場與新式商場的比較與價值探討
您可能會有興趣的出版品
【即將出版】AI 創新世代:打開無界商機的創新思維+'_封面'
【即將出版】AI 創新世代:打開無界商機的創新思維
人物境共好:平衡 成長 共生(CPC 65 周年紀念專刊)+'_封面'
人物境共好:平衡 成長 共生(CPC 65 周年紀念專刊)
阿Q新解-品質意識導入+'_封面'
阿Q新解-品質意識導入
經營餐飲店:一定賺錢的秘笈+'_封面'
經營餐飲店:一定賺錢的秘笈
2020年1月號767期-2020全球大趨勢搶先報+'_封面'
2020年1月號767期-2020全球大趨勢搶先報
2019年7月號761期-新動經濟學+'_封面'
2019年7月號761期-新動經濟學
2018年4月號746期-HR如何逆轉勝+'_封面'
2018年4月號746期-HR如何逆轉勝
2020年10月號776期-遠距辦公如何打造高績效?+'_封面'
2020年10月號776期-遠距辦公如何打造高績效?
您可能會有興趣的課程
台南
建築物室內裝修工程管理實務班 - 兩週假日班

上課時間 2026/08/15 ~ 2026/08/23

台北
系統思考與決策力提升實務 - <外籍主管> - <採英文授課> - <多國語言企業包班>

上課時間 2026/04/24 ~ 2026/04/24

高雄
職場必修!基礎-進階函數 + AI 高效工作術 - 自備筆電

上課時間 2026/04/28 ~ 2026/05/05

台北
RPA X HR 自動化流程 - 請攜帶電腦

上課時間 2026/07/30 ~ 2026/07/30

台北
運用流程管理提昇工作效率

上課時間 2026/04/21 ~ 2026/04/21

高雄
QCC品管圈實務培訓班:圈員能力養成與案例研討

上課時間 2026/08/18 ~ 2026/08/18

台南
職業安全衛生教育訓練管理類結訓電腦測驗-115年第3梯

上課時間 2026/04/15 ~ 2026/04/17

台北
六標準差綠帶班 - 請學員攜帶筆電(NB)

上課時間 2026/07/31 ~ 2026/09/04

台北
製造業課長管理能力培訓班

上課時間 2026/08/07 ~ 2026/08/07

高雄
Excel的函數遙控器:Power Query快速入門 - 自備筆電

上課時間 2026/09/16 ~ 2026/09/16

mymkc Logo
  • 總部地址:221新北市汐止區新台五路一段79號2樓
  • 電話:(02)2698-2989
  • 傳真:(02)2698-2976
  • 客戶服務專線:0800-022-088(服務時間AM 8:30-PM 5:30)

©中國生產力中心版權所有請尊重智慧財產權勿任意轉載違者依法必究

  • 輔導諮詢
  • Line@
  • FB粉絲團
  • Youtube