🎨صفحة ويب فنية أنيقة وبسيطة
التعليمات
根据用户给到的内容做成网页，网页风格要求如下：
### 一、视觉风格定位 - **艺术化手绘风格**: 采用线条插画(line art)风格,融合现代数字设计与传统手绘美学 - **配色策略**: 以中性色(米白/浅灰)为基底,搭配深灰色主文字,使用橙红色(accent color)作为视觉焦点色 - - **品牌调性**: 精致、文艺、有温度,面向有品味的目标用户群体 - ### 二、布局架构原则 **Hero Section(首屏设计)** - - 左右分栏布局(60:40 黄金比例) - - 左侧: - - 超大号标题(Display Font, 72-96px),深色字体,强烈视觉冲击 - - 关键数据用accent色高亮(如"15 Cities, 4749 locations") - - 副标题文案简洁有力,阐述核心价值主张 - - 大量留白,营造高端感 - - - 右侧: - - 定制化手绘插画,占据50%视觉空间 - - 插画风格统一:线条勾勒+局部色彩点缀 - - 插画内容与品牌故事深度契合 - - **导航栏设计** - - 极简化顶部导航,固定定位 - - Logo + 2-3个主要菜单项 - - 右侧图标组(搜索/收藏/菜单) - - 背景透明或纯白,带微妙阴影 - **内容卡片区域** - - 卡片网格布局(3-4列响应式) - - 每个卡片包含: - - 标题(Heading 3, 32-40px) - - 描述文案(2-3行,16-18px行高1.6) - - 配套手绘插画(与主视觉风格一致) - - 浅色背景(#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. 清晰的视觉层级(通过尺寸/颜色/留白实现) 3. 4. 至少一处定制插画(与内容深度关联，用nano banana pro生成图片) 5. 6. 2-3个accent色高亮点(不超过) 7. 8. 充足的呼吸空间(section间距≥120px) 9. 10. 明确的用户行动路径 11. --- **设计哲学**: 用艺术化的视觉语言,传递品牌的独特性和温度感。每一个像素都服务于讲述故事,而非单纯的功能展示。设计应该让用户感受到"这是为懂生活的人准备的",而非冰冷的商业产品。
网页插图都由nano banana pro生成
الوصف
موصى بها من قبل
nene@YouMind
لماذا نحب هذه المهارة
هذه المهارة تحوّل محتواك إلى صفحة ويب فنية بخطوط يدوية أنيقة، تمزج التصميم الحديث مع الجمال التقليدي، وتولد رسومًا مخصصة بألوان وخطوط دقيقة، لصنع صفحة ويب مليئة بالفن والدفء تبرز منتجك بصريًا.
تحويل المحتوى إلى صفحة ويب فنية مرسومة باليد. الرسوم التوضيحية الدقيقة للخطوط والألوان تجعل معلوماتك دافئة وأنيقة.
مهارات ذات صلة
عرض الكل
صفحة ويبأسلوب Fashion Creative Design
نظام تصميم ويب بأسلوب ملصقات تحرير الأزياء: لوحة قماشية ورقية دافئة بلون كريمي (#fffef7)، عناوين ضخمة بوزن خط 300 (64–84px)، تصوير بدون هوامش، بلا ظلال، بطاقات بزوايا قائمة + أزرار بحواف دائرية بشكل كبسولة 1440px. مناسب للاحتياجات مثل «أسلوب تصميم الأزياء»، «تخطيط المجلات»، «أسلوب الملصقات»، «صفحات ألبومات الفن»، «معرض أعمال الاستوديو»، «صفحات المعارض»، ويمكنه تحويل أي محتوى إلى صفحة بأسلوب تحرير أزياء راقٍ.
صورأسلوب الرسم الكلاسيكي المتقن
حوّل الأشخاص والوجوه أو المشاهد إلى رسومات توضيحية متقنة بروح الفن الكلاسيكي، مناسبة للمبدعين الراغبين في إبراز الإحساس بالتاريخ والحكاية وجودة بصرية تليق بالاقتناء. تؤكد الأعمال على دقة الأشكال والبنية التشريحية، مع الحفاظ على خطوط يدوية معبّرة، ليبدو الموضوع واقعيًا ومقنعًا، وفي الوقت نفسه نابضًا بإحساس الإبداع المباشر على يد فنان. تجمع الصورة بين الدرجات الكلاسيكية للفحم الداكن والطباشير الأحمر الدافئ، مع استخدام التهشير الدقيق والتهشير المتقاطع وظلال المسح والخطوط المساعدة الإيقاعية لإظهار الضوء والحجم. وتحافظ ملامح الوجه الأساسية واليدان وبنية الجسد على وضوح وقوة بارزين، بينما تُترك الحواف بقدر مناسب من العفوية وعدم الاكتمال، لتقديم أسلوب تخطيطي يجمع بين دقة الملاحظة وحرية ضربات الفرشاة. تستخدم الخلفية ملمس ورق فني كلاسيكي بدرجات البيج أو الرمادي الفاتح، مع ألياف طبيعية وتفاصيل دقيقة وإحساس بمرور الزمن، لتبدو كل لوحة وكأنها مأخوذة من مخطوطة تاريخية لفنان أو من مقتنيات متحف. سواء كان العمل بورتريه لشخص، أو وجهًا يحمل حكاية، أو مشهدًا غنيًا بالأجواء، فستحصل على تأثير توضيحي كلاسيكي بالفحم والطباشير، بعيدًا عن أسلوب الصور الحديثة.
صوررسومات بأسلوب اليوميات
حوّل صورك اليومية في لحظات إلى رسومات يوميات كورية مليئة بالدفء والراحة. بفضل فن المساحات البيضاء والعناوين الإنجليزية الأنيقة المكتوبة بخط اليد، تبدو كل صورة مولّدة وكأنها صفحة فنية مقصوصة من مجلة راقية، وهي مثالية للمشاركة على وسائل التواصل الاجتماعي أو كصورة شخصية أو لإنشاء يوميات إلكترونية جميلة.
🎨صفحة ويب فنية أنيقة وبسيطة
التعليمات
根据用户给到的内容做成网页，网页风格要求如下：
### 一、视觉风格定位 - **艺术化手绘风格**: 采用线条插画(line art)风格,融合现代数字设计与传统手绘美学 - **配色策略**: 以中性色(米白/浅灰)为基底,搭配深灰色主文字,使用橙红色(accent color)作为视觉焦点色 - - **品牌调性**: 精致、文艺、有温度,面向有品味的目标用户群体 - ### 二、布局架构原则 **Hero Section(首屏设计)** - - 左右分栏布局(60:40 黄金比例) - - 左侧: - - 超大号标题(Display Font, 72-96px),深色字体,强烈视觉冲击 - - 关键数据用accent色高亮(如"15 Cities, 4749 locations") - - 副标题文案简洁有力,阐述核心价值主张 - - 大量留白,营造高端感 - - - 右侧: - - 定制化手绘插画,占据50%视觉空间 - - 插画风格统一:线条勾勒+局部色彩点缀 - - 插画内容与品牌故事深度契合 - - **导航栏设计** - - 极简化顶部导航,固定定位 - - Logo + 2-3个主要菜单项 - - 右侧图标组(搜索/收藏/菜单) - - 背景透明或纯白,带微妙阴影 - **内容卡片区域** - - 卡片网格布局(3-4列响应式) - - 每个卡片包含: - - 标题(Heading 3, 32-40px) - - 描述文案(2-3行,16-18px行高1.6) - - 配套手绘插画(与主视觉风格一致) - - 浅色背景(#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. 清晰的视觉层级(通过尺寸/颜色/留白实现) 3. 4. 至少一处定制插画(与内容深度关联，用nano banana pro生成图片) 5. 6. 2-3个accent色高亮点(不超过) 7. 8. 充足的呼吸空间(section间距≥120px) 9. 10. 明确的用户行动路径 11. --- **设计哲学**: 用艺术化的视觉语言,传递品牌的独特性和温度感。每一个像素都服务于讲述故事,而非单纯的功能展示。设计应该让用户感受到"这是为懂生活的人准备的",而非冰冷的商业产品。
网页插图都由nano banana pro生成
الوصف
موصى بها من قبل
nene@YouMind
لماذا نحب هذه المهارة
هذه المهارة تحوّل محتواك إلى صفحة ويب فنية بخطوط يدوية أنيقة، تمزج التصميم الحديث مع الجمال التقليدي، وتولد رسومًا مخصصة بألوان وخطوط دقيقة، لصنع صفحة ويب مليئة بالفن والدفء تبرز منتجك بصريًا.
تحويل المحتوى إلى صفحة ويب فنية مرسومة باليد. الرسوم التوضيحية الدقيقة للخطوط والألوان تجعل معلوماتك دافئة وأنيقة.
مهارات ذات صلة
عرض الكلصفحة ويبأسلوب Fashion Creative Design
نظام تصميم ويب بأسلوب ملصقات تحرير الأزياء: لوحة قماشية ورقية دافئة بلون كريمي (#fffef7)، عناوين ضخمة بوزن خط 300 (64–84px)، تصوير بدون هوامش، بلا ظلال، بطاقات بزوايا قائمة + أزرار بحواف دائرية بشكل كبسولة 1440px. مناسب للاحتياجات مثل «أسلوب تصميم الأزياء»، «تخطيط المجلات»، «أسلوب الملصقات»، «صفحات ألبومات الفن»، «معرض أعمال الاستوديو»، «صفحات المعارض»، ويمكنه تحويل أي محتوى إلى صفحة بأسلوب تحرير أزياء راقٍ.
صورأسلوب الرسم الكلاسيكي المتقن
حوّل الأشخاص والوجوه أو المشاهد إلى رسومات توضيحية متقنة بروح الفن الكلاسيكي، مناسبة للمبدعين الراغبين في إبراز الإحساس بالتاريخ والحكاية وجودة بصرية تليق بالاقتناء. تؤكد الأعمال على دقة الأشكال والبنية التشريحية، مع الحفاظ على خطوط يدوية معبّرة، ليبدو الموضوع واقعيًا ومقنعًا، وفي الوقت نفسه نابضًا بإحساس الإبداع المباشر على يد فنان. تجمع الصورة بين الدرجات الكلاسيكية للفحم الداكن والطباشير الأحمر الدافئ، مع استخدام التهشير الدقيق والتهشير المتقاطع وظلال المسح والخطوط المساعدة الإيقاعية لإظهار الضوء والحجم. وتحافظ ملامح الوجه الأساسية واليدان وبنية الجسد على وضوح وقوة بارزين، بينما تُترك الحواف بقدر مناسب من العفوية وعدم الاكتمال، لتقديم أسلوب تخطيطي يجمع بين دقة الملاحظة وحرية ضربات الفرشاة. تستخدم الخلفية ملمس ورق فني كلاسيكي بدرجات البيج أو الرمادي الفاتح، مع ألياف طبيعية وتفاصيل دقيقة وإحساس بمرور الزمن، لتبدو كل لوحة وكأنها مأخوذة من مخطوطة تاريخية لفنان أو من مقتنيات متحف. سواء كان العمل بورتريه لشخص، أو وجهًا يحمل حكاية، أو مشهدًا غنيًا بالأجواء، فستحصل على تأثير توضيحي كلاسيكي بالفحم والطباشير، بعيدًا عن أسلوب الصور الحديثة.
صوررسومات بأسلوب اليوميات
حوّل صورك اليومية في لحظات إلى رسومات يوميات كورية مليئة بالدفء والراحة. بفضل فن المساحات البيضاء والعناوين الإنجليزية الأنيقة المكتوبة بخط اليد، تبدو كل صورة مولّدة وكأنها صفحة فنية مقصوصة من مجلة راقية، وهي مثالية للمشاركة على وسائل التواصل الاجتماعي أو كصورة شخصية أو لإنشاء يوميات إلكترونية جميلة.
اعثر على مهارتك المفضلة التالية
استكشف مزيدًا من مهارات الذكاء الاصطناعي المنتقاة للبحث والإبداع والعمل اليومي.