24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 服務範圍 
    • 網頁設計 
    • 網絡行銷 
      • SEO搜尋引擎優化 
      • SEM搜尋引擎行銷 
      • 社交網絡推廣策略及推廣 
      • EDM 電郵宣傳策略及設計 
      • 部落格/博客/討論區行銷方案 
    • 網上推廣 
    • 人才外判計劃 
  • 優惠推介 
    • SE0上頭版推廣 
    • SEO教學課程 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » 別以為Banner沒有技術含量 分分鐘鐘讓網頁設計師痛不欲生
  • 近期文章

    • 網站SEO基礎知識:什麼時候做網站SEO優化最好?只要產品有市場都可做SEO
    • UI設計技巧:如何巧妙地運用配色方案來創建不同調性的介面
    • SEO優化基礎知識:為什麼網站速度優化如此重要?網站速度該如何優化
    • UI設計流行趨勢:Get好這四款近期非常流行的色彩趨勢!
    • 如何擬定多語言網站的SEO優化策略?抓緊機遇,開拓更多國際市場!
  • 網上推廣

    • 網站SEO基礎知識:什麼時候做網站SEO優化最好?只要產品有市場都可做SEO
    • SEO優化基礎知識:為什麼網站速度優化如此重要?網站速度該如何優化
    • 如何擬定多語言網站的SEO優化策略?抓緊機遇,開拓更多國際市場!
    • 經營網站不可或缺的功能:如何透過站內搜尋改善網站SEO優化策略
    • 【SEO優化教學】有哪些SEO優化技巧可以提升Wix SEO效能
  • 網頁設計

    • UI設計技巧:如何巧妙地運用配色方案來創建不同調性的介面
    • UI設計流行趨勢:Get好這四款近期非常流行的色彩趨勢!
    • 【優秀APP設計案例分析】如何設計出符合用戶喜好的旅遊類APP
    • 【UI設計案例分析】韓國UI設計好在哪?哪些地方值得我們學習
    • UI設計技巧:如何創建輪播圖體驗有利於提高行銷轉換
  • APP開發

    • 如何提高UI設計的精緻度?掌握這五個UI設計技巧
    • APP設計技巧:掌握這些APP設計細節,讓你的APP變得更加精緻
    • 【案例分析】韓國UI設計特點 提升作品的質感和設計感
    • APP設計新知:左文右圖和右文左圖的差異在哪裡
      APP設計新知:左文右圖和右文左圖的差異在哪裡
    • UI設計教程:關於APP頂部欄的UI設計規則和使用方式
      UI設計教程:關於APP頂部欄的UI設計規則和使用方式

別以為Banner沒有技術含量 分分鐘鐘讓網頁設計師痛不欲生

分類: 最新資訊, 網頁設計 Tags: #頁面佈局, banner設計, 網頁設計 日期: 2018-11-19

Banner在網頁設計中佔有很重要的位置,也是最能吸引用戶眼球的元素之一。很多人認為Banner設計沒有什麼技術含量,只要隨便放兩張圖、排幾個字的事就可以了。事實上Banner設計要研究的東西就很難,尤其是在短時間內製作一個出彩的Banner。下面,Inspirr Creation就為大家分享一些做Banner的小經驗。

一、版式

別以為Banner沒有技術含量 分分鐘鐘讓網頁設計師痛不欲生

在明確網站主題和內容後,我們就要根據主題和內容設計版式,即排版佈局。確定Banner佈局時,一定要清楚表達核心思路,正確展示想要給用戶看的東西。

排版一般分為兩種:

1.圖文左右排版

圖文左右排版是設計Banner中最常用到的方式。以左右圖文分割排版的方式構圖,能使畫面更具獨立性和引導性。這種佈局方式留白較多,能很好地將Banner的信息更顯明確和品質感。

2.文字居中

這種方式多適用於電商促銷和公眾號文章封面等,主要是為了突出文字內容,其他元素則是為了搭配文字做出的氣氛烘托。這樣佈局會讓畫面的視覺更聚焦,信息更集中,在突出主體的同時給畫面帶來一定的衝擊力,從而吸引用戶點擊。

二、文字

別以為Banner沒有技術含量 分分鐘鐘讓網頁設計師痛不欲生

