让企业网站在第一眼就被记住的UI视觉设计
我们把电竞少女风的轻盈配色,与 B 端企业需要的沉稳质感叠在一起:原创矢量图形、克制动效、多端一套设计语言。不是套模板,而是为你的品牌单独画一张"脸"。
电话 / 微信同号:18236992212 · 设计稿 3 个工作日内出初版
DESIGN DIRECTION
六种设计方向,先看风格再动手
每个行业的气质不同,建筑要稳重、教育要亲和、制造要硬朗。我们先和你锁定方向,再进入细节设计,避免反复改稿。
01
沉稳商务风
深蓝灰主色、细线分隔、大留白,适合建筑、工程、制造类企业官网。
02
轻盈少女风
浅粉浅紫渐变、圆角卡片、柔化阴影,贴合文教、美业、生活服务品牌。
03
科技极简风
黑白灰打底、单一强调色、大字体排版,软件科技、新能源企业首选。
04
温暖质感风
暖色实拍图、手绘线条、人文叙事,餐饮、农业、文旅品牌适用。
05
大气国风潮
印章式标识、中式留白、传统色点缀,文旅、文化、老字号品牌适配。
06
活力营销风
高对比按钮、数据色块、强转化路径,营销型官网与活动页常用。
左右滑动查看全部设计方向
DESIGN SYSTEM
看得见的设计系统,不是随手画
颜色、字体、间距、圆角全部定成规范,开发照规范还原,页面之间不打架。
全站色板
#FBE7F0
#F1C4D8
#ED9FC2
#EFE8FC
#C5AEEF
#33263B
浅粉打底、浅紫点睛、深紫收文字,活泼但不廉价。
字体层级
大标题 44px 粗体
板块标题 28px 粗体
正文 15px 常规 / 1.9 行距
注释 12px 弱化
中文用系统字体栈,不加载网络字体,打开更快。
间距与圆角
10px
16px
24px
卡片圆角、按钮圆角统一梯度,留白按 8 的倍数走。
PROCESS
五步走,设计不返工
- 01
需求对谈
聊行业、聊竞品、聊你想让客户记住什么,形成一页设计简报。
- 02
方向提案
出 2~3 个视觉方向草图,你选一个,我们再往细里做。
- 03
首页精稿
首屏与核心板块出完整高保真稿,确认配色与版式。
- 04
内页延展
按设计系统延展全站内页,保持一致的语言与节奏。
- 05
交付还原
标注间距、色值、字号,前端 1:1 还原,验收后上线。
HANDOFF
设计稿能直接落地,不是画完就结束
很多网站"看图好看、做完走样",问题出在设计和开发脱节。我们的设计师和前端在同一间办公室:标注文件随稿交付,边做边对效果,动效给到克制的 0.3~0.5 秒,既好看又不拖慢打开速度。
- 色值、字号、间距全部标注成设计规范
- 切图按 1x/2x 导出,文字一律真实文本可复制
- 交互状态(悬停、点击、加载)逐页确认
- 上线前在真手机上走查一遍,不依赖模拟器