文字内容生成精美网页信息风格提示词

文字内容生成精美网页信息风格(便当、科技风、杂志等)

1
2
3
4
5
6
7
8
9
10
11
12
13
请为以下内容生成一个HTML网页,具体要求如下:
视觉设计:
采用{布局样式}风格,{设计颜色}主题,营造现代高端氛围。
字体与排版:
使用超大字体或数字突出核心要点,中文采用大号粗体,强调视觉冲击力。英文使用小号字体作为点缀,与中文形成比例反差,提升设计层次感。
视觉元素:
融入超大视觉元素(如标题、背景图或装饰)以突出重点,与小型元素形成强烈对比。使用简洁的勾线风格图形作为数据可视化或配图元素,保持现代感和清晰度。
色彩与效果:
运用高亮色(单色透明度渐变)营造科技感,每种高亮色独立使用,避免不同高亮色之间的渐变混杂。
技术要求:
引入专业图标库(如Font Awesome或Material Icons,通过CDN加载),避免使用emoji作为主要图标。
内容要求:
{完整呈现所有内容要点,不省略任何信息 or 可精简内容}尺寸:内容在{宽高比和宽高尺寸}内完成展示(不需要滚动也能完整展示),内容以中文为主展示。

示例如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
请为以下内容生成一个HTML网页,具体要求如下:
视觉设计:
采用{Magazine Layout}风格,{浅色,类似发黄的信纸色}主题,营造现代高端氛围。
字体与排版:
使用超大字体或数字突出核心要点,中文采用大号粗体,强调视觉冲击力。英文使用小号字体作为点缀,与中文形成比例反差,提升设计层次感。
视觉元素:
融入超大视觉元素(如标题、背景图或装饰)以突出重点,与小型元素形成强烈对比。使用简洁的勾线风格图形作为数据可视化或配图元素,保持现代感和清晰度。
色彩与效果:
运用高亮色(单色透明度渐变)营造科技感,每种高亮色独立使用,避免不同高亮色之间的渐变混杂。
技术要求:
引入专业图标库(如Font Awesome或Material Icons,通过CDN加载),避免使用emoji作为主要图标。
内容要求:
{完整呈现所有内容要点,不省略任何信息}尺寸:内容在{1200*1800}区域内完成完整展示(不需要滚动也能完整展示),内容以中文为主展示。

封面提示词

1
2
3
4
5
请为以上文字生成一个 HTML 
网页作为封面展示,浅色、类似信纸色的风格
要求文字足够大足够醒目、有高亮、下划线和马克笔等丰富效果
周边可以加入点缀提升美观度和视觉效果 
2.3:1 的宽高比,但要保证中间或左边或右边有一个1:1 的区域,单独有效