第 02 章 · 品牌與視覺設計

第 02 章 · 品牌與視覺設計

02

02

02

為品牌塑造門面。

為品牌塑造門面。

為品牌塑造門面。

2011 到 2024 年,我在台北參與多個品牌的工作,負責視覺識別、包裝、電商與產品內容,從概念一路做到量產。這一章跟著其中一個品牌 LEXFUN,從第一張鉛筆草圖,一路走到它的網站與社群貼文。

2011 到 2024 年,我在台北參與多個品牌的工作,負責視覺識別、包裝、電商與產品內容,從概念一路做到量產。這一章跟著其中一個品牌 LEXFUN,從第一張鉛筆草圖,一路走到它的網站與社群貼文。

2011 到 2024 年,我在台北參與多個品牌的工作,負責視覺識別、包裝、電商與產品內容,從概念一路做到量產。這一章跟著其中一個品牌 LEXFUN,從第一張鉛筆草圖,一路走到它的網站與社群貼文。

LEXFUN 案例

LEXFUN 案例

2011–2024

2011–2024

紐約 FIT

紐約 FIT

封面投影片「Exploration: Brand Visual Design / Development」,旁邊是 LEXFUN 作品拼貼:筆電與手機上的網站、兩張風格板、Smart Badge 包裝盒,以及幾張人像照

職稱

職稱

品⁠牌、產⁠品⁠與⁠設⁠計⁠職⁠務 · 台⁠北

品⁠牌、產⁠品⁠與⁠設⁠計⁠職⁠務 · 台⁠北

品⁠牌、產⁠品⁠與⁠設⁠計⁠職⁠務 · 台⁠北

期間

期間

2011–2024

2011–2024

2011–2024

任職公司

任職公司

EVOUNI · Aqua Omega · Keyjoy · LEXFUN · Regentronic

EVOUNI · Aqua Omega · Keyjoy · LEXFUN · Regentronic

EVOUNI · Aqua Omega · Keyjoy · LEXFUN · Regentronic

範圍

範圍

視⁠覺⁠識⁠別 · 包⁠裝 · 電⁠商 · 產⁠品⁠內⁠容

視⁠覺⁠識⁠別 · 包⁠裝 · 電⁠商 · 產⁠品⁠內⁠容

視⁠覺⁠識⁠別 · 包⁠裝 · 電⁠商 · 產⁠品⁠內⁠容

01 / 04 · 品牌故事

01 / 04 · 品牌故事

從品牌故事開始

從品牌故事開始

從品牌故事開始

LEXFUN 是一家有數十年經驗的線材組裝製造商推出的新品牌,要踏進競爭激烈的電子配件市場。我們沒有憑空編故事,而是把品牌建立在這份工藝上。我協助把各種想法收斂成一句使命宣言和一段品牌故事,回答三個問題:這個品牌是誰、它解決什麼問題,以及我們要怎麼做到。

LEXFUN 是一家有數十年經驗的線材組裝製造商推出的新品牌,要踏進競爭激烈的電子配件市場。我們沒有憑空編故事,而是把品牌建立在這份工藝上。我協助把各種想法收斂成一句使命宣言和一段品牌故事,回答三個問題:這個品牌是誰、它解決什麼問題,以及我們要怎麼做到。

LEXFUN 是一家有數十年經驗的線材組裝製造商推出的新品牌,要踏進競爭激烈的電子配件市場。我們沒有憑空編故事,而是把品牌建立在這份工藝上。我協助把各種想法收斂成一句使命宣言和一段品牌故事,回答三個問題:這個品牌是誰、它解決什麼問題,以及我們要怎麼做到。

LEXFUN 品牌策略板:使命、品牌理念、概念發想與品牌故事等區塊,搭配一棟現代建築,以及拿鐵旁一本攤開的筆記本

01 / 04

01 · LEXFUN 品牌策略板

01 · LEXFUN 品牌策略板

放大

放大

LEXFUN 標誌發展過程:點格紙上的立方體圖形鉛筆草圖、10 款字標方案,以及分三步演變的六角形圖示

02 / 04

02 · 標誌發展,從草圖到圖示

02 · 標誌發展,從草圖到圖示

放大

放大

02 / 04 · 標誌

02 / 04 · 標誌

畫⁠草⁠圖、做⁠測⁠試、再⁠精⁠簡

畫⁠草⁠圖、做⁠測⁠試、再⁠精⁠簡

畫⁠草⁠圖、做⁠測⁠試、再⁠精⁠簡

這個標誌是從一本點格筆記本開始的。概念是一個立方體:帶點年輕感的科技,形狀就像一個裝著禮物的盒子。我畫了各種圖形和字標,再一輪一輪刪減,測試顏色、輪廓與版面配置。細細的六角形外框長成粗實的線條,最後兩個字母 U 和 N 也合成了一個字形。簡單、好記,又不失玩心。

這個標誌是從一本點格筆記本開始的。概念是一個立方體:帶點年輕感的科技,形狀就像一個裝著禮物的盒子。我畫了各種圖形和字標,再一輪一輪刪減,測試顏色、輪廓與版面配置。細細的六角形外框長成粗實的線條,最後兩個字母 U 和 N 也合成了一個字形。簡單、好記,又不失玩心。

這個標誌是從一本點格筆記本開始的。概念是一個立方體:帶點年輕感的科技,形狀就像一個裝著禮物的盒子。我畫了各種圖形和字標,再一輪一輪刪減,測試顏色、輪廓與版面配置。細細的六角形外框長成粗實的線條,最後兩個字母 U 和 N 也合成了一個字形。簡單、好記,又不失玩心。

