装饰艺术Art Deco
当一个页面需要显得隆重、精致而且有时代感时,Art Deco 用清晰的几何秩序承载内容,而不是用装饰遮住内容。
The night itself is geometry.
Brass, lacquer, and midnight blue form a cinema palace.

design styles
用简洁的视觉词汇描述版式、质感、配色和界面气质。
当一个页面需要显得隆重、精致而且有时代感时,Art Deco 用清晰的几何秩序承载内容,而不是用装饰遮住内容。
Brass, lacquer, and midnight blue form a cinema palace.
首页信息不少,既要突出一个核心入口,又要让规格、功能、指标和补充入口保持可见。
当一个面向普通用户的健康、生活或个人效率页面需要亲近、轻松又可操作时,Claymorphism 用柔和材质把目标、状态和下一步包在可读的实体感模块里。
See the next step, what is done, and what can wait in a softer planning rhythm.
当页面需要表达开放、健康、环保或面向大众的科技感时,Frutiger Aero 用自然意象和高亮材质降低距离感,同时保持明确的操作入口。
Morning light, clear water, and an easy route for today.
当任务工作台、邮箱、行程或健康服务需要让用户知道内容位于哪一层、下一步在哪里时,Material Design 用表面、动效和浮动动作入口建立连续的操作关系。
A calm surface for today's tasks, progress, and one clear action.
Add task +页面信息不少,但你希望用户一眼看懂重点,并知道下一步该做什么。
Make the next step obvious.
当学习路径、活动报名、团队协作或品牌服务需要让人快速理解下一步,同时保持轻松、亲近的气氛时,Playful Illustration 让画面本身参与信息表达。
A visual planning desk where the picture explains the next useful move.
Start the next step →当一个订阅制软件需要在官网同时解释产品价值、展示真实工作流、建立信任并推动试用或销售转化时,SaaS Marketing Site 用有节奏的营销页面把这些关系组织起来。
Product, marketing, and customer teams turn plans into progress in one clear workspace.
当一个公共服务、展览项目或产品信息页需要让人快速找到时间、地点、规格和下一步时,Swiss Style 用排版系统建立信任,而不是靠装饰制造气氛。
Use a clear grid to arrange routes, venues, and the next place worth reaching.
OPEN PROGRAM →当音乐、相机、个人主页或设备同步页需要带出 2000 年前后的数字乐观感时,Y2K 用实体设备的体积和网络界面的透明层次建立记忆点,同时保留真实内容的可操作性。
A small portal for the tracks, pictures, and devices that stay with you.
Open mix room →当企业需要同时服务采购者、技术人员、管理者和合作伙伴时,B2B 企业官网用方案分类、可信证据、客户案例和明确转化入口降低理解与决策成本。
Put the problem, solution capability, and customer outcome on one path for every stakeholder.
当页面需要把展览、产品、建筑或工坊信息整理成清楚的视觉系统时,包豪斯用几何形体、强对比和可复用的结构建立秩序。
Geometry, color, and function each have a place.
VIEW COMPOSITION当产品需要长时间查看、沉浸播放或呈现密集状态时,深色界面让背景退后,让内容和动作获得稳定的视觉优先级。
Place tasks, progress, and status across two dark surfaces so long work stays calm and readable.
当品牌希望掌握产品表达、价格、顾客关系和复购体验时,DTC 电商把首页、产品页、组合选择和会员服务连成一段直接关系。
Carry the brand story from material and price to delivery, support, and the next order.
当专题、新闻、文化或时尚内容需要同时承担信息传达和阅读引导时,杂志编辑风用不等宽网格、主视觉和文字层级建立阅读顺序。
Typography, images, and whitespace set the reading order.
当城市服务、内容门户或活动信息需要快速被扫描和操作时,扁平化用明确的网格、色块和文字层级减少视觉噪音,把页面空间留给内容本身。
From service entry to document review, every key detail follows one clear path.
当桌面工具、协作工作台或系统设置需要在大屏和小屏之间保持清楚的层级时,Fluent Design 用导航、间距、材质和控件行为把注意力带到下一步。
Navigation, hierarchy, and commands stay clear.
OPEN TODAY'S TASKS当产品需要呈现任务状态、实时数据或未知环境的探索路径时,未来主义用清晰的系统关系表达下一步。
Turn orbit, telemetry, and mission nodes into one readable path through the future.
当页面需要在彩色背景或空间化环境里保留层次与轻盈感时,玻璃拟态把内容放进可透出背景的材质表面,而不是把所有内容做成不透明卡片。
Use an airy background to hold status, trends, and the next action in one focused layer.
当一个产品希望有人的温度、工作坊的亲近感或创作者的个性时,手绘风用不完全规则的线条和手写式标注建立语气,同时保留真实内容、层级和行动入口。
Classes, work, and the next action share one relaxed but readable working surface.
当政府服务、运营台账、公共信息或需要高可读性的产品页面必须降低视觉不确定性时,高对比界面用成对的语义颜色和明确结构组织阅读。
A clear task title, explicit status, and reachable action help every person complete the next service step.
当文化活动、艺术品牌、时装商品或餐饮空间需要表达鲜明个性,并且愿意让视觉内容成为品牌体验的一部分时,极繁主义用经过编排的丰盛感取代冷静的留白。
Color, pattern, and rhythm turn the city night into a memory.
View full schedule当活动、文化、生活方式或创意作品需要摆脱沉闷的统一感时,孟菲斯用强烈的形状和颜色制造记忆点,同时保留内容与动作的秩序。
Use bold shapes, saturated blocks, and clear event details to make a city encounter worth remembering.
当内容需要克制地展示作品、商品或文章时,单色设计用有限的色彩范围把注意力交给结构、文字和内容本身。
Use tone, proportion, and space to direct attention without making color compete.
当产品需要把公告、申请或活动信息直接交给用户时,新粗野主义用强对比、硬边框和不对称结构建立清楚的行动路径。
Use hard boundaries, high contrast, and one clear next step so the page never hides behind decoration.
当专注计时、音频控制、健康记录等单一任务页面需要安静、触感化的操作反馈时,新拟态用柔和表面表达“按下、凸起和嵌入”,而不是把所有内容都做成无边界的软卡片。
A clear time subject and low-noise control area help you enter the next focus block without hunting for a button.
当团队需要把文档、任务、知识和内容计划放在同一个可持续编辑的工作区里时,Notion 风把结构本身变成导航。
Pages, blocks, and views each carry part of the relationship so the team can read, edit, and move work forward.
当护肤、旅宿、家居或可持续品牌需要把材料、产地和人的感受讲清楚时,有机设计用自然形态、触感线索和清楚的行动入口建立可信的阅读路径。
See where it comes from, how it is made, and why it belongs in everyday life.
当产品需要表达复古游戏、像素创作或独立作品的世界观时,像素风让每个格点、状态和动作都参与叙事。
Map, resources, and quest states form a pixel path you can keep moving through.
当用户需要理解一个不熟悉的数字对象时,拟物化用纸张、牌桌、书架、旋钮或材质纹理建立可识别的心智模型,但装饰不能取代清楚的文字和交互反馈。
Paper, tabs, and clear results show how a digital note can stay ready for the next action.
CONTINUE WRITING当开发者工具、命令行产品、运维系统或技术作品需要表达准确、直接和可掌控的工作状态时,终端极客风把命令、输出和下一步动作放在同一条清晰的阅读路径上。
Build, check, and release states share one traceable work path.
CONTINUE RELEASE当一个产品希望让人慢下来、看见材质和时间留下的痕迹时,日式侘寂用木、纸、石、陶和柔和光线组织真实内容。
Find a space you can enter today, surrounded by natural material and soft light.
当移动端、平板或桌面产品需要让用户快速完成日程、设置、媒体、支付或健康等任务时,Apple HIG 用系统化的导航、控件反馈和内容优先级减少认知负担。
Put the current state and next action on one clear path.
Start focusFocused until
10:45