TVBS AI 子品牌的兩個正式標誌。 方形版參考 TVBS 新聞 同系統「大 T 包小字」,把 VBS + 新聞 換成 AI。 橫式版用官方 TVBS wordmark + AI,給文字流場景。
TVBS AI 科技部已經做出好幾個強大的 AI 應用,問題不在能力, 在於觀眾記得「翻譯很準」卻記不得是「TVBS AI 做的」。 這次 CI 的目標:建立一個能跨所有 AI 產品的識別系統, 讓「TVBS AI 出品」這四個字本身變成品質保證。
TVBS 30 年新聞媒體的信譽,加上一線科技團隊的 AI 能力。我們做的 AI,不是炫技玩具,是專業內容生產的工具。
「TVBS AI」跟「TVBS 新聞」是同層級的 TVBS 子品牌。所有由 AI 科技部開發的產品,都掛上這個標誌。
觀眾看到代表「正在使用 AI 服務」;業界看到代表「TVBS 的技術實力」;內部看到代表「跨產品共用的品牌資產」。
內容才是主角,AI 是讓內容變好的工具。標誌存在感要剛好被看見,但不搶走內容焦點。
跟 TVBS 新聞 用同一套設計系統 —— 大 T 從官方 SVG 拿來,不修改, 原本 VBS + 新聞 的位置改放 italic 粗體「AI」。 這樣每個 TVBS 子品牌(新聞、AI、未來其他)都共用一個視覺骨架, 使用者一眼就讀出「這是 TVBS 家族的 X」。
T 的 path 直接取自官方 SVG,無任何修改 — 縮放、平移可以,輪廓不能動。所有 TVBS 子品牌共用同一個 T,這是家族認同的關鍵。
跟 TVBS 新聞 的 VBS 文字同位置 —— 嵌在 T 的右側 cradle(右下方那塊由橫桿和直幹圍出的空間)。italic、粗體、貼齊 T 的視覺重心。
同一個 T 可以包不同 sub-brand 名稱 — 例如 TVBS 戲劇可以是「劇」、TVBS 體育可以是「Sports」。整個 TVBS 集團共用一套視覺架構。
字形 / 構造 不變,只變色彩處理。看哪個跟你想要的 TVBS AI 氣質最對。
文字流裡(簡報、頁首、email 簽名)用方形 emblem 會卡,這時改用「官方 TVBS wordmark + AI」橫式 lockup。 TVBS 字標也是直接從官方 SVG 取,不修改。
TVBS 藍是不可動搖的主幹,AI 子品牌補上一條「TVBS 藍 → 青 → 紫」漸層當 signature gradient, 讓 AI 元素既有 TVBS 血統、又有獨立科技感。橘色保留呼應 TVBS 新聞 的家族色,可選用。
唯一官方漸層,順序固定 TVBS Blue → Blue Bright → Cyan → Violet, 角度 115°。小尺寸(< 24px)必須退回單色 TVBS Blue。
CI 用三套字體:Inter(內文 UI 英文)+ Noto Sans TC(繁體中文)+ Barlow Condensed(AI logo 專用)。 全部都是免費商用、Google Fonts 可載。 關於 AI logo 字:原版「TVBS」標準字根據 Logopedia 是 Custom 客製設計、不是現成商業字型,所以 100% 同字感不可能用任何字型達成。Barlow Condensed Black Italic 是 humanist condensed sans,跟 VBS 那種圓潤帶 italic 的字感最接近的 free 選項,當 v0.1 placeholder 用,v1 建議手繪 SVG path。
Badge 有兩種格式: Format 01 白底藍字(100% 不透明)、 Format 02 黑底白字(60% Alpha 半透明)。 畫面用 1080p Full HD(1920×1080)為標準對標,所有像素值都按這個尺寸定義, Safe-area 對到 SMPTE RP 218 title-safe(HD 5% inset 標準)。
解析度:1920 × 1080 px(1080p / Full HD / 16:9)
Action-safe(SMPTE RP 218):3.5% inset = (67, 38, 1853, 1042)
Title-safe(SMPTE RP 218):5% inset = (96, 54, 1824, 1026)
尺寸:249 × 63 px(白底、黑底版同框)
定位(左下角):x = 210 px, y = 897 px(top-left 原點)
到 frame 邊距:left 210 px、bottom 120 px
距 title-safe-left:+114 px(額外向內收)
距 title-safe-bottom:+66 px
→ Badge 在 SMPTE title-safe 內側、再向內預留充裕氣口,跨機構播出都安全。
出現時長:10 秒(跟字幕同步上下,字幕消失後同時淡出)
位置:固定,不漂浮、不變大、不蓋字幕
動態:淡入 0.3s / 淡出 0.5s
翻譯Badge輸出/):
單獨Badge.png(249×63 白底)、
單獨badge半透明alpha遮罩.png(249×63 黑底 60% Alpha)、
滿版去背.png(1920×1080 透明底、badge 已 keyed 在 (210, 897) 等播出端直接 overlay)、
滿版badge半透明alpha遮罩.png(同上,黑底 alpha 版)。
249×63 px、left 210 / bottom 120(1920×1080 對標)。白底 100% 不透明、SMPTE title-safe 內側充裕氣口。
同樣 249×63 px、同樣定位(210, 120)。黑底 60% Alpha 半透明 + 白 emblem,高彩度背景上不被吃掉。
不要任意改 badge 寬高比或縮小。直播部唯一接受的尺寸是 249×63 px,縮太小會掉到 sub-pixel、字會糊掉。
不要把 emblem 直接放在畫面上、沒套膠囊。一定要走 Format 01 或 02 兩種膠囊之一,膠囊是 badge 的構成元素。
電視角落的 badge 尺寸跟位置是被綁死的,只能在那個方格內動。 Badge 本身有兩種格式:白底藍字(白底 100% 不透明)、黑底白字(黑底 60% Alpha 半透明)。 左邊先給一張現在電視上長相的對照,右邊兩張是兩種格式。
沒有任何 TVBS AI 品牌識別,只是一個白底藍字的功能性 label。
實心白底膠囊,emblem 用 TVBS 藍。對比最強、品牌色直出,正式 / 新聞 / 標準場景首選。
半透明黑底膠囊,emblem 用白色。半透明讓背景透出來、視覺輕一點,多元 / 戶外 / 高彩度背景上耐看。
TAI即時翻譯Badge.svg ·
Clean base:電視畫面_沒有badge.png
TVBS AI 主標誌不只在電視角落出現。未來所有 AI 科技部產品都會掛這個 emblem。 下面是幾個常見場景示範。
支援多語言即時雙向翻譯,新聞節目原音同步上字幕。
原版「VBS」是 Custom 客製字型(per Logopedia),沒有完美對應的 free font。 我從幾個方向幫你篩出 5 個 powerful + italic + bold 的候選, 用一樣的 T、一樣的位置、一樣的尺寸,只換 AI 字型。 看完直接告訴我哪個對。