返回作品分类
02 / UI & WEB VISUAL

ONE SYSTEM.
MANY SCREENS.

PAWOOF 网页视觉探索。围绕既有品牌色与页面布局,整理桌面、移动端和基础组件的视觉关系。

01 / RESPONSIVE VISUAL STUDY

切换屏幕,观察同一种视觉语言。

界面视觉探索与交互展示。可在窗口内滚动,查看不同屏幕下的布局。

● ● ●PAWOOF / WEBSITE VISUAL STUDY↗
02 / VISUAL FOUNDATIONS

让品牌颜色,成为界面的秩序。

色彩关系

DEEP GREEN
品牌主色
#073E30
WARM BEIGE
阅读基底
#EEE7D5

标题与阅读

为它,留一个舒服的位置。

用清晰的字号、留白与行距建立信息层级,让品牌气质和阅读体验保持一致。

按钮状态

统一形状、间距与反馈,让同一套组件适应不同内容。

布局与适配

桌面以并列构图建立画面与信息的关系;移动端调整为连续阅读,保留品牌颜色、标题层级与操作入口。