新能源行业涵盖光伏、储能、风电、充电桩、氢能、新能源汽车配套等、网站制作结合行业科技感环保性、专业性合规性核心诉求，
网站制作的基础要求、设计规范、内容规范、技术规范及合规要求，适用于新能源企业官网、产品展示站、招商加盟站等各类相关
网站，确保网站兼具品牌调性、用户体验与行业适配性，同时满足双端浏览SEO推广、合规运营等多重需求。
网站结构规范层级清晰网站结构遵循，首页、一级栏目、二级栏目、详情页、四级架构层级不超过4级，确保用户3次点击内可找到
所需内容，核心栏目、首页、产品中心、案例展示、关于我们、联系我们、技术支持、固定展示不随意变更位置，栏目设置核心栏
目需齐全，贴合新能源行业需求必设栏目包括，首页产品中心按细分品类分类，案例展示按应用分类，技术实力、关于我们、企业
简介、团队、厂区、联系我们、联系方式、地图定位、询盘表单、可选栏目包括行业资讯、技术科普、招商加盟、售后支持、下载
中心、技术文档、宣传资料。
导航规范PC端采用顶部横向导航，支持下拉菜单展示子栏目，移动端采用汉堡菜单顶部右侧，核心栏目置顶子栏目折叠展示，导航
文案简洁精准，避免模糊表述与栏目内容高度匹配，双端导航栏目名称顺序完全一致，确保用户体验连贯，双端适配基础规范适配
要求，必须实现PC端与移动端双端自适应，遵循移动优先原则构建多级断点、320px、768px、992px、1200px、1400px、无横向
滚动条、内容错乱图片变形文字过小等问题，PC端适配13-27英寸屏幕，移动端适配4.7-7英寸主流手机屏幕，平板端自适应过渡。
核心一致性双端核心信息，企业名称、Logo、核心产品、联系方式、资质认证、完全一致优先级不变，首屏均需展示核心价值，如
“光伏清洁能源解决方案提供商”），避免移动端删减关键信息，或PC端冗余移动端简洁脱节。
新能源行业网站设计核心是、科技感、环保性、简约大气、避免花哨设计突出专业度与品牌调性，同时保障用户浏览舒适度，贴合
行业视觉传达需求，色调规范主色调优先选择贴合新能源行业的色调，核心推荐3类组合适配不同细分领域，光伏储能行业主色调为
科技蓝、#1E88E5、环保绿#4CAF50、凸显科技感与清洁能源属性，风电、氢能行业、主色调为深空灰#333333、科技蓝#1E88E5、
凸显工业科技感与专业性，充电桩新能源汽车配套，主色调为科技蓝#1E88E5+ 活力橙#FF9800凸显便捷性与创新性。
辅助色与背景色辅助色选择主色调的相近色或互补色，数量不超过3种避免色彩杂乱，背景色优先选择白色#FFFFFF或浅灰色#F5F7
FA确保文字与背景对比度≥4.5:1，提升阅读舒适度禁止使用高饱和度、刺眼色调避免视觉疲劳，字体与排版规范字体选择，统一使
用无衬线字体，PC端优先使用微软雅黑、思源黑体、移动端优先使用系统默认无衬线字体，禁止使用花哨难识别的字体，标题字体
加粗正文字体常规，避免使用斜体艺术字体品牌Logo除外。
字号规范PC端首页主标题28-36px，一级栏目标题24-28px，二级栏目标题20-24px，正文字号14-16px，辅助文字12-14px、移动
端首页主标题20-28px，一级栏目标题18-24px，二级栏目标题16-20px，正文字号16-18px辅助文字14px，排版规范段落间距1.5-
2倍，行间距24-28pxPC端、28-32px移动端避免大段文字堆砌，核心内容用短句项目符号呈现，标题与正文正文与正文之间留白充
足，确保排版整洁呼吸感强，重点内容、核心优势、关键参数可适当加粗避免过度强调。
视觉元素规范图片规范、图片需高清、清晰，无模糊、水印、自身品牌水印除外、拉伸变形产品图、案例图需真实拍摄，避免使用
网图，若使用需确认版权，图片内容贴合新能源行业，如光伏板、储能设备、风电机组、充电桩等，避免无关图片PC端图片大小控
制在200KB以内，移动端控制在100KB以内，优先使用WebP格式，提升加载速度所有图片均需添加alt属性，描述图片内容，嵌入
相关关键词。
图标规范使用简约扁平化图标，贴合新能源行业特性、如光伏、风电、储能相关图标、图标风格统一大小一致，避免混用不同风格
图标优先使用矢量图标，确保缩放后无模糊图标颜色与主色调、辅助色匹配增强视觉统一性，动效规范动效简洁克制，避免过度花
哨重点用于页面切换、按钮hover内容加载等场景，动效速度适中0.3-0.5秒不影响用户浏览，禁止使用闪烁刺眼的动效，避免分散
用户注意力，可适当添加科技感动效、如线条流动光影渐变凸显行业调性。
页面布局规范首页布局，首屏展示核心价值标语+核心产品/解决方案图片，简洁大气无冗余内容，第二屏展示核心优势认证资质、
核心服务第三屏展示产品中心、案例展示贴合用户核心需求，第四屏展示企业实力、厂区、团队、底部展示联系方式、导航、版权
信息，布局对称整洁，内页布局产品页采用、产品图片、参数、核心优势、布局，PC端可采用2-3列展示，移动端单列展示案例页
采用、案例图片、案例简介、应用布局，按行业细分应用场景分类，技术页采用技术介绍展示技术文档布局，突出专业性所有内页均
需保留导航、返回顶部按钮方便用户操作。
