直接演一遍給你看!一窺動態圖像產生的幕後場景

直接演一遍給你看!一窺動態圖像產生的幕後場景

在電影、影片、廣告和3D特效等技術的精益求精之下,動態圖像(Motion Graphics)的活潑和吸睛程度,讓它越來越被重視。但你有沒有想過,我們如今生活當中時常看到的動態圖像,是如何從無到有製作而成的呢? salmun sajun 這位藝術家直接用動態圖像示範給你看!

 

 

動態圖像簡單的來說,就是會動的平面設計,原本平面的圖像經過動態設計,就呈現出動感,建構出新的感官世界。salmun sajun 為了想展現出動態圖像完整的產出「過程」,將停格動畫和現場實景拍攝兩者融合,展現出完成一個完整的動態圖像設計影片,從生動逗趣的影片中,我們也更能瞭解動態圖像原來是這麼製作而成的。

 

在「THE PROCESS」影片內,salmun sajun 運用繽紛多彩的顏色、多變抽象的元素,和精美華麗的剪紙停格動畫,影片還出動了一雙繽紛的手,呈現成一個動態圖像設計 idea 的旅程。從最初始點子在大腦的靈感迸發、分鏡圖繪製、一幕幕的圖像拍攝,到最後展現成品的來回修改,呈現到你我眼前的螢光幕,這些都是完成動態圖像必經的腦力激盪過程啊!

 

「THE PROCESS」影片用動態圖像影片來解釋動態圖像是怎麼一回事,凸顯出動態圖像的生動形象。除此之外,建議也可以搭配影片的幕後製作花絮一同觀賞,就更能瞭解 salmun saju 和團隊成員是怎麼完成這部生動繽紛的動態圖像影片。

 

THE PROCESS from Salman Sajun on Vimeo.

 

 

Text / 大人物

Photo / Salam Sajun

 

Campus睽違15年品牌重塑!設計師木住野彰悟以筆記本線條為靈感,打造全新視覺形象
Campus睽違15年品牌重塑!設計師木住野彰悟以筆記本線條為靈感,打造全新視覺形象

日本文具品牌KOKUYO旗下的「Campus」迎來品牌重塑,除了更新品牌視覺識別,也同步改版筆記本封面設計。設計師木住野彰悟以Campus筆記本的線條為靈感,將其轉化為視覺符號,並延伸應用於其他商品與包裝設計,讓不同品項也能呈現一致的品牌形象。

不只是筆記本,Campus開啟品牌新篇章

以筆記本聞名的「Campus」,在2025年9月迎來品牌50週年之際,開始重新思考品牌的發展方向。Campus認為,隨著數位科技與AI快速融入教育環境,透過實際參與、主動投入的學習,同樣是不可或缺的學習方式。因此,Campus將跳脫筆記本的既有定位,轉型為支持每個人以自己的方式學習與探索的「學習方式」品牌。

為回應多元學習需求,開啟品牌新篇章,Campus時隔15年進行品牌重塑。此次形象照更找來日本攝影師濱田英明拍攝。(圖片來源:KOKUYO)
為回應多元學習需求,開啟品牌新篇章,Campus時隔15年進行品牌重塑。此次形象照更找來日本攝影師濱田英明拍攝。(圖片來源:KOKUYO)

為了進一步了解不同學生的學習需求,Campus也針對5個國家展開調查,發現每個人面對學習的態度,以及對文具的期待都不盡相同。這也讓Campus更加確立未來方向,進而制定此次的品牌視覺識別系統(VI),全面煥新品牌形象,期望在學生經歷迷惘、逐步成長的每個階段,始終成為陪伴在他們身邊的夥伴。

Campus品牌在50週年之際,跳脫筆記本的既有定位,重新轉型為支持每個人以自己的方式學習、探索的「學習方式」品牌。(圖片來源:KOKUYO)
Campus品牌在50週年之際,跳脫筆記本的既有定位,重新轉型為支持每個人以自己的方式學習、探索的「學習方式」品牌。(圖片來源:KOKUYO)

從經典筆記本出發,重新梳理品牌形象

設計師木住野彰悟分享,這次除了更新第6代Campus筆記本,也重新梳理了Campus整個品牌。他認為,Campus筆記本本身就已經是極具代表性的存在,因此團隊先重新打磨筆記本的設計,再進一步思考如何建立一套視覺識別系統,讓各式商品都能透過一致的品牌形象串連起來。

全新VI採用Campus筆記本最代表性的線條為設計靈感。(圖片來源:KOKUYO)
Campus全新VI採用Campus筆記本最代表性的線條為設計靈感。(圖片來源:KOKUYO)

以筆記本線條為靈感、融入現代設計語彙

在品牌視覺識別系統上,設計師木住野彰悟以Campus筆記本的線條為靈感,打造出名為「Borderless Line(無界之線)」的視覺符號。這項設計也象徵品牌希望陪伴學生面對學習過程中的挫折與掙扎,並與他們一同跨越挑戰的態度。

