SHIHYUAN DESIGN STUDIO
留白之間,留下創作的痕跡
從一筆構想,到每一件作品。
SHIHYUAN 的網站從手繪作品出發,以細線字標、紙白背景與墨綠色調,為不同時期的創作保留一個安靜的展示空間。
01 從名字開始
八個字母以纖細線條與留白連成名字。局部斷筆讓幾何字形保有呼吸的空間,副標採用與主字標呼應的細線字形,置中於字標下方;兩側線條延伸至 SHIHYUAN 的左右兩端。
02 圖形 LOGO 設計稿
第一版圖形標誌以 S 與 H 的細線結構交疊,和 SHIHYUAN 字標組成完整識別。H 中央橫畫保留斷口,延續字標相同的留白語言。
圖形保留墨綠色細線,H 的中段斷口呼應主字標;左上淡藍、右下淡紅的透色長框以細微高光呈現。主頁動畫在光點位置顯示圖形標誌;館藏頁首和頁尾以相同比例組合圖形、字標與副標。
03 紙、線與光
紙白承接作品的底色
墨綠文字與操作的重心
灰綠邊界與細節的過渡
入口的淡色作品紋理帶出紙面感;進入館藏後,幾何線構與半透明面板建立層次。圖片區維持輕透,文字區則保留足夠的底色,讓作品與敘述都清楚可讀。
04 讓名字有出場的節奏
首頁字母依序進場,投影隨之收束,柔光沿著筆畫流動。輕柔的鐘聲與電鋼琴感音色呼應字母落定;進入館藏時,字母再依反向次序退場。
觀賞者可以重播或關閉音效。裝置設定為減少動態效果時,首頁會以較靜態的方式呈現。
觀看首頁動畫05 以秩序整理創作
宋體標題與清楚的作品編號,讓角色、插畫、抽象與圖標各有位置。選單逐項展開,卡片將名稱、類型及權利標示集中呈現;點開作品,便能安靜觀看原圖。
「原始手稿」保存創作起點;「母稿」確立主視覺;「延伸母稿」發展系列變化。與對應成品共同收錄時,會以組合標籤說明。
閱讀設計流程與稿件規範06 持續留下版本
每一件作品都保留自己的名稱、分類與創作紀錄,網站也隨收錄內容逐步更新。這份設計故事記錄目前已採用的視覺、圖形 LOGO 與互動,並隨網站版本持續更新。