文案中的文字要區分主次,使用合適且識別度高的字體,吸引用戶的注意力,讓人一下子看到主體。主要同一畫面中字體的使用盡量不要超過三種,否則會顯得非常雜亂。

Banner常用的字體包括:

1.襯線體

襯線體簡單且容易變形,能給人一種古典,經典,文藝的感覺,非常適合用於文藝氣息的傢具用品或文娛類的相關宣傳設計

2.非襯線體

非襯線體較簡潔,筆畫較粗,容易產生視覺重點,突顯現代和簡約的特性,讓標題不會過於死板。非襯線體適用於蒼勁有力的促銷類相關設計,能很好地吸引用戶的注意力,提高Banner點擊率。

3.書法體

展現中國文化和揮灑豪氣的書法體,適合於傳統、中國風、意境的文藝主題和金戈鐵馬般的豪邁主題,能將整體畫面營造的中國古典風更好的融合起來。

三、配色

別以為Banner沒有技術含量 分分鐘鐘讓網頁設計師痛不欲生

整個Banner風格中,要設定主色調和輔色調。一般在整個畫面中色彩佔用最多的顏色就是主色調,而輔色調則是在在整個畫面所點綴對比的一個顏色,這兩者的關係就就好比電影中的主角和配角。

一般來說,不同的顏色代表的風格和適合場合都是不一樣的,如:

黑色代表高端、科技,一般用在汽車、智能科技產品和作品及消息發佈上。

白:代表簡約,清新,素雅,一般是用在飾品、家居、化妝品等。

每種顏色代表的含義,在設計Banner的時候,要根據設定的主題和文案的內容,選擇合適的顏色,襯托想要表達的情緒和氛圍,盡量使整體顏色及風格和諧統一,從而抓住用戶注意力,提高用戶的點擊量和轉化率。

四、點綴

別以為Banner沒有技術含量 分分鐘鐘讓網頁設計師痛不欲生

點綴元素的存在是為了豐富畫面,增加畫面的活躍氛圍,給用戶愉悅或刺激感,增加消費者的購買慾望。

點綴元素存在的形式多樣,但大致可分為三種:

1.基礎形狀點綴

這種類型的點綴主要是運用矢量形狀以漸變色的方式豐富畫面,給用戶帶來較強的視覺衝擊力,從而提高Banner點擊率。

2.抽象形狀點綴

這種點綴的細節一般會比背景顏色較深,同時整體採用微漸變,適當的隱去一些邊角,使點綴元素更好地融進背景中,使整個畫面變得更加年輕和活潑。

3.賣點提煉點綴

這種點綴方式非常簡單,就是把產品的賣點提煉出來,使用背景對比色或鄰近色將賣點突顯出來。這種設計方式的難度係數不大,其重點在於設計師對色彩和賣點提煉的把控。

如何製作出優秀的Banner?簡單來說,就是以上所介紹的四點要根據Banner的主題和風格設計,同時要突出賣點之餘還要讓畫面和諧,這樣才能讓Banner更賦有品質感。

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
訂閱電子報 公司最新資訊 Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
    • 網頁設計
    • 平面設計
    • 網上推廣
    • 程式開發
    Inspirr網頁設計香港
    公司資訊
    概覽
    職位空缺
    服務範圍
    網站設計流程
    SEO網站優化
    手機程式開發
    平面設計
    作品案例
    網頁設計案例
    手機程式案例
    多媒體設計案例
    平面商業設計案例
    聯繫我們
    • inspirr Facebook
    • inspirr vimeo
    • inspirr blog
    • 雅虎認證官網
    • 新浪微博認證

    Inspirr網頁設計公司專業設計網站

    網頁設計、網上商店、編寫程序、網上顧問、網上廣告、網上行銷等。我們擁有優秀專業的團隊,獨特的網頁設計功能,Web Design等技術,秉持網上商店品質、創新、服務的經營理念,集合設計、科技及網上推廣的元素。

    inspirr地址

    香港上環德輔道中248號東協商業大廈6樓601室

    Inspirr聯繫電話

    (852) 3749 9734

    Inspirr郵箱

    Copyright @ 2022 Inspirr Creation. All rights reserved.

    友情鏈接: 香港網頁設計 公司網站管理