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-01-04

配色方案永遠是網頁設計中恆久不變的熱門話題,儘管網絡上關於配色的內容多如牛毛,但是真正了解當中奧秘的人又有多少呢?下面,Inspirr Creation將從不同的層面分析配色最容易忽略的問題,希望對各位提高色彩搭配技巧有所幫助。

一、配色常見誤區

網頁設計技巧:如何輕鬆選出網站的基礎色

很多設計師認為自己配色不好看的主要原因在於不會配色,其實是身處誤區而渾然不知:

誤區一:先配色,後設計;

誤區二:只會在有基礎色或主色的前提下配色,但不懂得選一個符合整體的基礎色遠比配色重要;

誤區三:大多數配色理論雖然沒錯,但也只是給設計師提供一種方向,因此配色時不能完全依靠理論去配色。

二、顏色來源,從主體入手

網頁設計技巧:如何輕鬆選出網站的基礎色

主體是畫面中最重要的部分,所以網頁設計上的基礎色來源一般會從主體身上提取,這樣有利於主色與主題形成更強烈的呼應關係,具體操作如下:

1.將主題整體比例最大的顏色作為主色,這樣會使整體更加和諧舒服,且整個視覺衝擊力都會變得柔軟些;

2.將主體整體比例較小的顏色作為主色,這樣能拉開主體與背景的層次,增強整體視覺衝擊力,減弱畫面的統一性。

3.提取主體色作為配色參考形式,通過搭配點綴色,使整體不再給人單調的視覺感受。

三、顏色來源,從風格入手

網頁設計技巧:如何輕鬆選出網站的基礎色

無論進行哪種設計內容,首先一定要確定設計作品的風格路線,然後圍繞確定好的風格選材、選色、搭配主體等。在很多情況下,確定風格也就等於間接地確定選色的區間,所以結合風格特徵去選色是一種很不錯的方式。

此外,結合風格來配色,不僅不會使畫面變得突兀,而且對提高畫面擴展性有很大的幫助。

四、顏色來源,從文案入手

網頁設計技巧:如何輕鬆選出網站的基礎色

如果網頁建設的目的是為了服務商業,那麼我們就需要圍繞文案、產品制定風格和主題,選色方面也需要參考文案,從文案中提取關鍵詞,再選擇相應的顏色。

文案在設計中有着很高的重要性,大多數用戶在不看文案的前提下,是需要花費不少的時間來理解畫面,因此將文案與畫面很好的結合,能大大提升用戶對整體設計的理解速度,更利於視覺信息的傳遞。

五、顏色來源,從主體反色

網頁設計技巧:如何輕鬆選出網站的基礎色

前面所述主要通過顏色找整體的呼應關係,使畫面更加和諧。當然,我們也可以反其道而行之,使用主體顏色的反色作為主色調。

通過主題色的對比色或間隔形成對比效果,能使主體在畫面中的視覺形象更加鮮明,視覺感受更強烈。此外,再增添些許的點綴色,大約在5%-10%左右,能在很大程度上豐富畫面整體的色感,使畫面變得更加活潑。

配色是否合理,除了看整體效果,設計的整體感都很重要的。因此在配色過程中,如果你對顏色的選擇模稜兩可,不妨從畫面的主體、風格、文案等進行選擇,讓你有更好的思路和方向,搭配出更出彩的配色。

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.

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