首页 / 技术分享 / AI 提示词 /
网页设计风格提示词

网页设计风格提示词

码不停提

2026-02-01
73 次浏览
0 条评论

网页设计风格提示词(用于AI生成)主要包括以下类别,按设计流派和视觉特征分类:

AI 提示词
网页设计
提示词
分享:

一、视觉风格类提示词

1. 极简主义风格

  • 核心关键词:minimalist、clean design、simple、white space、flat design
  • 增强描述:minimalist interface with ample white space、clean and simple layout with flat icons

2. 拟物化/新拟态风格

  • 核心关键词:skeuomorphic、neumorphism、realistic textures、3D buttons、soft shadows
  • 增强描述:skeuomorphic design with realistic paper texture、neumorphic UI with soft shadows

3. 玻璃拟态风格

  • 核心关键词:glassmorphism、frosted glass effect、transparent background、blur effect、light border
  • 增强描述:glassmorphism interface with frosted glass panels、translucent cards with blur background

4. 复古/怀旧风格

  • 核心关键词:retro、vintage、90s web design、old school、pixel art
  • 增强描述:retro 90s website with pixelated graphics、vintage aesthetic with sepia tones

5. 未来主义/科技感

  • 核心关键词:futuristic、cyberpunk、tech style、holographic、neon glow
  • 增强描述:cyberpunk interface with neon accents、futuristic tech dashboard with glowing elements

二、色彩与质感类提示词

6. 暗色模式

  • 核心关键词:dark mode、dark theme、dark background、high contrast、night mode
  • 增强描述:dark theme interface with vibrant accent colors、high contrast dark mode design

7. 渐变/多彩风格

  • 核心关键词:gradient、colorful、vibrant colors、gradient background、rainbow
  • 增强描述:colorful gradient background with smooth transitions、vibrant rainbow color scheme

8. 单色/单色调

  • 核心关键词:monochromatic、single color scheme、duotone、limited color palette
  • 增强描述:monochromatic blue theme、duotone design with blue and white

三、布局与交互类提示词

9. 卡片式布局

  • 核心关键词:card-based layout、grid layout、cards、tile design
  • 增强描述:card-based interface with rounded corners、responsive grid layout

10. 不对称/破格布局

  • 核心关键词:asymmetrical layout、broken grid、overlapping elements、dynamic composition
  • 增强描述:asymmetrical layout with overlapping text and images、broken grid design

11. 微交互/动画效果

  • 核心关键词:micro-interactions、hover effects、smooth animations、transition effects、parallax scrolling
  • 增强描述:interface with smooth hover animations、parallax scrolling effect

四、行业/主题类风格提示词

12. 企业/商务风格

  • 核心关键词:corporate、professional、business、clean and formal、serif fonts
  • 增强描述:corporate website with professional typography、business landing page

13. 创意/艺术风格

  • 核心关键词:creative、artistic、hand-drawn、illustrative、organic shapes
  • 增强描述:artistic website with hand-drawn illustrations、creative layout with organic forms

14. 电商/产品展示

  • 核心关键词:e-commerce、product showcase、shopping cart、product gallery、call-to-action buttons
  • 增强描述:e-commerce product page with clean product images、shopping interface with clear CTAs

五、组合使用技巧

提示词组合示例:

  • 极简暗色科技风:minimalist dark mode interface with futuristic elements, clean typography, high contrast
  • 复古渐变卡片式:retro 90s website with gradient background, card-based layout, pixel art accents
  • 玻璃拟态商务风:glassmorphism corporate website with frosted glass panels, professional typography

六、实用建议

  1. 具体化描述:避免过于笼统,如"modern design"可改为"modern minimalist design with sans-serif fonts"
  2. 添加约束条件:如responsive design、mobile-friendly、desktop layout等
  3. 层级结构:先定义整体风格,再添加细节元素(颜色、字体、交互效果)
  4. 参考示例:可加入in the style of [知名网站/设计师]作为参考(但需注意版权问题)
  5. 迭代优化:根据生成结果调整提示词,逐步细化

这些提示词可直接用于Midjourney、DALL-E、Stable Diffusion等AI图像生成工具,或结合ChatGPT等文本生成工具进行网页设计概念创作。实际使用时建议从核心风格词开始,逐步添加修饰词来细化效果。

评论区 (0)

你需要先 登录 后才能发表评论。
还没有人评论,赶快成为第一个吧。