木住野彰悟打造名為「Borderless Line」的視覺符號。象徵品牌希望陪伴在學習過程中遭遇挫折與掙扎的學生。(圖片來源:KOKUYO)
木住野彰悟打造名為「Borderless Line」的視覺符號。象徵品牌希望陪伴在學習過程中遭遇挫折與掙扎的學生。(圖片來源:KOKUYO)
(圖片來源:KOKUYO)
(圖片來源:KOKUYO)

Logo設計則保留歷代字母相連的經典元素,並融入現代設計語彙,呈現簡潔且值得信賴的形象,在傳遞隨時陪伴、支持學生的品牌精神之餘,也保有歷久彌新的經典氣質。

Campus歷代品牌識別(圖片來源:KOKUYO)
Campus歷代品牌識別(圖片來源:KOKUYO)

保留熟悉元素,打造更洗鍊的封面

Campus旗下代表性商品「Campus筆記本」也睽違15年迎來改版,正式邁入第6代。本次設計延續廣受喜愛的第5代筆記本風格,保留原有的封面配色與橫線等熟悉元素,同時細緻調整規格、標題欄線等標示設計,以更簡潔的設計與較淡的色調,呈現清爽、洗鍊的視覺樣貌,讓筆記本在日常書寫時光中,持續陪伴使用者。

第6代Campus筆記本(圖片來源:KOKUYO)
第6代Campus筆記本(圖片來源:KOKUYO)
圖上方為第1代~第5代的Campus筆記本,下方為前3代的Logo。(圖片來源:X@kokuyo_st)
圖上方為第1代~第5代的Campus筆記本,下方為前3代的Logo。(圖片來源:X@kokuyo_st)

此外,為紀念品牌Logo更新,Campus也推出「Campus附迷你筆記本收納包」限定套組,內容物包含可掛在書包上的迷你收納包、迷你筆記本,以及貼紙與徽章,讓全新的品牌形象延伸至日常生活中的各種使用情境。

Campus推出「Campus附迷你筆記本收納包」限定套組。(圖片來源:KOKUYO)
Campus推出「Campus附迷你筆記本收納包」限定套組。(圖片來源:KOKUYO)
收納包也能放耳機、護唇膏等日常必需小物,方便隨身攜帶。(圖片來源:KOKUYO)
收納包也能放耳機、護唇膏等日常必需小物,方便隨身攜帶。(圖片來源:KOKUYO)

資料來源|KOKUYO

延伸閱讀

RECOMMEND

迷客夏品牌視覺升級!Bito操刀療癒系識別:融合靜與動態、視覺和聲音,深化milksha與自然的連結
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結

「為了你,我們養了一群牛。」這句屬於milksha迷客夏的標語,道出品牌與酪農、鮮奶和土地的深刻連結。迎接20週年之際,milksha與台灣頂尖設計團隊Bito合作,從消費者熟悉的「牛」,以及草地被風吹拂搖曳療癒意象出發,融合靜與動態、視覺和聲音,重新梳理品牌視覺定位與方向,進一步深化milksha品牌個性。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

柔化牛的曲線和字形結構

在這次的品牌升級中,Bito保留並優化milksha最具代表性的圖標,讓「牛」的曲線更加圓潤。字形部分,則將筆畫調細,並融入的風和草的意象,在細節處加入呼應草的尖角,讓筆畫結構更加俐落、同時不失柔和感,看上去更加優雅而富人文溫度。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

視覺和聲音相輔相成的動態識別

Bito尤為擅長動態(motion)設計,這次為milksha訂製動態識別,選擇將徜徉自然中被風吹拂的抽象感受視覺化。當milksha字標左右搖曳如隨風擺動的同時,還能聽見草地搖擺的娑娑聲響,令人聯想飲用milksha時的療癒情緒。

有趣的是,系統中還能選擇微風、自然風、陣風3種風吹模式,字標擺動的幅度、速度等也能調整,讓視覺表達更加多元而鮮活。從視覺、聽覺延伸到味覺聯想,Bito透過這套動態識別系統,引領消費者感受milksha的世界觀。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

自然光影意象躍上製作物

在延伸視覺中,Bito透過各式自然意象如陽光、樹影、搖曳草地,深化milksha品牌予人的自然療癒之感。不同款式的「光漏」意象,也被延伸應用至飲料杯身、杯套、托特包等各種至作物當中。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

手繪影片構築milksha城市綠洲

在AI時代顯得尤為珍貴的手繪筆觸,被Bito帶入品牌影片當中。設計團隊採手繪的方式逐格繪出自然純粹的風景,定調milksha溫暖、真誠、用心的品牌特質。音樂則搭配大自然裡舒適宜人的環境音,點綴柔和而清脆的短音效(jingle),加深大眾對品牌的記憶,期待人們走進milksha時,就如踏入城市綠洲一般,得以感受自在愜意的生活片刻。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

延伸閱讀

RECOMMEND