Portfolio

Hsu's Work

Efficiently complete the design and apply it to products through collaboration between AI and designers

01

Creation

Visual Works

↓

02

Design Tools

Efficiency Solutions

↓

Creation

Web

Evangelion x niko and...

提供 Gemini 預先設計好的參考圖，迅速完成切版和特效。 Geminiにデザイン済みの参考画像を提供し、コーディングとエフェクトの実装を迅速に行います。

# Front end # Gemini

LIVE DEMO ->

Chiikawa park

提供 Gemini IP 相關風格參考物，迅速製作出符合 IP 風格的前端網頁。 GeminiにIP（キャラクター）のスタイル参考を提供し、その世界観にマッチしたフロントエンド画面を迅速に制作します。

# Front end # Gemini

LIVE DEMO ->

Motion & Graphic

Motion Design 影像映像

# Gemini # AE

# Blender # AE

# Firefly # AE

Game Promotion 遊戲宣傳 Bannerゲーム宣伝バナー

# Photoshop # Firefly

Cover Design 書籍封面書籍カバー

# Photoshop

Design Tools

Ps Photoshop

Text Exporter Plugin

使用 UXP Developer Tools 製作 Photoshop 增效模組，讓使用者可以一次獲取 PSD 內所有文字內容，方便整理翻譯給譯者，進行翻譯作業。 UXP Developer Toolsを使用してPhotoshopプラグインを開発しました。PSD内の全テキストデータを一括取得でき、翻訳者への手配や翻訳作業を大幅に効率化します。

# UXP # JSX # Automation # Gemini

▶

Auto Localization

使用 JSX 一鍵替換 PSD 中的所有文字內容與字體樣式。此腳本專為多語言漫畫發行設計，能取代繁瑣的複製貼上作業，讓設計師直接進入設計微調作業。 JSXを使用し、PSD内の全テキストとフォントスタイルをワンクリックで置換するスクリプトです。多言語コミックの出版向けに設計されており、面倒なコピペ作業を省くことで、デザイナーがすぐに微調整作業に取り掛かれるようにします。

# JSX # Automation # Gemini

config.json

"source": "Japanese",

"target": ["English", "Chinese"],

"font_mapping": { "standard": "CCMeanwhile" }

W Web Tool

Color Picker

提供一個顏色後，產出多個配色提案協助設計師配色。利用 Gemini 生成功能完整的色彩組合推薦器，並以此程式碼為基底，進行配色、 UI 介面與操作體驗的優化設計。ベースカラーを1色指定するだけで、デザイナー向けの配色案を複数生成します。Geminiを活用して機能的なカラーパレット提案ツールを構築し、生成されたコードをベースに配色やUI/UXの最適化を行いました。

# Gemini # UIUX Design

Launch App View V1

AI Workflow

The mindset and workflow tools behind my AI-assisted design process