怎麼設計網頁?好的網頁怎麼製作?8個網頁設計與製作技巧教學1 min read

By 2021-10-14 數位行銷方法
設計網頁技巧

如何設計網頁?網頁設計8大必備技巧,好的網站設計與製作,可以讓造訪網站的人增加停留時間,進而對品牌產生好感度或是增加購買意願及信賴感,因此為展現出企業或品牌形象特色,讓瀏覽者留下深刻印象。尤其網站首頁是網頁設計中最重要的頁面,通常它也是帶來最高流量的頁面,讓造訪網站的瀏覽者,留下過目不忘的第一印象!我們整理以下8大必備網頁設計與製作技巧,幫助你在網站製作前就有初步的概念。

每個企業網站製作的重要識別。大衛.艾里曾說:「當我們看一樣東西時,我們不是先閱讀。我們會先注意到形狀、注意到顏色,如果這些都足以抓住我們的注意力,我們才會開始閱讀。」

品牌的LOGO通常是一個品牌與外界群眾的第一個接觸點,若是群眾喜歡LOGO,就更容易接受公司的產品或服務。

網站識別LOGO

圖片來源:Unsplash

網頁大標題及次標題要簡潔有力

網站製作首頁,可以用主標+副標,主標可以是「公司名稱」、「品牌名稱」,副標則設定一句最主要訴求的標語,簡而有力的字眼,吸引群眾的目光,例如:「宏林跨媒體整合行銷|你的行銷KPI,我們使命必達」。

顏色與色調要一致

人們會在90秒內對顏色產生品牌定義,在淺意識中會牽引著我們的行動。網站主色調建議使用品牌Logo色與其相近色,展現出品牌特色,統一網站視覺風格。

  • 黃色:樂觀、年輕、高興,常被使用在櫥窗吸引顧客的注意力,例如:ikea、麥當勞。
  • 紅色:喚起動作、活力、熱情、愛、侵略或危險的感覺。例如:樂高 LEGO、H&M、清倉大拍賣。
  • 藍色:產生信任感、有條理、創新的感覺,常出現在金融業和科技業,例如:Facebook、DELL、intel。
  • 綠色:與自然、健康有關,通常會使用在實體店家,可傳遞放鬆的感覺,例如:星巴克咖啡廳、有機食品店。
  • 橘色:感到活力、溫暖、創造行動呼籲,以帶動訂閱、購買或銷售。
  • 粉紅色:浪漫和女性主義,通常會女性的和年輕女性的產品、例如:婦幼診所。
  • 黑色:展現品牌尊貴、高級、經典的感覺,通常出現在奢華產品,例如:香奈兒、Nike。
  • 紫色:會讓人感到神秘、放鬆和冷靜,常被用在常美妝和抗老化的產品。
網站顏色與色調

圖片來源:Verywell

利用情境圖營造氛圍

通常為網站製作的主要視覺,傳達企業形象,與企業的商品或服務產生連結,營造「想使用產品或服務的慾望」。例如:知名國籍航空EVA AIR,利用情境式圖片,引導瀏覽者「我想訂機票去國外渡假」的感覺。

長榮航空官方網站

圖片來源:長榮航空

文案加上圖表傳達資訊

可依照品牌風格在適當的區塊選用圖表,讓瀏覽者快速簡易明白所傳達企業的服務內容,或以圖文並茂為重點。亦可利用連結的方式,將使用者導引至有完整資訊的頁面。

文案加上圖表傳達資訊

圖:宏林跨媒體

網頁的整體排版需留意

為網頁使呈現整體和諧感,請勿使用超過3種不同的字體,會讓網站看起來沒有結構且不專業,所以應減少使用過多的尺寸類型,此外,掌握兩行文本之間的間距或行高,可以有效提升閱讀性。

支援行動版,RWD 響應式網頁設計

網站製作必須自動偵測使用者上網的裝置尺寸,RWD響應式網頁設計能針對不同螢幕的大小而自動調整網頁圖文內容。

加入行動呼籲(CTA / Call To Action)按鈕

企業網站為創造更好的網路行銷效益,當瀏覽者來到網站後,你希望他們達成的目標動作?其目的是購買產品、訂閱電子書又或是申請會員,一般常見的「行動呼籲」有馬上下載、加入購物車、申請加入或填單諮詢等。

適當的設置行動呼籲,在瀏覽者閱讀到一個段落後,可能產生動機,即可在下面區塊置入行動呼籲按鈕。

行動呼籲按鈕

圖:宏林跨媒體

網頁設計與行銷公司推薦 —「宏林跨媒體」

擁有15年的網路行銷經驗,並培養網頁設計、網站行銷等專業領域的行銷人才,確保每一分預算都花在最適合的網站操作上,協助你將網站完成架設網站,更能兼顧網站SEO行銷,落實與強化你的企業網站。

不必再費心想網站怎麼設計與行銷,宏林為你的網站訂制最佳方案!

馬上免費諮詢!

更多學習文章

如何經營自媒體?自媒體怎麼行銷?8個技巧免費增加網站流量

網站分析是什麼?2021年網站分析教學(流程/分析工具/學習資源)

如何進行網站SEO健檢?照著SEO優化清單做就對了!

網站後台系統(CMS)要怎麼選?需要客製化嗎?後台沒建好怎麼辦?

Lucy

Author Lucy

More posts by Lucy