精選 · 開放 · 免費

Davejreid

一個為 UI/UX 與創意總監打造的精緻作品集，強調字體排印與策展影像。

01

設計氣質 DNA

一份展現設計作品的、乾淨而高端的雜誌跨頁。

02

色彩

高對比的極簡主義，以中性畫布襯托作品集影像，使其脫穎而出。

03

字型

old-style-serif · humanist-sans

• display16px · 400

主要敘事元素與標題使用舊式襯線字體。 · UI 元素與次要文字使用人文無襯線字體。

04

間距

主要區塊間留有寬裕的垂直間距

05

表面 (圓角 / 陰影 / 邊線)

無或極其細微

06

版面

大型、全出血或寬幅影像，之間以寬裕的垂直間距分隔。

07

動效與互動

hover 時簡單的淡入或過渡效果

細微的透明度變化或簡單過渡。 · 立即導覽。

08

組件

• button 極簡的文字連結，帶有箭頭圖示 (↗)，無實心背景。
• card 大型攝影卡片，下方配有簡潔的字體排印。
• chip 無可見元素。
• input 無可見元素。
• hero 一個簡單的文字區塊，包含簡介與導覽連結，後接一張大型圖片。

09

文案語氣與禁用清單

• 語氣 專業、精緻且內斂。
• 標題風格 襯線字體，口語化但正式。
• 按鈕文案 帶有箭頭指示的簡單文字連結。

• 勿使用粗體、無襯線字體標題 — 螢幕截圖顯示的是精緻的舊式襯線字體
• 勿使用鮮豔、飽和的強調色 — 螢幕截圖顯示的是嚴格中性的灰色調性
• 勿使用厚重陰影或卡片 — 螢幕截圖顯示的是純色背景上的平面影像
• 勿將元素擁擠排列 — 螢幕截圖顯示的是區塊間有顯著垂直間距
• 勿使用複雜的導覽 — 螢幕截圖顯示的是帶有箭頭的極簡文字連結
• 勿為主要文字使用現代幾何無襯線字體 — 螢幕截圖顯示的是人文無襯線字體與襯線字體
• 避免: 響亮的行動呼籲
• 避免: 厚重的品牌元素
• 避免: 擁擠的版面配置

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko