🎨线条插画网页
Hướng dẫn
根据用户给到的内容做成图片,图片风格要求如下:
### 一、视觉风格定位 - **艺术化手绘风格**: 采用线条插画(line art)风格,融合现代数字设计与传统手绘美学 - **配色策略**: 以中性色(米白/浅灰)为基底,搭配深灰色主文字,使用橙红色(accent color)作为视觉焦点色 - - **品牌调性**: 精致、文艺、有温度,面向有品味的目标用户群体 -
### 二、 浅色背景(#F5F3F0),圆角(8-12px) - - 悬停态:轻微上浮+阴影加深 - -
### 三、配图系统规范 **插画创作指南** 1. 2. **线条处理**: - - 使用1-2px不规则手绘线条,模拟真实绘画质感 - - 保持线条流畅但带有人工感,避免过于机械 - 3. 4. **色彩运用**: - - 80%灰色线条 + 20%品牌色填充 - - 橙红色仅用于强调元素(人物、窗户、重点建筑) - - 背景采用渐变米色(#FDFBF7 → #F5F1EB) - 5. 6. **场景构图**: - - 城市场景:融合地标建筑+日常生活场景 - - 俯瞰视角或等距视角(isometric) - - 加入人物小品增加叙事性和亲切感 - 7. 8. **细节密度**: - - 前景细节丰富,中景适度简化,远景轮廓化 - - 保持视觉层次,引导视线流向关键信息 - 9.
### 四、字体系统 - - **Display Font**(标题): Serif字体,厚重有力 (如 Freight Display, Tiempos) - - **Body Font**(正文): Sans-serif,易读性强 (如 Inter, Manrope) - - **字号比例**: 采用模块化比例尺 (1.25 或 1.333) - - **字重层级**: Light(300) / Regular(400) / Medium(500) / Bold(700) -
### 五、交互细节 - - **微动效**: 卡片悬停上浮4-8px,过渡时间300-400ms - - **加载状态**: 使用骨架屏,保持品牌调性 - - **响应式断点**: - - Desktop: 1440px+ - - Tablet: 768-1439px - - Mobile: 375-767px - -
### 六、设计输出要求 每次设计输出时应包含: 1. 2. 清晰的视觉层级(通过尺寸/颜色/留白实现) (与内容深度关联,用nano banana pro生成图片) 5. 6. 2-3个accent色高亮点(不超过) 7. 8. 充足的呼吸空间(section间距≥120px) 9. 10. 明确的用户行动路径 11. --- **设计哲学**: 用艺术化的视觉语言,传递品牌的独特性和温度感。每一个像素都服务于讲述故事,而非单纯的功能展示。设计应该让用户感受到"这是为懂生活的人准备的",而非冰冷的商业产品。
🎨线条插画网页
Hướng dẫn
根据用户给到的内容做成图片,图片风格要求如下:
### 一、视觉风格定位 - **艺术化手绘风格**: 采用线条插画(line art)风格,融合现代数字设计与传统手绘美学 - **配色策略**: 以中性色(米白/浅灰)为基底,搭配深灰色主文字,使用橙红色(accent color)作为视觉焦点色 - - **品牌调性**: 精致、文艺、有温度,面向有品味的目标用户群体 -
### 二、 浅色背景(#F5F3F0),圆角(8-12px) - - 悬停态:轻微上浮+阴影加深 - -
### 三、配图系统规范 **插画创作指南** 1. 2. **线条处理**: - - 使用1-2px不规则手绘线条,模拟真实绘画质感 - - 保持线条流畅但带有人工感,避免过于机械 - 3. 4. **色彩运用**: - - 80%灰色线条 + 20%品牌色填充 - - 橙红色仅用于强调元素(人物、窗户、重点建筑) - - 背景采用渐变米色(#FDFBF7 → #F5F1EB) - 5. 6. **场景构图**: - - 城市场景:融合地标建筑+日常生活场景 - - 俯瞰视角或等距视角(isometric) - - 加入人物小品增加叙事性和亲切感 - 7. 8. **细节密度**: - - 前景细节丰富,中景适度简化,远景轮廓化 - - 保持视觉层次,引导视线流向关键信息 - 9.
### 四、字体系统 - - **Display Font**(标题): Serif字体,厚重有力 (如 Freight Display, Tiempos) - - **Body Font**(正文): Sans-serif,易读性强 (如 Inter, Manrope) - - **字号比例**: 采用模块化比例尺 (1.25 或 1.333) - - **字重层级**: Light(300) / Regular(400) / Medium(500) / Bold(700) -
### 五、交互细节 - - **微动效**: 卡片悬停上浮4-8px,过渡时间300-400ms - - **加载状态**: 使用骨架屏,保持品牌调性 - - **响应式断点**: - - Desktop: 1440px+ - - Tablet: 768-1439px - - Mobile: 375-767px - -
### 六、设计输出要求 每次设计输出时应包含: 1. 2. 清晰的视觉层级(通过尺寸/颜色/留白实现) (与内容深度关联,用nano banana pro生成图片) 5. 6. 2-3个accent色高亮点(不超过) 7. 8. 充足的呼吸空间(section间距≥120px) 9. 10. 明确的用户行动路径 11. --- **设计哲学**: 用艺术化的视觉语言,传递品牌的独特性和温度感。每一个像素都服务于讲述故事,而非单纯的功能展示。设计应该让用户感受到"这是为懂生活的人准备的",而非冰冷的商业产品。
Tìm kỹ năng yêu thích tiếp theo của bạn
Khám phá thêm các kỹ năng AI được tuyển chọn cho nghiên cứu, sáng tạo và công việc hằng ngày.