iT邦幫忙

2023 iThome 鐵人賽

DAY 22
0
Modern Web

UX 的碎片化設計方法系列 第 22

Day 22 - 運用色彩理論增強銀行股票項目的視覺吸引力

  • 分享至 

  • xImage
  •  

什麼是色彩理論


色彩理論是一門研究色彩如何被感知、組合、應用以及影響情感和行為的學科。它探討了不同色彩之間的關係,以及這些色彩在設計、藝術、心理學等領域的應用。色彩理論基於幾個基本概念:

原色和混色:

原色是無法通過混合其他色彩而產生的色彩。常見的原色包括紅、綠、藍。通過不同比例的混合原色,可以創建出各種其他色彩。

色相、飽和度和亮度:

這些是色彩的三個主要屬性。色相描述了色彩的基本種類,如紅、綠、藍。飽和度表示色彩的純度或鮮豔程度,而亮度表示色彩的明暗程度。

顏色的情感影響:

不同的色彩可以引起不同的情感和心理反應。例如,紅色可能與激情和能量相關聯,藍色可能與冷靜和信任相關聯。

色彩組合和對比:

色彩理論探討了如何將不同色彩組合在一起以創建視覺上令人愉悅的設計。對比是一個重要的概念,它涉及不同色彩之間的明顯差異,例如,高對比度可以引起注意,而低對比度可以創造出柔和的效果。

文化和個體差異:

色彩的理解和情感影響在不同文化和個體之間可能有所不同。一些色彩在一個文化中可能具有積極的含義,但在另一個文化中可能具有負面的含義。

色彩理論對於設計、藝術、市場營銷等領域非常重要,因為它可以幫助專業人士更好地選擇和應用色彩,以達到特定的目標和情感效果。

銀行股票設計系統

顏色

  • 主要品牌顏色: #0078D4
  • 按鈕背景色: #F6F6F6
  • 文字顏色: #333333
  • 鏈接顏色: #0078D4
  • 提示信息顏色: #999999

字體

  • 主標題字體: 'Helvetica Neue', Arial, sans-serif;
  • 正文字體: 'Helvetica Neue', Arial, sans-serif;
  • 字體大小: 主標題 - 24px, 正文 - 16px

按鈕

  • 主要按鈕: 背景色 - #0078D4, 文字顏色 - #FFFFFF
  • 次要按鈕: 背景色 - #F6F6F6, 文字顏色 - #333333
  • 連結按鈕: 文字顏色 - #0078D4

圖標

  • 銀行標誌: [銀行標誌圖片連結]

佈局

  • 網頁最大寬度: 1200px
  • 頁面間距: 20px

表單元素

  • 輸入框: 寬度 - 100%
  • 按鈕: 寬度 - 自動
  • 選擇框: 寬度 - 100%

上一篇
Day 21 - 精心打造:銀行股票項目的排版設計原則
下一篇
Day 23 - 打造清晰而吸引的證券交易界面:優化視覺層次結構的秘訣
系列文
UX 的碎片化設計方法30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言