24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 網頁設計 
    • 網頁設計 
    • 人才外判計劃 
  • 網絡行銷 
    • SEO搜尋引擎優化 
    • SEM搜尋引擎行銷 
    • 社交網絡推廣策略及推廣 
    • EDM 電郵宣傳策略及設計 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » 為何你的版式設計總是不合心意 版式設計從哪幾方面入手
  • 近期文章

    • 如何優化搜尋功能,為顧客打造一間「會讀心」的網上商店?
    • 網站製作應該使用無限滾動還是分頁來展現內容?
    • 深受客户推薦的SEO公司通常具備哪些特質?
    • SEO公司分享:網上推廣及線下宣傳兩大方式的營銷秘訣
    • 網站設計指南:如何打造一個既專業又人性化的留學教育類網站?
  • 網上推廣

    • 深受客户推薦的SEO公司通常具備哪些特質?
    • SEO公司分享:網上推廣及線下宣傳兩大方式的營銷秘訣
    • 子網域的SEO維護指南,讓流量翻倍成長的秘訣!
    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
  • 網頁設計

    • 如何優化搜尋功能,為顧客打造一間「會讀心」的網上商店?
    • 網站製作應該使用無限滾動還是分頁來展現內容?
    • 網站設計指南:如何打造一個既專業又人性化的留學教育類網站?
    • 無可替代的神秘力量:探索黑色配色方案在網頁設計中的高級應用
    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
  • APP開發

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

為何你的版式設計總是不合心意 版式設計從哪幾方面入手

分類: 最新資訊, 網頁設計 Tags: 版式設計, 網頁設計, 網頁風格 日期: 2018-09-14

很多企業在設計網站的時候,都會參考國內外的優秀作品,而這些企業網站往往只有華麗的外表,卻缺少真正的設計內涵。下面,Inspirr Creation將為大家介紹版式設計原理的幾個方面,讓對這方面不熟悉的企業能更快掌握版式設計。

為何你的版式設計總是不合心意 版式設計從哪幾方面入手

一、構圖平衡

在設計中,平衡是視覺傳達設計的一個重要方面。

為何你的版式設計總是不合心意 版式設計從哪幾方面入手

1. 對稱平衡

對稱平衡講究條理和平衡佈局的設計,而且相對較容易創建。

特點:穩定、莊嚴、安寧、沉靜和古典。

2. 非對稱平衡

非對稱平衡由於版式是不可預見的,所以空間變化比較大。

特點:靈活,富有活力,且比較多樣,常見的非對稱平衡包括:對角線構圖、S形構圖、發射狀構圖、中心構圖、二分構圖、形狀構圖六種形式。

3. 整體平衡

整體平衡指的是,圖片充滿整個版面,文案佈局在上下、左右、中部位置。

特點:主要以圖像為訴求,視覺傳達直觀且強烈,給人大方舒展的感覺。

二、設計原則

為何你的版式設計總是不合心意 版式設計從哪幾方面入手

對構圖形式有一個基本的了解之後,就要開始從構圖的基本原則入手。

1) 對比

設計缺乏對比,會使作品變得平淡無味,而且不能有效傳遞信息,對比類型包括:大小對比、粗細對比、冷暖色對比等等。

2) 對齊

任何元素都不能在版面上隨意安放,版面上找到可以對齊的元素,可以讓每一個元素與頁面的內容應該存在某種視覺聯繫。

3) 親密性

相關的元素距離縮短,歸組在一起,能有助於組織信息,減少混亂,讓結構變得更加清晰。

4) 重複

重複的目的是統一且增強視覺效果,但要注意重複的度。一般來說,呈均勻的重複式圖案,比較適合背景中使用。

5) 留白

內容較多的情況下,巧妙地使用留白,能讓頁面透氣,有呼吸感,給人一種舒適的感覺。

6) 變化

一成不變的元素會讓網頁設計變得乏味無趣,版面也缺乏靈活感,所以適當地對元素進行改變,能打破版面平淡的感覺,使畫面更加有層次感。

三、色彩平衡

為何你的版式設計總是不合心意 版式設計從哪幾方面入手 為何你的版式設計總是不合心意 版式設計從哪幾方面入手

關於配色,相信大家都有自己一套見解,Inspirr就不多說,但還是介紹比較實用的色彩平衡:

① 互補色——相互襯托

互補色是色環中相對的兩種顏色,如:綠色和紅色,兩種顏色相互襯托,能達到一種平衡。

② 冷暖色——情感表達

表達強烈的情感時,我們最常用到的就是冷暖色的對比。

③ 深淺色——色彩層次

深淺指的是黑白灰對比的重和輕,一般來說,色深顯重要,色淺顯次要。

④ 中性色和彩色——視覺聚焦

中性色主要以黑白灰為主,也叫無彩色,當中性色充當背景色,彩色部分會更加突出和聚焦。

⑤ 純色和花色——平衡多色關係

主體顏色豐富鮮艷,背景顏色也是五顏六色就會使人眼花繚亂,所以採用純色背景搭配鮮艷的主題顏色,能緩解視覺疲勞和平衡多色之間的關係。

四、字體搭配

為何你的版式設計總是不合心意 版式設計從哪幾方面入手

不同字體有不同的氣質,所以在選擇合適的字體時應該從網頁風格入手。

1 黑體

工業現代感較強的無襯線字體,給人端正剛硬且有力量的感覺,多用於表達簡潔且信賴的主題。

2 宋體

細緻優雅的襯線字體,特點是復古,多用於表達文藝或時尚的主題。

3 圓體

圓體筆畫圓潤、柔美可愛,且富有親和力,適合女性或兒童主題領域的網站。

4 書法體

書法體特點瀟灑大方,氣勢磅礴,具有歷史感,多用於表達傳統文化或歷史主題。

5 哥特體

裝飾性較強的稱線字體,特點是犀利、凌厲,多用於表達驚悚、魔法童話或戰爭的主題。

6 藝術體

藝術體具有強烈的藝術風格和設計感的字體,特點輕鬆活潑,具有一定的觀賞性和趣味性。

版式設計的學問很大,而且適用的範圍也很廣,幾乎所有設計領域都離不開版式設計,因此想做好版式設計,不妨從以上幾方面入手,好好鍛煉自己的設計能力。

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.

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