VISUAL IDENTITY SYSTEM
品牌視覺設計 (VI)
Logo & VI 系統設計 · 宣傳物料與包裝設計 · 社群圖文模版
打造一致性品牌視覺識別，提升品牌專業形象與市場競爭力
STEP 01
Logo & VI 核心系統
品牌標誌是企業視覺識別的核心，精準的設計規範確保品牌在各種應用場景中保持一致性與專業度
01
品牌標誌最終方案
核心系統
展示品牌標誌的最終定稿版本，包含完整色彩版、黑白版、反白版等多種應用形式，適用於不同背景與媒介。
'/%3E%3Crect x='115' y='165' width='20' height='10' fill='%23ffffff'/%3E%3Ctext x='125' y='220' text-anchor='middle' font-size='14' font-weight='bold' fill='%23333'%3E品牌名稱%3C/text%3E%3Ctext x='125' y='238' text-anchor='middle' font-size='10' fill='%23999'%3EBRAND NAME%3C/text%3E%3Ctext x='125' y='310' text-anchor='middle' font-size='11' fill='%23667eea' font-weight='bold'%3E完整彩色版%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='230' y='80' width='150' height='250' fill='%23ffffff' stroke='%23e0e0e0' stroke-width='2' rx='8'/%3E%3Ccircle cx='305' cy='150' r='35' fill='%23333333'/%3E%3Crect x='295' y='165' width='20' height='10' fill='%23ffffff'/%3E%3Ctext x='305' y='220' text-anchor='middle' font-size='14' font-weight='bold' fill='%23333'%3E品牌名稱%3C/text%3E%3Ctext x='305' y='238' text-anchor='middle' font-size='10' fill='%23999'%3EBRAND NAME%3C/text%3E%3Ctext x='305' y='310' text-anchor='middle' font-size='11' fill='%23333' font-weight='bold'%3E黑白版%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='410' y='80' width='150' height='250' fill='%232d2d2d' stroke='%23000000' stroke-width='2' rx='8'/%3E%3Ccircle cx='485' cy='150' r='35' fill='%23ffffff'/%3E%3Crect x='475' y='165' width='20' height='10' fill='%232d2d2d'/%3E%3Ctext x='485' y='220' text-anchor='middle' font-size='14' font-weight='bold' fill='%23ffffff'%3E品牌名稱%3C/text%3E%3Ctext x='485' y='238' text-anchor='middle' font-size='10' fill='%23cccccc'%3EBRAND NAME%3C/text%3E%3Ctext x='485' y='310' text-anchor='middle' font-size='11' fill='%23ffffff' font-weight='bold'%3E反白版%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='590' y='80' width='150' height='250' fill='%23ffffff' stroke='%23e0e0e0' stroke-width='2' rx='8'/%3E%3Ccircle cx='665' cy='150' r='35' fill='%23999999'/%3E%3Crect x='655' y='165' width='20' height='10' fill='%23ffffff'/%3E%3Ctext x='665' y='220' text-anchor='middle' font-size='14' font-weight='bold' fill='%23666'%3E品牌名稱%3C/text%3E%3Ctext x='665' y='238' text-anchor='middle' font-size='10' fill='%23999'%3EBRAND NAME%3C/text%3E%3Ctext x='665' y='310' text-anchor='middle' font-size='11' fill='%23666' font-weight='bold'%3E灰階版%3C/text%3E%3C/g%3E%3C/svg%3E)
🎨 設計版本
✓ 全彩版（標準用色）
✓ 黑白版（單色印刷）
✓ 反白版（深色背景）
✓ 灰階版（特殊場景）
02
標誌方格坐標制圖
設計規範
透過精確的方格坐標系統，標註標誌各元素的比例關係、間距規範與安全空間，確保標誌在任何尺寸下都能精準重現。
'/%3E%3Ccircle cx='400' cy='235' r='80' fill='url(%23grad2)' opacity='0.9'/%3E%3Crect x='380' y='250' width='40' height='20' fill='%23ffffff'/%3E%3Cline x1='150' y1='235' x2='280' y2='235' stroke='%23ff6b6b' stroke-width='2' stroke-dasharray='5,5'/%3E%3Cline x1='520' y1='235' x2='650' y2='235' stroke='%23ff6b6b' stroke-width='2' stroke-dasharray='5,5'/%3E%3Cline x1='400' y1='60' x2='400' y2='115' stroke='%23ff6b6b' stroke-width='2' stroke-dasharray='5,5'/%3E%3Cline x1='400' y1='355' x2='400' y2='410' stroke='%23ff6b6b' stroke-width='2' stroke-dasharray='5,5'/%3E%3Ctext x='215' y='225' text-anchor='middle' font-size='11' fill='%23ff6b6b' font-weight='bold'%3E← X →%3C/text%3E%3Ctext x='585' y='225' text-anchor='middle' font-size='11' fill='%23ff6b6b' font-weight='bold'%3E← X →%3C/text%3E%3Ctext x='410' y='90' font-size='11' fill='%23ff6b6b' font-weight='bold'%3E↑%3C/text%3E%3Ctext x='410' y='100' font-size='11' fill='%23ff6b6b' font-weight='bold'%3EX%3C/text%3E%3Ctext x='410' y='110' font-size='11' fill='%23ff6b6b' font-weight='bold'%3E↓%3C/text%3E%3Ctext x='410' y='370' font-size='11' fill='%23ff6b6b' font-weight='bold'%3E↑%3C/text%3E%3Ctext x='410' y='380' font-size='11' fill='%23ff6b6b' font-weight='bold'%3EX%3C/text%3E%3Ctext x='410' y='390' font-size='11' fill='%23ff6b6b' font-weight='bold'%3E↓%3C/text%3E%3Crect x='300' y='155' width='200' height='160' fill='none' stroke='%2351cf66' stroke-width='2' stroke-dasharray='8,4'/%3E%3Ctext x='500' y='150' text-anchor='end' font-size='10' fill='%2351cf66' font-weight='bold'%3E安全區域%3C/text%3E%3Ccircle cx='400' cy='235' r='3' fill='%23ff6b6b'/%3E%3Cline x1='395' y1='235' x2='405' y2='235' stroke='%23ff6b6b' stroke-width='1'/%3E%3Cline x1='400' y1='230' x2='400' y2='240' stroke='%23ff6b6b' stroke-width='1'/%3E%3Ctext x='408' y='238' font-size='9' fill='%23ff6b6b'%3E視覺中心%3C/text%3E%3Ctext x='50' y='440' font-size='11' fill='%23666'%3E說明：X = 標誌高度的 1/4，安全區域 = 四周各留白 ≥ 1X%3C/text%3E%3C/svg%3E)
精準比例
所有元素依網格比例對齊，確保視覺平衡
安全間距
X = 標誌高度的1/4，四周留白≥1X
視覺中心
標誌中心點對齊坐標網格中心
03
標誌+標準字組合規範
應用規範
制定標準化的標誌與文字組合方式，包含中英文版本、橫向/縱向排列、不同間距比例等多種組合規範，保證視覺識別系統的統一性。
'/%3E%3Crect x='122' y='140' width='16' height='8' fill='%23ffffff'/%3E%3Ctext x='175' y='135' font-size='18' font-weight='bold' fill='%23333'%3E品牌名稱%3C/text%3E%3Ctext x='175' y='152' font-size='11' fill='%23999'%3EBRAND NAME%3C/text%3E%3Ctext x='215' y='220' text-anchor='middle' font-size='12' fill='%23667eea' font-weight='bold'%3E橫向排列 - 標準版%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='420' y='60' width='330' height='180' fill='%23ffffff' stroke='%23e0e0e0' stroke-width='2' rx='8'/%3E%3Ccircle cx='500' cy='130' r='30' fill='url(%23grad3)'/%3E%3Crect x='492' y='140' width='16' height='8' fill='%23ffffff'/%3E%3Ctext x='545' y='135' font-size='18' font-weight='bold' fill='%23333'%3E品牌名稱%3C/text%3E%3Cline x1='540' y1='140' x2='690' y2='140' stroke='%23e0e0e0' stroke-width='1'/%3E%3Ctext x='545' y='156' font-size='11' fill='%23999'%3EBRAND NAME%3C/text%3E%3Ctext x='585' y='220' text-anchor='middle' font-size='12' fill='%23667eea' font-weight='bold'%3E橫向排列 - 分層版%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='50' y='280' width='200' height='180' fill='%23ffffff' stroke='%23e0e0e0' stroke-width='2' rx='8'/%3E%3Ccircle cx='150' cy='330' r='28' fill='url(%23grad3)'/%3E%3Crect x='143' y='339' width='14' height='7' fill='%23ffffff'/%3E%3Ctext x='150' y='380' text-anchor='middle' font-size='15' font-weight='bold' fill='%23333'%3E品牌名稱%3C/text%3E%3Ctext x='150' y='395' text-anchor='middle' font-size='9' fill='%23999'%3EBRAND NAME%3C/text%3E%3Ctext x='150' y='445' text-anchor='middle' font-size='12' fill='%23667eea' font-weight='bold'%3E縱向堆疊%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='290' y='280' width='200' height='180' fill='%23ffffff' stroke='%23e0e0e0' stroke-width='2' rx='8'/%3E%3Ccircle cx='340' cy='360' r='22' fill='url(%23grad3)'/%3E%3Crect x='334' y='368' width='12' height='6' fill='%23ffffff'/%3E%3Ctext x='375' y='358' font-size='13' font-weight='bold' fill='%23333'%3E品牌中文名%3C/text%3E%3Ctext x='375' y='372' font-size='9' fill='%23999'%3EBRAND NAME%3C/text%3E%3Ctext x='390' y='445' text-anchor='middle' font-size='12' fill='%23667eea' font-weight='bold'%3E中英雙語%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='530' y='280' width='220' height='180' fill='%232d2d2d' stroke='%23000000' stroke-width='2' rx='8'/%3E%3Ccircle cx='600' cy='360' r='25' fill='%23ffffff'/%3E%3Crect x='593' y='369' width='14' height='7' fill='%232d2d2d'/%3E%3Ctext x='640' y='365' font-size='14' font-weight='bold' fill='%23ffffff'%3E品牌名稱%3C/text%3E%3Ctext x='640' y='380' font-size='9' fill='%23cccccc'%3EBRAND NAME%3C/text%3E%3Ctext x='640' y='445' text-anchor='middle' font-size='12' fill='%23ffffff' font-weight='bold'%3E反白應用%3C/text%3E%3C/g%3E%3C/svg%3E)
'/%3E%3Crect x='29' y='56' width='12' height='6' fill='%23ffffff'/%3E%3Ctext x='60' y='55' font-size='14' font-weight='bold' fill='%23333'%3E品牌名稱%3C/text%3E%3C/svg%3E)
橫向
橫向排列
適用於網站頁首
'/%3E%3Crect x='44' y='41' width='12' height='6' fill='%23ffffff'/%3E%3Ctext x='50' y='70' text-anchor='middle' font-size='13' font-weight='bold' fill='%23333'%3E品牌%3C/text%3E%3Ctext x='50' y='86' text-anchor='middle' font-size='13' font-weight='bold' fill='%23333'%3E名稱%3C/text%3E%3C/svg%3E)
縱向
縱向堆疊
適用於名片海報
'/%3E%3Crect x='25' y='55' width='10' height='5' fill='%23ffffff'/%3E%3Ctext x='55' y='48' font-size='12' font-weight='bold' fill='%23333'%3E品牌中文名%3C/text%3E%3Ctext x='55' y='62' font-size='9' fill='%23666'%3EBRAND NAME%3C/text%3E%3C/svg%3E)
雙語
中英雙語
國際化應用
04
最小使用尺寸（印刷/電子屏幕）
設計規範
為確保標誌在不同媒介上清晰可辨，制定各種應用場景的最小使用尺寸標準：
📄 印刷媒體 ≥ 20mm
💻 電子屏幕 ≥ 57px
📱 移動設備 ≥ 40px
🎴 名片應用 ≥ 15mm
📧 Email 簽名 ≥ 80px
🏢 戶外招牌 ≥ 500mm
'/%3E%3Crect x='135' y='140' width='30' height='15' fill='%23ffffff'/%3E%3Ctext x='210' y='135' font-size='16' font-weight='bold' fill='%23333'%3E品牌名稱%3C/text%3E%3Ctext x='150' y='195' text-anchor='middle' font-size='11' fill='%2351cf66' font-weight='bold'%3E高度 ≥ 20mm / 57px%3C/text%3E%3C/g%3E%3Cg%3E%3Ctext x='150' y='260' font-size='13' font-weight='bold' fill='%23333'%3E⚠️ 最小尺寸（臨界值）%3C/text%3E%3Ccircle cx='150' cy='300' r='20' fill='url(%23grad4)'/%3E%3Crect x='143' y='305' width='14' height='7' fill='%23ffffff'/%3E%3Ctext x='180' y='305' font-size='11' font-weight='bold' fill='%23333'%3E品牌名稱%3C/text%3E%3Ctext x='150' y='345' text-anchor='middle' font-size='11' fill='%23f59e0b' font-weight='bold'%3E高度 = 15mm / 40px%3C/text%3E%3C/g%3E%3Cg%3E%3Ctext x='550' y='80' font-size='13' font-weight='bold' fill='%23333'%3E❌ 過小尺寸（識別困難）%3C/text%3E%3Ccircle cx='550' cy='120' r='12' fill='url(%23grad4)' opacity='0.8'/%3E%3Crect x='545' y='124' width='10' height='5' fill='%23ffffff'/%3E%3Ctext x='575' y='123' font-size='8' fill='%23999'%3E品牌%3C/text%3E%3Cline x1='520' y1='90' x2='580' y2='150' stroke='%23ff6b6b' stroke-width='3'/%3E%3Cline x1='580' y1='90' x2='520' y2='150' stroke='%23ff6b6b' stroke-width='3'/%3E%3Ctext x='550' y='170' text-anchor='middle' font-size='11' fill='%23ff6b6b' font-weight='bold'%3E小於 10mm / 30px 禁止使用%3C/text%3E%3C/g%3E%3Cg%3E%3Ctext x='550' y='230' font-size='13' font-weight='bold' fill='%23333'%3E💡 簡化版方案%3C/text%3E%3Crect x='510' y='250' width='180' height='100' fill='%23ffffff' stroke='%23e0e0e0' stroke-width='2' rx='6'/%3E%3Ctext x='600' y='275' text-anchor='middle' font-size='10' fill='%23999'%3E極小尺寸時使用：%3C/text%3E%3Ccircle cx='600' cy='305' r='20' fill='url(%23grad4)'/%3E%3Crect x='593' y='310' width='14' height='7' fill='%23ffffff'/%3E%3Ctext x='600' y='340' text-anchor='middle' font-size='10' fill='%23667eea' font-weight='bold'%3E僅保留圖形標誌%3C/text%3E%3C/g%3E%3C/svg%3E)
重要提醒
小於最小尺寸時，建議使用簡化版標誌（僅圖形，去除文字），確保識別度不受影響。
05
標誌設計理念說明
核心系統
深入解析標誌設計背後的品牌策略、視覺隱喻與文化內涵，讓團隊成員全面理解標誌的設計思維。
💡 設計理念
標誌融合了品牌核心價值與現代美學，透過簡潔的幾何線條展現專業與創新精神。色彩選擇精準呼應品牌定位，象徵活力、信賴與前瞻性。整體設計兼顧高識別度與多場景延展性，無論是數位媒體還是實體應用都能完美呈現品牌形象。
'/%3E%3Ccircle cx='400' cy='220' r='80' fill='url(%23grad5)'/%3E%3Crect x='375' y='235' width='50' height='25' fill='%23ffffff' rx='4'/%3E%3Cg%3E%3Crect x='80' y='80' width='200' height='90' fill='%23ffffff' stroke='%23667eea' stroke-width='2' rx='8'/%3E%3Ctext x='180' y='105' text-anchor='middle' font-size='13' font-weight='bold' fill='%23667eea'%3E🎨 視覺隱喻%3C/text%3E%3Ctext x='180' y='125' text-anchor='middle' font-size='11' fill='%23666'%3E圓形象徵完整與包容%3C/text%3E%3Ctext x='180' y='142' text-anchor='middle' font-size='11' fill='%23666'%3E向上箭頭代表進步成長%3C/text%3E%3Ctext x='180' y='159' text-anchor='middle' font-size='11' fill='%23666'%3E簡約線條展現專業精神%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='520' y='80' width='200' height='90' fill='%23ffffff' stroke='%23667eea' stroke-width='2' rx='8'/%3E%3Ctext x='620' y='105' text-anchor='middle' font-size='13' font-weight='bold' fill='%23667eea'%3E🌈 色彩心理學%3C/text%3E%3Ctext x='620' y='125' text-anchor='middle' font-size='11' fill='%23666'%3E紫藍漸變傳遞科技感%3C/text%3E%3Ctext x='620' y='142' text-anchor='middle' font-size='11' fill='%23666'%3E高飽和度展現活力自信%3C/text%3E%3Ctext x='620' y='159' text-anchor='middle' font-size='11' fill='%23666'%3E符合當代審美趨勢%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='80' y='310' width='200' height='90' fill='%23ffffff' stroke='%23667eea' stroke-width='2' rx='8'/%3E%3Ctext x='180' y='335' text-anchor='middle' font-size='13' font-weight='bold' fill='%23667eea'%3E⚡ 現代美學%3C/text%3E%3Ctext x='180' y='355' text-anchor='middle' font-size='11' fill='%23666'%3E扁平化設計易於識別%3C/text%3E%3Ctext x='180' y='372' text-anchor='middle' font-size='11' fill='%23666'%3E可延展至各種媒介%3C/text%3E%3Ctext x='180' y='389' text-anchor='middle' font-size='11' fill='%23666'%3E數位與實體完美呈現%3C/text%3E%3C/g%3E%3Cg%3E%3Crect x='520' y='310' width='200' height='90' fill='%23ffffff' stroke='%23667eea' stroke-width='2' rx='8'/%3E%3Ctext x='620' y='335' text-anchor='middle' font-size='13' font-weight='bold' fill='%23667eea'%3E🎯 品牌定位%3C/text%3E%3Ctext x='620' y='355' text-anchor='middle' font-size='11' fill='%23666'%3E專業可靠的品牌形象%3C/text%3E%3Ctext x='620' y='372' text-anchor='middle' font-size='11' fill='%23666'%3E創新前瞻的企業精神%3C/text%3E%3Ctext x='620' y='389' text-anchor='middle' font-size='11' fill='%23666'%3E親和力與信任感兼具%3C/text%3E%3C/g%3E%3Cline x1='280' y1='125' x2='320' y2='180' stroke='%23667eea' stroke-width='2' stroke-dasharray='4,4' opacity='0.5'/%3E%3Cline x1='520' y1='125' x2='480' y2='180' stroke='%23667eea' stroke-width='2' stroke-dasharray='4,4' opacity='0.5'/%3E%3Cline x1='280' y1='355' x2='320' y2='260' stroke='%23667eea' stroke-width='2' stroke-dasharray='4,4' opacity='0.5'/%3E%3Cline x1='520' y1='355' x2='480' y2='260' stroke='%23667eea' stroke-width='2' stroke-dasharray='4,4' opacity='0.5'/%3E%3C/svg%3E)
視覺隱喻
圖形蘊含品牌核心價值的象徵意義
色彩心理學
精選色彩傳遞品牌情緒與個性
現代美學
簡約設計符合當代審美趨勢
STEP 02
品牌色彩與字體系統
統一的色彩與字體規範是品牌視覺識別的基石，確保所有觸點的一致性與專業度
01
標準色 - 主色（Pantone + CMYK + RGB + HEX）
主色是品牌最核心的色彩識別，應用於Logo、主要視覺元素及重點強調區域。
Pantone
2725 C
CMYK
60/50/0/0
RGB
102/126/234
HEX
#667EEA
02
標準色 - 輔助色
輔助色配合主色使用，豐富視覺層次，應用於次要元素、漸變效果及裝飾細節。
Pantone
2603 C
CMYK
50/70/0/0
RGB
118/75/162
HEX
#764BA2
Pantone
2365 C
CMYK
10/45/0/0
RGB
240/147/251
HEX
#F093FB
03
標準色 - 使用比例建議
合理的色彩比例分配能提升視覺舒適度，建議按照60-30-10法則使用：
主色 60% - 背景、大面積區域
輔助色1 30% - 次要元素、漸變
輔助色2 10% - 強調、點綴細節
04
標準字體 - 中文字體（思源黑體）
思源黑體是開源免費字體，具備良好的螢幕顯示效果與印刷品質，支援多種字重變化。
思源黑體 / Noto Sans TC
Heavy (粗體)
品牌視覺設計系統
用於主標題、重點強調
Regular (常規)
品牌視覺設計系統
用於正文內容、描述文字
Light (細體)
品牌視覺設計系統
用於輔助信息、附註說明
05
標準字體 - 英文字體（Arial Nova）
Arial Nova 是 Arial 的現代化版本，線條更為簡潔，適用於國際化品牌形象。
Arial Nova / Arial
Bold (粗體)
Visual Identity System
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
abcdefghijklmnopqrstuvwxyz 0123456789
Regular (常規)
Visual Identity System
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
abcdefghijklmnopqrstuvwxyz 0123456789
STEP 03
使用規範與禁忌
嚴格遵守使用規範，避免常見錯誤，確保品牌視覺在任何場景下都能正確呈現
01
✅ 正確使用 - 不同背景色應用
正確示範
Logo在不同背景色上應選擇適當的版本，確保清晰可辨且符合品牌調性。
✓ 白色背景
使用彩色版本
✓ 深色背景
使用反白版本
✓ 品牌色背景
使用白色版本
02
✅ 正確使用 - 黑白/反白版本
正確示範
當無法使用彩色Logo時（如黑白印刷、傳真、特殊材質），應使用指定的黑白或反白版本。
黑白版本
適用於黑白印刷、報紙廣告、傳真文件
反白版本
適用於深色背景、夜間模式、特殊材質
03
✅ 正確使用 - 特殊材質工藝（金屬/刺繡/壓印）
正確示範
在特殊材質上應用Logo時，需根據工藝特性調整表現形式，保持識別度。
✓ 金屬工藝
單色處理，保留細節
✓ 刺繡工藝
簡化線條，增加可繡性
✓ 壓印工藝
凹凸效果，無色處理
注意：特殊工藝應用前請先製作小樣測試效果，確保Logo在該材質上清晰可辨且符合品質標準。
04
❌ 禁止使用 - 禁止改變比例
禁止
絕對不可隨意拉伸或壓縮Logo，必須按比例縮放以保持原始設計比例。
正確做法
按住Shift鍵等比例縮放
錯誤做法
隨意拉伸導致變形
05
❌ 禁止使用 - 禁止添加陰影
禁止
不可為Logo添加投影、發光、浮雕等任何特效，保持Logo的簡潔性。
正確做法
原始Logo，無任何特效
錯誤做法
添加了投影/發光效果
06
❌ 禁止使用 - 禁止更改顏色
禁止
除非使用指定的黑白/反白版本，否則不可隨意更改Logo顏色。
正確做法
使用品牌標準色 #667EEA
錯誤做法
隨意更改為其他顏色
07
❌ 禁止使用 - 禁止放凌亂背景
禁止
Logo應放置在簡潔、對比度適當的背景上，避免複雜圖案或干擾視覺的背景。
正確做法
簡潔純色背景，對比度佳
錯誤做法
複雜圖案背景影響識別
重要提醒：若必須在複雜背景上使用Logo，請添加純色底板或描邊，確保Logo清晰可辨。最低對比度要求為4.5:1（WCAG AA標準）。
STEP 04
辦公與宣傳物料
統一的辦公用品與宣傳物料設計，全方位展現品牌專業形象，提升品牌識別度
01
基礎辦公 - 名片/信紙/信封
辦公系統
基礎辦公用品是日常商務溝通的重要載體，統一的設計規範提升企業專業形象。
名片設計
尺寸：90 x 54 mm
材質：300g銅版紙
工藝：單面/雙面印刷+過膜
信紙設計
尺寸：A4 (210 x 297 mm)
材質：80g雙膠紙
工藝：彩色印刷
信封設計
尺寸：220 x 110 mm (大)
材質：100g牛皮紙/白卡紙
工藝：單色/彩色印刷
設計規範
- Logo位置：統一放置於左上角或居中位置
- 安全邊距：四邊預留至少5mm出血位
- 色彩模式：使用CMYK模式，確保印刷色準
- 字體大小：名片正文不小於8pt，信紙不小於10pt
02
基礎辦公 - PPT/Word模板
辦公系統
統一的文檔模板提升企業內部溝通效率，對外展示專業形象。
PPT封面模板
尺寸：16:9 標準寬屏
版式：封面/目錄/內容/結尾
PPT內頁模板
包含：圖文/數據/圖表版式
配色：品牌標準色系
Word文檔模板
尺寸：A4標準
樣式：報告/合約/方案
使用建議
- PPT母版：設置統一母版，鎖定品牌元素位置
- Word樣式：建立標題1-3、正文、引用等樣式庫
- 配色方案：內建品牌色盤，方便快速選色
- 字體嵌入：使用系統通用字體或嵌入品牌字體
03
基礎辦公 - 郵件簽名檔
辦公系統
專業的郵件簽名檔是每封郵件的品牌窗口，統一格式提升企業形象。
郵件簽名檔標準格式示意
內容結構
- 第一行：姓名（中英文）+ 職位
- 第二行：公司Logo（可選）
- 聯絡方式：電話、郵箱、網站、地址
- 社交媒體：LinkedIn、微信二維碼（可選）
- 法律聲明：保密條款、免責聲明（可選）
- 技術規範：HTML格式，寬度不超過600px，避免使用大圖片
04
宣傳推廣 - 宣傳冊/折頁/海報
宣傳推廣
印刷宣傳品是品牌線下推廣的重要工具，精美的設計能有效吸引目標受眾。
企業宣傳冊
尺寸：A4 (210 x 297 mm)
頁數：8-32頁
裝訂：騎馬釘/膠裝/精裝
折頁設計
尺寸：A4/A5展開
類型：三折/四折/風琴折
材質：157g銅版紙/啞粉紙
海報設計
尺寸：A0/A1/A2/A3
版式：橫版/豎版
工藝：寫真/噴繪/絲網印刷
設計要點
- 視覺層次：主標題→副標題→正文→CTA，層次分明
- 留白原則：保留30%以上留白，避免過於擁擠
- 出血設置：四邊各留3-5mm出血位
- 分辨率：印刷品最低300dpi，大型噴繪72-150dpi
05
宣傳推廣 - 展架/易拉寶
宣傳推廣
展架與易拉寶是展會、活動、門店的常用展示工具，需兼顧遠觀效果與近看細節。
X展架
尺寸：60 x 160 cm / 80 x 180 cm
優點：輕便易攜帶
適用：小型活動、路演
易拉寶
尺寸：80 x 200 cm / 120 x 200 cm
優點：穩定性佳
適用：展會、門店、會議
注水展架
尺寸：60 x 160 cm
優點：戶外抗風
適用：戶外活動、商場
設計關鍵
- 3秒法則：3米外能看清主標題，吸引注意力
- 信息精簡：主標題+核心賣點+聯繫方式，不超過50字
- 視覺焦點：黃金分割點放置關鍵信息
- 底部留白：底部15-20cm避免放重要信息（易拉寶底座遮擋）
06
宣傳推廣 - 戶外廣告標準（橫版/豎版信息框規範）
宣傳推廣
戶外廣告需考慮遠距離可視性與快速傳達，統一信息框規範確保品牌識別一致性。
橫版戶外廣告信息框規範（比例16:9或更寬）
豎版戶外廣告信息框規範（比例9:16或更高）
信息框規範標準
- Logo位置：橫版左上角，豎版頂部居中，佔版面8-12%
- 主標題區：佔版面30-40%，字體特大加粗，10米外可辨
- 副標題區：佔版面15-20%，字體中等，補充說明
- CTA區域：右下角（橫版）或底部（豎版），明確行動指引
- 安全邊距：四邊各留10-15%空白，避免信息被遮擋
- 色彩對比：文字與背景對比度≥7:1，確保遠距離可讀
- 字體大小：最小字號不低於畫面高度的3%
STEP 05
社群圖文模版 (Social Templates)
為各大社交媒體平台打造專業統一的視覺模板，提升內容生產效率與品牌識別度
01
平台規格適配 - Instagram
平台規格
Instagram 是視覺社交平台的代表，支援多種圖片比例，需針對不同內容類型選擇最佳尺寸。
方形貼文 (1:1)
尺寸：1080 x 1080 px
格式：JPG / PNG
大小：≤ 30MB
適用：產品展示、資訊圖
限時動態 (9:16)
尺寸：1080 x 1920 px
格式：JPG / PNG / MP4
安全區：上下各250px避開UI
適用：活動預告、限時優惠
橫向貼文 (1.91:1)
尺寸：1080 x 566 px
格式：JPG / PNG
適用：風景圖、輪播圖
Instagram 設計建議
• 使用高對比度色彩，在小螢幕上更吸睛
• 文字不超過畫面30%，保持視覺簡潔
• 限時動態建議使用互動貼紙（投票、提問）提升參與度
• 文字不超過畫面30%，保持視覺簡潔
• 限時動態建議使用互動貼紙（投票、提問）提升參與度
02
平台規格適配 - Facebook & 微信公眾號
平台規格
Facebook 與微信公眾號作為重要的內容發布渠道，需遵循各自平台的最佳尺寸標準。
Facebook 貼文
尺寸：1200 x 630 px
比例：1.91:1
格式：JPG / PNG
適用：連結分享、動態貼文
Facebook 廣告
尺寸：1080 x 1080 px (推薦)
文字：圖片文字≤20%
格式：JPG / PNG
適用：付費推廣
微信公眾號首圖
尺寸：900 x 500 px
比例：1.8:1
格式：JPG / PNG
大小：≤ 5MB
微信次條圖文
尺寸：500 x 500 px
比例：1:1
適用：多條圖文第2-8條
重要提醒
• Facebook：圖片文字過多會降低廣告投放效果，建議文字佔比≤20%
• 微信：首圖標題區域（上方120px）避免放置關鍵信息，會被標題遮擋
• 微信：首圖標題區域（上方120px）避免放置關鍵信息，會被標題遮擋
03
模板分類 - 產品發布模板
內容模板
產品發布模板用於新品上市、產品功能介紹等場景，強調產品視覺與核心賣點。
1:1
中心構圖版
產品居中，上下留白
1:1
左右分割版
左側文字，右側產品
1:1
卡片堆疊版
上圖下文，層次清晰
Stories
限時動態版
豎版全屏，適合Stories
設計要點
• 產品圖需去背或使用純色背景，突出產品本身
• 標題字體需≥36pt，確保手機端清晰可讀
• 添加「NEW」「限時」等緊迫性標籤提升點擊率
• 標題字體需≥36pt，確保手機端清晰可讀
• 添加「NEW」「限時」等緊迫性標籤提升點擊率
04
模板分類 - 知識科普輪播圖（1-10頁）
內容模板
輪播圖（Carousel）是 Instagram/Facebook 的高互動內容格式，適合分步驟說明、知識科普。
封面
封面頁模板
吸引注意，引導滑動
內容
內容頁模板
編號+標題+說明
數據
數據展示頁
大數字+進度條
結尾
結尾CTA頁
行動呼籲+引導
輪播圖最佳實踐
• 頁數建議：5-10頁為佳，過多會降低完讀率
• 統一設計：所有頁面使用相同配色與字體，保持一致性
• 頁碼標示：每頁右下角標註「x/10」，引導用戶繼續滑動
• 封面吸睛：封面使用數字+疑問句，提升點擊率30%以上
• 統一設計：所有頁面使用相同配色與字體，保持一致性
• 頁碼標示：每頁右下角標註「x/10」，引導用戶繼續滑動
• 封面吸睛：封面使用數字+疑問句，提升點擊率30%以上
05
模板分類 - 數據報告/案例見證/節日活動
內容模板
其他常用內容類型模板，涵蓋數據可視化、社交證明、節慶營銷等多種場景。
數據
數據報告可視化
圖表+關鍵指標
見證
客戶案例見證
引言+頭像+評分
活動
節日活動宣傳
節慶元素+優惠
互動
問答互動模板
提問+引導互動
06
設計規範 - 版面佈局（網格系統/安全區）
設計規範
標準化的網格系統與安全區設置，確保內容在各平台都能完整顯示。
網格系統規範
方形貼文 (1:1)
• 畫布：1080 x 1080 px
• 網格：12列 x 12行
• 間距：30px
• 安全區：四邊各留80px
• 網格：12列 x 12行
• 間距：30px
• 安全區：四邊各留80px
限時動態 (9:16)
• 畫布：1080 x 1920 px
• 上安全區：250px (避開UI)
• 下安全區：250px (避開UI)
• 主內容區：1080 x 1420 px
• 上安全區：250px (避開UI)
• 下安全區：250px (避開UI)
• 主內容區：1080 x 1420 px
橫向貼文 (16:9)
• 畫布：1200 x 630 px
• 網格：16列 x 9行
• 間距：25px
• 安全區：四邊各留60px
• 網格：16列 x 9行
• 間距：25px
• 安全區：四邊各留60px
佈局技巧
• 使用網格對齊所有元素，避免視覺混亂
• 重要信息放在中心區域，避開平台UI遮擋
• 手機端預覽確認，確保所有文字清晰可讀
• 重要信息放在中心區域，避開平台UI遮擋
• 手機端預覽確認，確保所有文字清晰可讀
07
設計規範 - 色彩使用/字體層級/Logo位置
設計規範
統一的色彩、字體與Logo規範，打造一眼可識別的品牌視覺記憶點。
色彩使用標準
遵循品牌色彩系統，社群圖文建議使用60-30-10配色法則
主色
輔助1
輔助2
背景
文字
字體層級標準
H1 - 主標題
品牌主標題
思源黑體 Heavy / 36-48pt / 行高1.2
H2 - 副標題
副標題或重點說明
思源黑體 Regular / 24-32pt / 行高1.3
Body - 正文
這裡是正文內容區域，使用較小字號，確保在手機端也能清晰閱讀。建議行高1.6以上提升可讀性。
思源黑體 Light / 16-20pt / 行高1.6
Logo固定位置規範
方形貼文
• 位置：左上角或右下角
• 尺寸：80-120px
• 邊距：30px以上
• 不透明度：100% (主Logo)
• 尺寸：80-120px
• 邊距：30px以上
• 不透明度：100% (主Logo)
限時動態
• 位置：底部居中
• 尺寸：60-100px
• 距底：150px以上
• 建議：使用白色反白版
• 尺寸：60-100px
• 距底：150px以上
• 建議：使用白色反白版
08
設計規範 - 工具包（圖標庫/背景庫/源文件）
設計規範
完整的設計工具包，讓團隊成員可快速產出符合品牌規範的社群內容。
品牌圖標庫
100+矢量圖標
AI / SVG格式
AI / SVG格式
背景紋理庫
50+高清背景
JPG / PNG格式
JPG / PNG格式
PSD源文件
所有模板源文件
Photoshop格式
Photoshop格式
Figma模板
在線協作版本
即開即用
即開即用
Canva模板
免費版本
快速編輯
快速編輯
品牌字體包
中英文字體
TTF / OTF格式
TTF / OTF格式
工具包使用說明
• 圖標庫：所有圖標已分類整理，支持自定義顏色
• 源文件：保留圖層結構，可自由修改文字和圖片
• 在線模板：Figma/Canva版本適合非設計人員快速出圖
• 版權說明：所有素材僅供內部使用，禁止轉售或二次分發
• 源文件：保留圖層結構，可自由修改文字和圖片
• 在線模板：Figma/Canva版本適合非設計人員快速出圖
• 版權說明：所有素材僅供內部使用，禁止轉售或二次分發
STEP 06
包裝與數位應用
從實體包裝到數位界面，全方位延展品牌視覺系統，打造線上線下一致的品牌體驗
01
包裝設計 - 產品包裝/禮盒
實體包裝
產品包裝是品牌與消費者的第一觸點，精美的包裝設計能提升產品價值感與品牌識別度。
標準盒
標準產品包裝盒
尺寸：15 x 10 x 5 cm (可調)
材質：350g白卡/灰底白板
工藝：四色印刷+過膜+燙金
禮盒
高級禮品包裝盒
尺寸：30 x 20 x 10 cm (可調)
材質：精裝盒+緞帶+內襯
工藝：專色印刷+UV+燙金
抽屜
抽屜式高檔盒
尺寸：20 x 15 x 8 cm
材質：雙層精裝+絨布內襯
工藝：燙金+擊凸+磁吸
包裝設計要點
• 結構設計：優先考慮產品保護性與開箱體驗
• 視覺元素：Logo放置於正面中心或左上角，確保貨架識別度
• 色彩應用：使用品牌標準色，特殊工藝（燙金/UV）點綴提升質感
• 環保考量：優先選用可回收材質，減少過度包裝
• 視覺元素：Logo放置於正面中心或左上角，確保貨架識別度
• 色彩應用：使用品牌標準色，特殊工藝（燙金/UV）點綴提升質感
• 環保考量：優先選用可回收材質，減少過度包裝
02
包裝設計 - 手提袋（大/中/小）
實體包裝
手提袋是移動的品牌廣告，高品質的手提袋設計能延長品牌曝光時間，提升品牌形象。
S
小號手提袋
尺寸：20 x 25 x 10 cm
材質：200g白卡紙
提手：棉繩/緞帶
適用：小件商品、禮品
M
中號手提袋
尺寸：30 x 40 x 10 cm
材質：250g白卡/牛皮紙
提手：PP繩/紙繩
適用：服飾、一般商品
L
大號手提袋
尺寸：40 x 50 x 15 cm
材質：300g白卡/特種紙
提手：織帶/加固紙繩
適用：大件商品、購物
手提袋設計建議
• 尺寸選擇：根據產品尺寸選擇合適袋型，留10-15%餘量
• 承重考量：大號袋建議加厚材質+加固提手，承重≥5kg
• 視覺設計：正反兩面設計，側面可印刷品牌slogan
• 成本優化：批量定制可降低單價30-50%
• 承重考量：大號袋建議加厚材質+加固提手，承重≥5kg
• 視覺設計：正反兩面設計，側面可印刷品牌slogan
• 成本優化：批量定制可降低單價30-50%
03
數位延展 - 網站界面規範
數位應用
網站是品牌數位形象的門面，統一的界面規範確保跨頁面、跨設備的一致性體驗。
響應式設計斷點
Desktop
≥ 1200px
最大寬度 1440px
兩欄/三欄佈局
最大寬度 1440px
兩欄/三欄佈局
Tablet
768px - 1199px
最大寬度 100%
兩欄佈局
最大寬度 100%
兩欄佈局
Mobile
≤ 767px
最大寬度 100%
單欄垂直佈局
最大寬度 100%
單欄垂直佈局
網站色彩與字體系統
主色調
品牌主色 #667EEA
用於CTA按鈕、連結
Hover: #5568D3
用於CTA按鈕、連結
Hover: #5568D3
中性色
標題 #1A1A1A
正文 #666666
輔助 #999999
正文 #666666
輔助 #999999
字體大小
H1: 36-48px
H2: 28-32px
Body: 16px
行高: 1.6-1.8
H2: 28-32px
Body: 16px
行高: 1.6-1.8
常用組件規範
按鈕 (CTA)
高度: 44-48px
圓角: 6-8px
最小寬度: 120px
間距: 左右各20px內距
圓角: 6-8px
最小寬度: 120px
間距: 左右各20px內距
輸入框
高度: 44px
邊框: 1px #E5E5E5
Focus: 2px #667EEA
內距: 12px
邊框: 1px #E5E5E5
Focus: 2px #667EEA
內距: 12px
卡片組件
圓角: 8-12px
陰影: 0 2px 8px rgba(0,0,0,0.1)
間距: 20-30px
陰影: 0 2px 8px rgba(0,0,0,0.1)
間距: 20-30px
導航欄
高度: 64-80px
Logo高度: 40-48px
選單間距: 30-40px
固定頂部/透明背景
Logo高度: 40-48px
選單間距: 30-40px
固定頂部/透明背景
網站開發建議
• 性能優化：圖片壓縮≤200KB，首屏加載時間≤3秒
• 無障礙：遵循WCAG 2.1 AA標準，對比度≥4.5:1
• SEO友好：語義化HTML，合理使用H1-H6標籤
• 跨瀏覽器：支持Chrome、Safari、Firefox、Edge最新兩個版本
• 無障礙：遵循WCAG 2.1 AA標準，對比度≥4.5:1
• SEO友好：語義化HTML，合理使用H1-H6標籤
• 跨瀏覽器：支持Chrome、Safari、Firefox、Edge最新兩個版本
04
數位延展 - App界面設計
數位應用
移動應用界面需考慮觸控交互與小屏幕優化，遵循iOS/Android設計規範確保原生體驗。
App界面設計示意（左：首頁 / 右：詳情頁）
iOS設計規範 (Human Interface Guidelines)
畫布尺寸
iPhone 14/15: 390 x 844 pt
iPhone 14/15 Pro Max: 430 x 932 pt
@3x 高清圖
iPhone 14/15 Pro Max: 430 x 932 pt
@3x 高清圖
安全區域
狀態欄: 54pt
主內容: 避開劉海/島嶼
底部TabBar: 83pt
主內容: 避開劉海/島嶼
底部TabBar: 83pt
觸控尺寸
最小點擊: 44 x 44 pt
按鈕高度: 44-50 pt
間距: 8-16 pt
按鈕高度: 44-50 pt
間距: 8-16 pt
字體系統
SF Pro (系統字體)
Large Title: 34pt
Body: 17pt
Caption: 12pt
Large Title: 34pt
Body: 17pt
Caption: 12pt
Android設計規範 (Material Design)
畫布尺寸
基準: 360 x 640 dp
高分辨率: 411 x 731 dp
@xxxhdpi (4x)
高分辨率: 411 x 731 dp
@xxxhdpi (4x)
8dp網格
所有元素對齊8dp倍數
圖標: 24dp基準
間距: 8/16/24 dp
圖標: 24dp基準
間距: 8/16/24 dp
觸控目標
最小: 48 x 48 dp
FAB: 56 x 56 dp
Bottom Nav: 56 dp高
FAB: 56 x 56 dp
Bottom Nav: 56 dp高
字體系統
Roboto (系統字體)
H5: 24sp
Body1: 16sp
Caption: 12sp
H5: 24sp
Body1: 16sp
Caption: 12sp
App設計最佳實踐
• 單手操作：關鍵按鈕放在底部1/3區域，方便大拇指觸達
• 加載反饋：所有操作提供即時反饋，加載時間>2秒顯示進度條
• 手勢交互：支持滑動返回、長按操作等原生手勢
• 暗黑模式：提供Dark Mode適配，背景#121212，文字#E5E5E5
• 加載反饋：所有操作提供即時反饋，加載時間>2秒顯示進度條
• 手勢交互：支持滑動返回、長按操作等原生手勢
• 暗黑模式：提供Dark Mode適配，背景#121212，文字#E5E5E5
05
數位延展 - 數位廣告 Banner
數位應用
數位廣告Banner是線上推廣的重要工具，需符合各平台規範並優化點擊率。
| 廣告類型 | 尺寸 (px) | 檔案格式 | 檔案大小 | 適用場景 |
|---|---|---|---|---|
| 橫幅廣告 | 728 x 90 | JPG / PNG / GIF | ≤ 150KB | 網站頂部橫幅 |
| 大型橫幅 | 970 x 250 | JPG / PNG / GIF | ≤ 200KB | 首頁主視覺廣告 |
| 中矩形廣告 | 300 x 250 | JPG / PNG / GIF | ≤ 150KB | 內文嵌入、側邊欄 |
| 摩天大樓 | 160 x 600 | JPG / PNG / GIF | ≤ 150KB | 側邊欄垂直廣告 |
| 寬幅摩天大樓 | 300 x 600 | JPG / PNG / GIF | ≤ 200KB | 側邊欄大型廣告 |
| 移動橫幅 | 320 x 50 | JPG / PNG / GIF | ≤ 100KB | 手機版頂部/底部 |
| 移動插頁 | 320 x 480 | JPG / PNG / GIF | ≤ 150KB | 全屏彈窗廣告 |
| Facebook廣告 | 1200 x 628 | JPG / PNG | ≤ 30MB | 動態消息廣告 |
| Google展示廣告 | 1200 x 627 | JPG / PNG | ≤ 5MB | GDN聯播網 |
| LinkedIn廣告 | 1200 x 627 | JPG / PNG | ≤ 5MB | 贊助內容廣告 |
Banner設計優化技巧
• 3秒法則：核心信息3秒內可讀，突出CTA按鈕
• 對比度：背景與文字對比度≥7:1，提升可讀性
• 動態廣告：GIF動畫≤3秒循環，避免過度閃爍
• A/B測試：準備2-3版本測試，優化點擊率(CTR)
• 對比度：背景與文字對比度≥7:1，提升可讀性
• 動態廣告：GIF動畫≤3秒循環，避免過度閃爍
• A/B測試：準備2-3版本測試，優化點擊率(CTR)
06
數位延展 - 視頻片頭
數位應用
品牌視頻片頭是視頻內容的標準開場，統一的片頭設計強化品牌記憶點。
視頻片頭設計示意（動態Logo展示）
5秒標準片頭時間軸
0-1秒
開場動畫：品牌色漸變背景淡入，配合動效音效
元素：漸變背景 + 光暈效果
元素：漸變背景 + 光暈效果
1-3秒
Logo展示：Logo從中心放大淡入，或分割動畫組合
動畫：放大/旋轉/粒子聚合效果
動畫：放大/旋轉/粒子聚合效果
3-4秒
品牌標語：品牌名稱/Slogan文字浮現
字體：思源黑體 Heavy / 動畫：打字效果
字體：思源黑體 Heavy / 動畫：打字效果
4-5秒
結尾定格：完整畫面停留，添加網址/社交媒體圖標
音效：品牌音效結束音 (Sonic Logo)
音效：品牌音效結束音 (Sonic Logo)
視頻技術規格
視頻規格
分辨率: 1920 x 1080 (Full HD)
幀率: 25/30 fps
格式: MP4 (H.264)
幀率: 25/30 fps
格式: MP4 (H.264)
時長建議
標準片頭: 5秒
精簡版: 3秒
完整版: 8-10秒
精簡版: 3秒
完整版: 8-10秒
音頻規格
格式: AAC 48kHz
音量: -6dB ~ -3dB
Sonic Logo: 1-2秒
音量: -6dB ~ -3dB
Sonic Logo: 1-2秒
交付格式
主文件: MP4 + MOV
透明背景: MOV (ProRes)
源文件: AE / PR項目
透明背景: MOV (ProRes)
源文件: AE / PR項目
片頭製作建議
• 簡潔至上：片頭≤5秒，避免觀眾跳過或流失
• 音畫同步：視覺動畫與音效精準同步，增強記憶點
• 多版本準備：提供3秒/5秒/10秒三版本適配不同場景
• 平台適配：YouTube/Instagram/TikTok等平台可能需調整比例(16:9/9:16/1:1)
• 音畫同步：視覺動畫與音效精準同步，增強記憶點
• 多版本準備：提供3秒/5秒/10秒三版本適配不同場景
• 平台適配：YouTube/Instagram/TikTok等平台可能需調整比例(16:9/9:16/1:1)
STEP 07
製作與管理規範
詳細的製作標準與管理流程，確保品牌VI在執行落地時的專業度與一致性
01
製作標準 - 印刷工藝（紙張/專色/特殊工藝）
製作標準
印刷工藝直接影響品牌物料的質感與呈現效果，選擇合適的紙張、油墨與工藝至關重要。
| 紙張類型 | 克重 | 特性 | 適用場景 | 參考價格 |
|---|---|---|---|---|
| 銅版紙 | 128-350g | 表面光滑，色彩飽和度高 | 宣傳冊、海報、名片 | 經濟實惠 |
| 啞粉紙 | 128-300g | 啞光質感，不反光 | 高檔畫冊、雜誌 | 中等 |
| 雙膠紙 | 70-120g | 適合書寫，吸墨性好 | 信紙、筆記本內頁 | 經濟 |
| 白卡紙 | 200-400g | 挺度好，適合模切 | 名片、吊牌、手提袋 | 中等 |
| 特種紙 | 120-300g | 紋理豐富，質感獨特 | 高端邀請函、禮盒 | 較高 |
| 牛皮紙 | 100-300g | 環保質感，復古風 | 環保袋、包裝盒 | 經濟 |
專色印刷 (Pantone)
使用Pantone色卡，確保品牌色100%精準還原，適用於Logo、品牌色塊
燙金/燙銀
金屬質感，提升高級感，適用於Logo、標題、裝飾線條
局部UV上光
局部區域亮光處理，增強視覺層次，適用於Logo、重點圖案
擊凸/壓印
凹凸立體效果，增加觸感體驗，適用於名片、包裝盒
覆膜（光膜/啞膜）
保護印品、增強耐用性，光膜色彩鮮豔，啞膜質感柔和
異形模切
特殊形狀裁切，增加創意性，適用於吊牌、特殊包裝
印刷注意事項
• 色彩模式：印刷文件必須使用CMYK模式，RGB會造成色差
• 出血設置：四邊各留3-5mm出血位，避免裁切誤差
• 黑色疊印：大面積黑色建議使用四色黑(C40 M40 Y40 K100)提升飽和度
• 打樣確認：大批量印刷前務必打樣確認色彩與效果
• 出血設置：四邊各留3-5mm出血位，避免裁切誤差
• 黑色疊印：大面積黑色建議使用四色黑(C40 M40 Y40 K100)提升飽和度
• 打樣確認：大批量印刷前務必打樣確認色彩與效果
02
製作標準 - 數位輸出（格式/分辨率/色彩模式）
製作標準
數位媒體輸出需要不同的技術規格，確保在各種設備與平台上的最佳顯示效果。
| 用途 | 檔案格式 | 分辨率 | 色彩模式 | 備註 |
|---|---|---|---|---|
| 網站使用 | PNG / JPG / WebP | 72-96 DPI | RGB | PNG支持透明背景 |
| 社交媒體 | JPG / PNG | 72 DPI | sRGB | Instagram建議1080px寬 |
| 印刷輸出 | PDF / AI / EPS | 300 DPI | CMYK | 嵌入字體，轉曲線 |
| 大型噴繪 | PDF / TIF | 72-150 DPI | CMYK | 依尺寸調整解析度 |
| 視頻製作 | PNG (序列) | 1920x1080 | RGB | 透明背景用於疊加 |
| 源文件交付 | AI / PSD / SVG | 矢量/高解析 | 保留原始 | 保留圖層，未合併 |
Logo標準格式包
必備格式：
• AI (可編輯矢量)
• EPS (通用矢量)
• SVG (網頁用)
• PNG (透明背景)
• JPG (白底/黑底)
• AI (可編輯矢量)
• EPS (通用矢量)
• SVG (網頁用)
• PNG (透明背景)
• JPG (白底/黑底)
文件命名規範
格式：
品牌名_用途_版本_尺寸.格式
範例：
BrandName_Logo_Color_1080px.png
品牌名_用途_版本_尺寸.格式
範例：
BrandName_Logo_Color_1080px.png
文件大小優化
網頁用圖片：
• JPG: ≤200KB
• PNG: ≤500KB
• 使用TinyPNG壓縮
• WebP格式可減少30%
• JPG: ≤200KB
• PNG: ≤500KB
• 使用TinyPNG壓縮
• WebP格式可減少30%
數位輸出最佳實踐
• 色彩配置：網頁使用sRGB色彩空間，確保跨設備顯示一致
• 矢量優先：Logo優先提供矢量格式(AI/SVG)，支持無損縮放
• 備份原檔：保留未壓縮的原始文件，方便後續編輯調整
• 雲端存儲：使用Google Drive/Dropbox統一管理，版本控制
• 矢量優先：Logo優先提供矢量格式(AI/SVG)，支持無損縮放
• 備份原檔：保留未壓縮的原始文件，方便後續編輯調整
• 雲端存儲：使用Google Drive/Dropbox統一管理，版本控制
03
製作標準 - 色彩校準標準
製作標準
色彩在不同媒介上的精準還原是品牌一致性的關鍵，需建立標準化的校準流程。
| 媒介 | 色彩標準 | 校準工具 | 允許誤差 | 校準頻率 |
|---|---|---|---|---|
| 印刷品 | Pantone TPG / TCX | 實體色卡對照 | ΔE ≤ 3 | 每批次打樣 |
| 數位螢幕 | sRGB IEC61966-2.1 | 螢幕校色儀 | ΔE ≤ 2 | 每月校準 |
| 專業印刷 | ISO 12647-2 標準 | 分光光度計 | ΔE ≤ 2 | 每次開機 |
| 數位噴繪 | CMYK (Coated) | RIP軟件校色 | ΔE ≤ 5 | 每週校準 |
| 網頁顯示 | HEX / RGB | 瀏覽器預覽 | 視覺一致 | 多設備測試 |
RGB → CMYK 轉換
1. 使用Adobe ICC配置文件
2. 選擇"相對色度"渲染
3. 啟用黑場補償
4. 轉換後視覺檢查
2. 選擇"相對色度"渲染
3. 啟用黑場補償
4. 轉換後視覺檢查
色差值 (ΔE) 標準
• ΔE < 1：幾乎無差異
• ΔE 1-2：細微差異
• ΔE 2-3：可接受範圍
• ΔE > 3：明顯色差
• ΔE 1-2：細微差異
• ΔE 2-3：可接受範圍
• ΔE > 3：明顯色差
標準光源 D50/D65
• 印刷對色：D50 (5000K)
• 螢幕對色：D65 (6500K)
• 避免直射陽光
• 使用標準光箱
• 螢幕對色：D65 (6500K)
• 避免直射陽光
• 使用標準光箱
色彩管理要點
• Pantone色卡：每年更新色卡，舊色卡會褪色影響準確性
• 螢幕校色：設計師電腦必須每月校色，確保所見即所得
• 打樣確認：重要印刷品必須打實體樣，不可僅憑螢幕判斷
• 批次一致：同一批物料建議同時印刷，避免不同批次色差
• 螢幕校色：設計師電腦必須每月校色，確保所見即所得
• 打樣確認：重要印刷品必須打實體樣，不可僅憑螢幕判斷
• 批次一致：同一批物料建議同時印刷，避免不同批次色差
04
品牌管理 - 使用授權流程
品牌管理
規範的品牌授權流程確保品牌資產使用合規，避免不當使用損害品牌形象。
品牌使用授權流程（5步驟）
1
提出申請
填寫品牌使用申請表，說明用途與媒介
→
2
部門審核
市場部/品牌部審核申請資料與場景
→
3
文件下載
審核通過後提供對應格式文件
→
4
設計審查
使用前提交設計稿確認規範
→
5
歸檔記錄
使用完成後提交實物歸檔
授權使用注意事項
• 禁止行為：未經授權不得擅自修改Logo、變更品牌色、添加特效
• 第三方使用：合作夥伴使用需簽訂品牌授權協議，明確使用範圍
• 違規處理：發現違規使用立即停止，嚴重者追究法律責任
• 定期審查：每季度審查外部合作方的品牌使用情況
• 第三方使用：合作夥伴使用需簽訂品牌授權協議，明確使用範圍
• 違規處理：發現違規使用立即停止，嚴重者追究法律責任
• 定期審查：每季度審查外部合作方的品牌使用情況
05
品牌管理 - 更新維護機制
品牌管理
品牌VI需要持續維護與更新，確保與時俱進的同時保持品牌核心識別不變。
年度品牌審查
每年Q4進行：檢視VI使用情況、評估市場反饋、決定是否優化調整、更新應用案例
版本控制系統
VI手冊_v1.0_2026.01
大版本：品牌升級(1.0→2.0)
小版本：內容優化(1.0→1.1)
大版本：品牌升級(1.0→2.0)
小版本：內容優化(1.0→1.1)
員工培訓計劃
新員工入職培訓、季度品牌規範宣導、設計師專項培訓、合作夥伴使用說明
品牌資源庫
雲端統一管理、分層級目錄、訪問權限控制、每月備份更新
使用反饋收集
設立反饋渠道、記錄常見問題、優化VI手冊、補充實際案例
品牌使用監控
Google快訊、社交媒體監控、發現侵權處理、維護品牌聲譽
維護更新建議
• 小步快跑：避免大規模改版，採用漸進式優化策略
• 向下兼容：新版本應兼容舊版本，給過渡期調整
• 溝通公告：重大更新提前30天通知相關部門與合作夥伴
• 案例積累：持續收集優秀應用案例，豐富VI手冊內容
• 向下兼容：新版本應兼容舊版本，給過渡期調整
• 溝通公告：重大更新提前30天通知相關部門與合作夥伴
• 案例積累：持續收集優秀應用案例，豐富VI手冊內容
06
資源下載 - 完整案例PDF（4個真實案例）⭐⭐⭐
資源下載
以下提供4份真實的品牌VI設計案例PDF，涵蓋產業園區、文旅項目、商業地產、醫療科技等不同領域，每份都是完整的實戰案例。
4份真實VI設計案例 · 貨真價實的專業參考
每份PDF都是實際交付客戶的完整方案，包含品牌策略、視覺設計、應用規範等全套內容
這些不是模板，而是真實的商業項目案例！
這些不是模板，而是真實的商業項目案例！
🔥 推薦
金口岸融谷
生命科學園
生命科學園
Life Science Park
🏢
金口岸融谷生命科學園
產業園區品牌VI設計完整案例，展示了從品牌定位、視覺識別到空間導視系統的全鏈路設計思路，是園區類項目的優秀參考範本。
📋 案例亮點
- 科技感十足的Logo設計理念
- 完整的品牌色彩與字體系統
- 園區導視系統設計應用
- 辦公空間VI落地方案
- 宣傳物料系統化設計
⭐ 熱門
珠江文之旅
項目提案
項目提案
Cultural Tourism
🎨
珠江文之旅項目提案
文旅項目品牌策劃完整提案，融合嶺南文化元素與現代設計語言，展現了文化IP與商業品牌的巧妙結合，是文旅類項目的典範。
📋 案例亮點
- 文化IP品牌策略定位
- 嶺南風格視覺系統設計
- 文創產品開發應用
- 旅遊宣傳物料設計
- 數位媒體傳播方案
廣州長江國際
紡織城VI系統
紡織城VI系統
Textile Center
🏬
廣州長江國際紡織城VI
大型商業地產VI系統更新案例，展示了成熟品牌的視覺升級策略，包含大量實際應用場景，是商業綜合體品牌設計的絕佳參考。
📋 案例亮點
- 品牌升級前後對比分析
- 大型商業體導視系統
- 多業態視覺統一管理
- 商業空間VI應用規範
- 實際落地效果展示
💎 精選
廣東醫谷
品牌VI基礎
品牌VI基礎
Medical Valley
⚕️
廣東醫谷品牌VI基礎部分
醫療科技產業園VI基礎系統，展示了嚴謹專業的醫療行業品牌設計規範，從Logo標準製圖到色彩系統都有詳盡說明，是醫療類品牌的標準範本。
📋 案例亮點
- 醫療行業品牌定位策略
- Logo標準製圖詳解
- VI基礎系統完整規範
- 色彩與字體精準定義
- 輔助圖形系統設計
案例學習建議
• 分類學習：根據您的行業選擇相似案例深入研究（產業/文旅/商業/醫療）
• 對比分析：下載多份PDF對比學習，了解不同行業VI設計的差異化策略
• 提取精華：重點學習Logo設計邏輯、色彩系統規範、應用場景拓展
• 實戰應用：將案例中的優秀做法應用到自己的項目中，但要避免直接抄襲
• 對比分析：下載多份PDF對比學習，了解不同行業VI設計的差異化策略
• 提取精華：重點學習Logo設計邏輯、色彩系統規範、應用場景拓展
• 實戰應用：將案例中的優秀做法應用到自己的項目中，但要避免直接抄襲
品牌VI視覺識別系統手冊已完成
7大步驟完整呈現 · 4份真實案例可下載 · 感謝您的耐心閱讀！
STEP 08
品牌視覺設計服務報價
專業的品牌VI設計，從Logo到完整視覺識別系統
HK$
3,800
起
根據項目規模與需求，提供彈性報價方案
含Logo設計、VI系統規範、應用模板等核心交付物
包含服務內容（點擊展開）
▼
Logo 標誌設計
3-5款初稿方案 · 2次修改 · 提供AI/PNG/SVG等多格式源文件
VI 核心系統
品牌色彩系統 · 標準字體規範 · Logo使用規範 · 最小尺寸標準
基礎應用設計
名片設計 · 信紙信封 · 社交媒體頭像/封面 · 電子簽名檔
品牌VI手冊
完整PDF版規範手冊 · 包含所有設計標準與應用示例
後續支援服務
30天內免費微調 · 使用指導諮詢 · 印刷輸出技術支援
💡
報價說明
- ✓ 價格依據項目複雜度、交付時間與附加需求調整
- ✓ 大型企業VI系統、完整品牌手冊需另行評估
- ✓ 提供分期付款方案（訂金50% · 初稿確認30% · 交付尾款20%）
- ✓ 立即聯繫享首次合作優惠，24小時內回覆報價單
7個工作日交付
50+ 成功案例
滿意度保證
專業設計團隊