24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 網頁設計 
    • 網頁設計 
    • 人才外判計劃 
  • 網絡行銷 
    • SEO搜尋引擎優化 
    • SEM搜尋引擎行銷 
    • 社交網絡推廣策略及推廣 
    • EDM 電郵宣傳策略及設計 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » 版式設計小技巧:盤點那些容易出效果的排版小妙招
  • 近期文章

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
  • 網上推廣

    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
    • 提速網站FCP分數:全面攻略助你搶佔香港SEO先機
    • 精準流量變現的關鍵:香港企業如何利用SEO提升會員轉化率?
    • SEO公司緊急警報:網站流量突然暴增?小心黑帽SEO植入
  • 網頁設計

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
    • 網頁設計中最基礎的配色技巧 讓網頁在色彩海洋中脱穎而出
  • APP開發

    • APP設計技巧:如何利用重疊設計來增加APP的魅力
    • UX設計技巧:如何做好APP的BAR設計?提升整體APP的用戶體驗
    • APP設計策略:如何將信息對比應用APP設計中,以提高用戶體驗?
    • UI設計指南:底部彈出框需要重視哪些設計原則
    • Headspace APP設計案例分析:APP設計實踐中需運用哪些UX設計定律

版式設計小技巧:盤點那些容易出效果的排版小妙招

分類: 最新資訊, 網頁設計 Tags: #排版佈局, 版式設計, 網頁設計 日期: 2019-04-03

看了很多版式技巧仍然排不好版?其實,很多版式技巧都比較籠統,每個人用起來都會有不同效果。如果你想要一學就會很容易出效果的排版小妙招,不妨看看以下一些更為具體的版式技巧,或許能幫你解決排版不好看的問題。

技巧一:文疊文

版式設計小技巧:盤點那些容易出效果的排版小妙招

這個操作非常簡單,就是在標題或內文下面增加相關的單詞或阿拉伯數字。但處理文字時需注意,以便增加版面的層次和豐富性:

· 下面的文字顏色要比上面的文字淡,避免影響其識別性;

· 字體要夠粗夠大;

· 要與上面的文字錯位排版。

技巧二:給標題增加小色塊

版式設計小技巧:盤點那些容易出效果的排版小妙招

這是一種增強標題設計感的的處理方式,單純的文字標題難免顯得單調,增加輔助元素,例如給標題增加小色塊,可以使它變得更豐富。

添加小色塊時需注意:

1.色塊的高度最好大於筆畫厚度,小於文字的高度;

2.添加方式可以是疊加文字之上或置於文字底部;

3.色塊的顏色最好來源於版面中的其他元素。

技巧三:用斜線或點填充空白

版式設計小技巧:盤點那些容易出效果的排版小妙招

做設計時,經常會出現這兩種情況:

1.留白太多,影響版面平衡,但沒有合適內容填充,強行硬塞很可能會弄巧成拙;

2.區域小元素小信息比較多、比較散。

遇上以上兩種情況,可利用斜線或點重複排列成一個矩形填充到空白處,這樣既可以平衡版面,又不會造成突兀的感覺,但此方法只適合填補小空白,不適合填補大面積的空白。

或者可以在比較散的元素下方排一組斜線,把各個分散的元素聯繫起來,使其成為一個整體。

技巧四:把背景分成兩個斜切的色塊

版式設計小技巧:盤點那些容易出效果的排版小妙招

背景很大程度會影響版面設計感,常規的處理方式就是把背景作為一整個色塊,並分割成兩個幾何色塊,這樣會增加不少設計感。

分割背景時需注意:

1.在背景的黃金分割處,劃一條傾斜的直線貫穿版面,使整個背景一分為二;

2.兩個色塊的顏色對比要;

3.在橫版中用左右分割,豎版中用上下分割效果會比較好。

技巧五:給圖片加圓形色塊

版式設計小技巧:盤點那些容易出效果的排版小妙招

增加對比關係是加強設計感的最有效技巧,如果版面配圖沒有背景產品或人物,可加上圓形色塊,創造出虛與實的對比。

要點:

1.色塊可以置於圖片底部,也可以採用正片疊底壓在圖片上方;

2.圓形色塊的邊長至少要超出圖片寬或高;

3.圖片與色塊要錯位排列。

技巧六:給每行文字加色塊

版式設計小技巧:盤點那些容易出效果的排版小妙招

這與直接在文字下方加大色塊不同,而是根據每行文字的不同長度,單獨加上相應長短的色塊,所以這些文字的長短最好不一樣。這種處理方式,可以使整段文字更和諧,同時增加視覺衝擊力,二期還能使文字與背景區分,加強文字的識別性。

要點:

1.段落文字行數不宜太多或太少;

2.各個小色塊可相互連起來,也可相互隔開,按實際效果為準。

技巧七:用飄帶裝飾文字

飄帶一般具有禮品、贈送的含義,用在哪裡都不會太唐突,而且飄帶形式簡單、能豐富畫面的細節,很適合用作裝飾元素。此外,飄帶的形式一般採用柔軟的曲線,這與版面其他直線元素形成鮮明對比,加強版面的靈活性。

以上技巧雖然看起來既簡單又實用,但都只能優化局部,千萬不要指望它們能適合所有情況。在實際操作中,一定要具體問題具體分析,靈活運用,才能讓你的設計更加出彩。

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 @ 2023 Inspirr Creation. All rights reserved.

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