HomeStylesTemplates
StyleKit
风格库动效模板
博客更新日志
  1. Home
  2. /UI Prompts
  3. /Japanese Aesthetic Design Prompts
首页/提示词/日式美学设计提示词

日式美学设计提示词

灵感来自禅意、侘寂和传统日式美学的网页界面 AI 提示词,涵盖自然材质和用心间距。

Japanese web design promptZen design promptWabi-Sabi UI promptJapanese aesthetic websiteminimalist Japanese designZen garden design prompt

关于此主题

日式美学设计汲取数百年的原则,如侘寂(不完美之美)、间(负空间)和禅的简约。在网页设计中,这体现为充足的留白、自然材质纹理、柔和的大地色调配板、不对称但平衡的构图,以及宁静的有意为之感。每个元素都有呼吸空间,创造出冥想般而非忙碌的界面。

提示词示例

AI 提示词示例

复制这些提示词,用你喜欢的 AI 工具生成日式美学设计提示词设计。

禅意作品集

General
Design a Zen-inspired portfolio website. Background: warm off-white (#f5f0e8) resembling washi paper. Accent colors: muted sage green (#8b9a7b) and charcoal (#3a3a3a). Typography: mix of thin sans-serif (heading) and a comfortable serif (body) with extra line-height (2.0). Layout: single column, max-width 720px, extremely generous vertical spacing (120px between sections). Navigation: minimal, horizontal text links with subtle ink-brush underline animation on hover. Images: full-width with natural aspect ratios, no rounded corners.

v0 侘寂风格

v0
Create a wabi-sabi-inspired blog using shadcn/ui. Use warm, imperfect aesthetics: off-white background (#faf6f0), slightly uneven border styles (dashed or dotted in muted brown), hand-drawn-feeling dividers (SVG wavy lines). Typography: serif for headings, sans-serif for body, both in warm charcoal (#4a4540). Cards with paper-like backgrounds and subtle texture. No sharp geometric shapes. Include: post list, about page, and a minimal photo gallery with organic masonry layout.

Cursor 禅意花园

Cursor
Build a Zen garden meditation app in Next.js. Color palette: stone (#e8e2d8), moss (#7d8b6e), bamboo (#c4a961), ink (#2d2d2d). Features: animated sand-raking pattern using SVG (CSS animation), daily quote display with fade-in transition, breathing exercise timer with circular animation, ambient sound controls with minimal icon buttons. Use maximum whitespace (Ma principle). All animations should be slow and deliberate (600ms+ duration, ease-in-out). No decorative borders, only subtle dividers.

Claude 水墨风格

Claude
Generate React components with a Japanese ink wash (sumi-e) design aesthetic. Use: grayscale palette with warm undertones (#1a1a1a to #f5f0e8), ink-brush stroke dividers (SVG paths with organic curves), varying ink opacity for text hierarchy (100%, 70%, 40%). Components: PageSection (with ample Ma spacing), InkDivider (decorative separator), FadeInOnScroll wrapper, QuoteBlock (vertical text option for Japanese quotes). Spacing scale: 16, 32, 64, 96, 128px. All transitions should feel like brush strokes - slightly ease-out with 400ms duration.

相关风格

相关风格

探索这些风格获取现成的 tokens 和组件。

日系清新风

minimal / visual

侘寂风

minimal / visual

枯山水

minimal / visual

浮世绘数字风

retro / visual

水墨画风

minimal / visual

赛博和风

expressive / visual

适用场景

最佳使用场景

茶道 / 健康品牌

茶品公司、冥想应用和健康品牌,追求宁静、自然的美学。

建筑 / 室内设计

日式建筑事务所和室内设计作品集。

艺术画廊

展示传统或当代日本艺术的在线画廊。

餐饮 / 酒店

具有文化真实感的日本餐厅、旅馆和酒店品牌。

常见问题

常见问题解答

想要完整的设计系统?

StyleKit 提供 120+ 种视觉风格,每种都有完整的 design tokens、组件配方和可导出的 AI Rules。

浏览风格库更多提示词主题

StyleKit

精选网页设计风格库,帮助 AI 生成更好看的网站。

导航

风格库模板指南博客更新日志

资源

UI 设计提示词落地页提示词Dashboard 提示词Tailwind UI 提示词暗黑模式提示词GitHub 仓库

保持更新

订阅即表示您同意我们的 隐私政策 和 服务条款。


(c) 2026 StyleKit. 开源项目。

关于联系与支持隐私政策服务条款基于 Editorial 风格构建