“

“

“

出自第 02 部分 · 標誌

出自第 02 部分 · 標誌

簡單、好記,又不失玩心。

簡單、好記,又不失玩心。

簡單、好記,又不失玩心。

03 / 04 · 識別規範

03 / 04 · 識別規範

先⁠有⁠規⁠範,再⁠走⁠進⁠真⁠實⁠世⁠界

先⁠有⁠規⁠範,再⁠走⁠進⁠真⁠實⁠世⁠界

先⁠有⁠規⁠範,再⁠走⁠進⁠真⁠實⁠世⁠界

接著,我把整套識別濃縮成一張海報:任何人要開始使用這個品牌,需要的標誌組合、色彩與字體都在上面。我們試了好幾種風格,最後選了深色背景搭配紫色霓虹點綴,讓整體調性保持年輕又有趣。然後我把標誌套到廣告看板、送貨車和產品上做成模擬圖,讓大家在它還是草稿的時候,就能想像它出現在真實世界裡的樣子。

接著,我把整套識別濃縮成一張海報:任何人要開始使用這個品牌,需要的標誌組合、色彩與字體都在上面。我們試了好幾種風格,最後選了深色背景搭配紫色霓虹點綴,讓整體調性保持年輕又有趣。然後我把標誌套到廣告看板、送貨車和產品上做成模擬圖,讓大家在它還是草稿的時候,就能想像它出現在真實世界裡的樣子。

接著,我把整套識別濃縮成一張海報:任何人要開始使用這個品牌,需要的標誌組合、色彩與字體都在上面。我們試了好幾種風格,最後選了深色背景搭配紫色霓虹點綴,讓整體調性保持年輕又有趣。然後我把標誌套到廣告看板、送貨車和產品上做成模擬圖,讓大家在它還是草稿的時候,就能想像它出現在真實世界裡的樣子。

LEXFUN 視覺識別規範:字級系統、紫色與灰色色票,以及淺色、深色與紫色霓虹三個版本的品牌海報

03 / 04

03 · 視覺識別規範

03 · 視覺識別規範

放大

放大

LEXFUN 標誌模擬圖:兩面廣告看板和一輛送貨車、手機上的網路商店,以及擺在大理石上的黑色行動電源、耳機收納盒與充電器

04 · 模擬圖:看板、貨車、產品

04 · 模擬圖:看板、貨車、產品

放大

放大

LEXFUN 網站設計:桌機版頁面版型、含字體與按鈕的 UI 風格指南,以及網站在筆電、平板與手機上的樣子

04 / 04

05 · LEXFUN 網站與 UI 風格指南

05 · LEXFUN 網站與 UI 風格指南

放大

放大

Keyjoy 行動版網站的製作流程,分成三塊斜切畫面:鉛筆手繪草稿、灰色低保真線框圖,以及一家線材組裝製造商網站的高保真模擬圖

06 · Keyjoy 行動版網站:從草稿到模擬圖

放大

LEXFUN 行銷素材:Smart Badge 識別證套與 S.Café 編織傳輸線的深色電子橫幅,以及中文社群貼文

07 · 電子橫幅與社群貼文

放大

Keyjoy 行動版網站的製作流程,分成三塊斜切畫面:鉛筆手繪草稿、灰色低保真線框圖,以及一家線材組裝製造商網站的高保真模擬圖

06 · Keyjoy 行動版網站:從草稿到模擬圖

放大

LEXFUN 行銷素材:Smart Badge 識別證套與 S.Café 編織傳輸線的深色電子橫幅,以及中文社群貼文

07 · 電子橫幅與社群貼文

放大

04 / 04 · 螢幕與社群

04 / 04 · 螢幕與社群

在⁠螢⁠幕⁠上,也⁠在⁠社⁠群⁠動⁠態⁠裡

在⁠螢⁠幕⁠上,也⁠在⁠社⁠群⁠動⁠態⁠裡

在⁠螢⁠幕⁠上,也⁠在⁠社⁠群⁠動⁠態⁠裡

同一套系統延伸到 LEXFUN 的桌機版與行動版網站,還有專屬的 UI 風格指南,接著再延伸到 Smart Badge 識別證套的電子橫幅與中文社群貼文。網頁也是從紙上開始的:Keyjoy 的行動版網站,我從鉛筆草稿、灰色線框圖到高保真模擬圖,一步一步做出來。

同一套系統延伸到 LEXFUN 的桌機版與行動版網站,還有專屬的 UI 風格指南,接著再延伸到 Smart Badge 識別證套的電子橫幅與中文社群貼文。網頁也是從紙上開始的:Keyjoy 的行動版網站,我從鉛筆草稿、灰色線框圖到高保真模擬圖,一步一步做出來。

同一套系統延伸到 LEXFUN 的桌機版與行動版網站,還有專屬的 UI 風格指南,接著再延伸到 Smart Badge 識別證套的電子橫幅與中文社群貼文。網頁也是從紙上開始的:Keyjoy 的行動版網站,我從鉛筆草稿、灰色線框圖到高保真模擬圖,一步一步做出來。

聯絡我

聊聊吧。

聊聊吧。

聊聊吧。

我正在尋找安全營運與職業安全相關的職缺,也隨時歡迎找我聊聊六個篇章裡的任何一段經歷。

我正在尋找安全營運與職業安全相關的職缺,也隨時歡迎找我聊聊六個篇章裡的任何一段經歷。

© 2026 PETER W. PAN · BEAR ON WATCH