Curated Prompt Vault
高端品牌网页设计
标题:[品牌名称] |[标题 = 用户文本或自动] |[副标题...... 提示词:[品牌名] |[标题 = 用户文本或自动] |[副标题 = 用户文本或自动] |[按钮文本 = 用户文本或自动] |[颜色 = 你的颜色或自动] 作为高级网页艺术总监和CGI艺术家,创建高端品牌网站的写实英雄部分——一张展示英雄网页上…
悟空提示词Hub
Curated Prompt Vault
标题:[品牌名称] |[标题 = 用户文本或自动] |[副标题...... 提示词:[品牌名] |[标题 = 用户文本或自动] |[副标题 = 用户文本或自动] |[按钮文本 = 用户文本或自动] |[颜色 = 你的颜色或自动] 作为高级网页艺术总监和CGI艺术家,创建高端品牌网站的写实英雄部分——一张展示英雄网页上…
封面预览
封面预览
标题:[品牌名称] |[标题 = 用户文本或自动] |[副标题......
提示词:[品牌名] |[标题 = 用户文本或自动] |[副标题 = 用户文本或自动] |[按钮文本 = 用户文本或自动] |[颜色 = 你的颜色或自动]
作为高级网页艺术总监和CGI艺术家,创建高端品牌网站的写实英雄部分——一张展示英雄网页上方全视图的宽幅图像。该构图结合了戏剧性的3D雕塑标志对象、编辑排版和极简的用户界面元素。参考资料:Stökt代理机构网站、苹果产品发布页面、高端创意代理机构英雄栏目、获奖网站设计。
---
阶段0:品牌智能——自主提取
在生成任何内容之前,从训练数据中对[BRAND NAME]进行完整的品牌解码。图像中的每一个视觉决策都是从该阶段得出的。
色彩系统 — 原色判定:如果用户提供[COLOR]——使用该确切颜色作为整个图像色彩系统的主要驱动。不要用品牌颜色覆盖它。如果[COLOR]是自动的——根据官方指南确定[BRAND NAME]的确切主色——这是与品牌关联的最标志性、最有文献记录的单一颜色。在这两种情况下:这一种颜色驱动整个图像的色彩系统——背景渐变、3D物体材质、氛围光照,所有这些都源自该单一颜色。
背景渐变推导:从确定的原色中,恰好推导出两个渐变档。内色:全强度时最饱和、最鲜明的原色版本——即物体背后的大气光辉。外色区:同一色调的最暗版本——接近黑色但颜色色相的可见痕迹(#0A 至#12明度范围)。这两个色阶均完全源自原色。无中性黑色。无灰色。黑暗中有颜色——它是非常深的黑色,而非中性色。示例:红色原色→内 #CC0000,外 #1A0000。绿色原色→内 #1DB954,外 #001A0A。蓝色原色→内 #0057FF,外 #00060F。橙色原→内 #FF6600,外 #1A0500。
3D物体材质的推导:从原色衍生金属材料——基色/阴影色:颜色色调中最暗的近黑色版本(与渐变外色区相同)。高光色:颜色中最鲜艳饱和的版本(与渐变内色点相同),出现在面向光源的边缘和高点上。中间色调:在与光线成45度角的表面上颜色的中等值。整个金属物体是一个颜色家族——阴影中暗,高光时鲜明,均源自同一色调。无中性灰色金属。无银色。金属DNA中包含品牌或使用者颜色。
排版:识别[BRAND NAME]的官方字体特征——其品牌传播中使用的视觉粗细、宽度和风格。对所有文本元素保持一致。
BRAND SYMBOL:识别 [BRAND NAME] 标志中最具标志性的简化形式——最易识别的品牌符号、字母组合或字母形态。这就成为三维雕塑对象。如果 [BRAND NAME] 没有独立符号——使用词标记的首字母作为三维形式。
BRAND LANGUAGE:如果 [HEADLINE] 是 AUTO——提取与 [BRAND NAME] 相关的最有力的真实品牌声明或活动标题。如果 [SUBHEADLINE] 是 AUTO——提取一个真实的品牌描述句子,描述 [BRAND NAME] 的作用或代表什么。如果 [BUTTON TEXT] 是 AUTO——识别 [BRAND NAME] 在营销中使用的主要 CTA 短语。如果任何变量包含用户提供的文本——使用该文本,不要覆盖。
创立信息:请提取[BRAND NAME]的创立年份以获取底部署名。
---
第一阶段:背景
全裸的背景充满整幅图像。从3D物体所在的右中区发出放射状渐变——不是平坦的颜色,也不是线性渐变,而是圆形的大气光晕。内区:PHASE 0中产生的饱和鲜艳色彩——深邃、丰富、充满氛围感,占据了整个背景面积的约40%到50%。外区:PHASE 0中衍生的极暗黑色——包覆了构图的各个边缘。过渡柔和且有机——大气逐渐淡出,而非硬边。渐变营造出三维物体后方右侧有温暖聚光灯的感觉——仿佛物体本身就是这道大气光的源头。
---
第二阶段:3D标志雕塑——英雄元素
PHASE 0中的品牌符号被渲染为一个巨大的三维雕塑物体。占据了图像宽度右侧55%至65%的空间——宏伟,右侧和底部画面边缘部分裁剪。裁剪是有意为之——我们能看到大部分但非全部物体,暗示其延伸出画面。垂直轴旋转约20至35°,水平轴旋转10至20°——动态三分之三视角,同时显示多张面孔。摄像角度:距中心下方5至10°——增添了低角度的威严存在感。
材质系统——源自原色:物体为高级深色拉丝金属。所有材质颜色均完全源自PHASE 0确定的原色。底色/阴影色:在远离光线的面上,呈现极暗近黑的金属色。刷纹理:每面上有细致的平行方向微划痕,遵循面部几何形状——工业拉丝金属品质。高光区:面向主光源的面部捕捉到鲜艳饱和的色彩,呈现温暖明亮的高光——从中调到绝对镜面峰值的近白色。边缘高光:物体的每个锐利边缘都捕捉到一条细长的连续明亮镜面线,描绘完整标志几何体——这种边缘光晕定义了背景下的造型。近乎黑色阴影的面部与明亮鲜艳的高亮边缘之间的对比是视觉特征的决定性特征。规模感:宏伟——仿佛在物理空间中高达3到5米。
---
第三阶段:导航栏
最上方最小导航栏——高度约为图像总高度的4%至5%。背景:非常深半透明——从PHASE 0开始的深色,透明度为85%至90%。左侧:[BRAND NAME]字形或logomark,官方格式正确,小白字体。中心:4至6个导航类别,全大写白色字体——根据[BRAND NAME]业务自主确定相关类别。右侧:语言切换药丸和主CTA按钮——深色背景,浅边框,小写字母“[按钮文本]”,右箭头→。所有导航栏元素小巧、精准、极简——不与英雄元素竞争。
---
第四阶段:文本块——左侧
位于图像左侧35%至40%的位置,垂直居中,左边对齐并保持适当的边距。左侧处于背景渐变的较暗区域——白色文字无需额外处理即可完全辨认。
标签行:标题上方的小括号标签——“{ 我们是[品牌名称] } →”或品牌相应的对应字体。非常小的字体,白色,带线,细细的重量。
标题:[HEADLINE] — 采用[BRAND NAME]的排版字符,粗体、大写或句子大小写,依品牌惯例排列。大标题 — 每行约占总图像高度的8%至10%。白色。最多两到三行。左对齐。
正文:[副标题] — 一至两句,小而规则的字重,白色,透明度为70至80%。标题下方,间距适当。每行最多35至40字符。
CTA按钮:两个并排按钮。主按钮:深色填充,白色边框,白色文字“[按钮文本]”,右箭头→。次要按钮:仅有轮廓,白色边框,白色文字,次要动作由[BRAND NAME]上下文自动决定。两个按钮都小巧且极简——略呈圆角矩形,小写字母。
---
第五阶段:底部元素
左下角:“滚动以获取更多↓”,用非常小的白色字体显示——仅为图片高度的2%到3%,非常细微。
右下角:“Est. in [FOUNDERING YEAR]”,字体非常小,白色字体——PHASE 0的成立年份,比例相同。
---
第六阶段:照明
单一主光源:位于3D物体后方右上方的温暖戏剧性光。光色:PHASE 0中鲜艳饱和的原色——以大气光表示,符合渐变内光点。这种光既产生背景放射状光,也在金属物体上制造暖光——它们是同一种光,颜色相同,光源相同。次要环境光:来自正上方的非常微妙的冷环境——5%强度,几乎不提升最暗的阴影区域。无补光灯。无轮廓光。亮与未亮面之间的戏剧性对比是有意为之,必须保持。
---
第七阶段:创作
宽高比:16:9 横向 — 网站主体比例。左侧35%至40%:文本区域(较暗背景,UI元素)。右侧60%至65%:3D雕塑区域(物体占主导)。文字块与物体不重叠——空间分隔清晰。阅读方向:文字左→雕塑右。
---
第八阶段:技术参数
渲染:Octane Render或Redshift——物理精确的刷子金属,具有正确的各向异性高光行为。所有材质颜色均为PHASE 0确定的主色——无中性灰色,图像中无异常元素。如果[COLOR]为用户提供——该颜色在所有材质和光照计算中覆盖任何品牌颜色。光线追踪:开启——用于准确的边缘高光和金属反射。背景渐变:物理精确的径向大气光——真实体积光贡献,非合成渐变叠加。排版:清晰、抗锯齿、纯白——零阴影、零模糊、零特效。UI元素:干净平坦设计,无阴影,无渐变。色彩调色板:仅使用PHASE 0衍生的色彩系统,文字为白色——无额外颜色。采样:至少2048个样本。抗锯齿:最大。输出手感:[BRAND NAME] 重新上线的高级网站的实际屏风截图——Awwwards 首页质量。