← OpenDesign
精选 · 开放 · 免费
Davejreid
为 UI/UX 与创意总监打造的精致作品集,强调排版与精心策划的影像。
Portfolio Editorial Typography Curation Premium
01
设计气质 DNA
作品集 编辑式 排版主导 精心策划 极简
一本展示设计作品的干净、高端杂志跨页。
02
色彩
#222222Ink
#F5F6F7BG
#999999Muted
rgba(34,34,34,0.1)Line
高对比度极简主义,使用中性画布让作品集影像脱颖而出。
03
字体
old-style-serif · humanist-sans
主要叙事元素与标题使用旧式衬线体。 · UI 元素与次要文本使用人文主义无衬线体。
04
间距
4px
8px
16px
24px
32px
48px
64px
80px
96px
主要章节之间留有大量垂直空白
05
表面 (圆角 / 阴影 / 边线)
sm · 6px
md · 6px
lg · 6px
pill · 999px
无边框或极其细微
06
布局
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
大尺寸、全出血或宽幅影像,之间用大量垂直空白分隔。
07
动效与交互
220ms micro
400ms small
600ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
hover 或过渡时的简单淡入
微妙的透明度变化或简单过渡。 · 即时导航。
08
组件
button 极简文字链接,带箭头图标(↗),无实色背景。 card 大尺寸摄影卡片,下方配有简洁文字。 chip 未出现。 input 未出现。 hero 简单的文字区块,包含简介与导航链接,后接大图。
09
文案语气与禁用清单
语气 专业、精致且低调。 标题风格 衬线体,对话式但正式。 按钮文案 带箭头指示器的简单文字链接。 避免使用粗体无衬线标题——截图显示为精致的旧式衬线体 避免使用明亮、饱和的强调色——截图显示严格中性的灰色调色板 避免使用厚重阴影或卡片——截图显示纯色背景上的平面影像 避免元素拥挤——截图显示章节间有大量垂直空白 避免使用复杂导航——截图显示极简的文字链接与箭头 避免在主要文本中使用现代几何无衬线体——截图显示人文主义无衬线体与衬线字体 避免: 醒目的行动号召 避免: 厚重的品牌元素 避免: 杂乱的布局
10
包内真实截图
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为香港 UI/UX 与创意总监打造的精致编辑式作品集网站。设计 DNA 由高对比度极简主义定义,采用中性米白(#F5F6F7)背景与深炭灰(#222222)墨色。排版是视觉焦点,将用于展示文本的旧式衬线体与用于正文的人文主义无衬线体相搭配。关键禁忌包括:避免使用明亮强调色,避免使用厚重阴影或现代几何无衬线体,避免在空间不足时堆砌元素。
更多精选
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
为什么收录: 该网站是精致、编辑式作品集网站的典范,有效运用排版与空白来营造高端质感,无需复杂 UI。