华电官网上新！等你来选！
新版大学网站设计
方案投票
为更好的服务广大师生、校友和社会公众，发挥大学官网在形象宣传、华电文化传播、扩展交流合作等方面的重要作用，学校拟对大学官网进行改版，现面向大家征集意见。新版大学网站设计方案共有8版，欢迎大家为自己喜欢的方案进行投票！【投票二维码在文末哟~】
具体设计方案可通过如下两种方式查看：
1.在本页面查看设计方案首页截图和设计说明；
2.通过电脑浏览器访问链接：https://its.ncepu.edu.cn/zzgbsjg/ ，查看每一个设计方案的动态效果。
方案一
一、设计理念
以简洁大气为主要设计理念，注重现代化大屏视觉冲击感，多板块全屏轮动。
二、设计用色
主色调延续LOGO设计以蓝色为主调色，加入明亮的黄色进行点缀，蓝色的运用使得学校视觉印象更具传承性和统一性，黄色的辅助使网站色调活跃不沉闷。
三、设计亮点
1.头部Banner图以大屏铺满展示，Banner图的切换图标运用了“电”的具象形态。同时将“快速到达”“常用服务”做了隐藏设计，当点击右侧“更多”图标时展开新的完整导航页面。
2.“学术活动”版块中用日历卡形式展示，从左侧日历中点击相应的日期时，展示当日的学术活动内容。
3.“通知公告”版块中运用时间轴形式展示，点击相应日期时触发闪电动效，底部背景图片运用了风力发电、水力发电、太阳能发电、核能发电相关图片自动轮播显示。
4.“数说华电”以华电特色建筑做左右异性分割设计，曲面与直接的切割打破常规版面的严肃感，使网站具有创意个性。
5.“招生就业”版块插入学院宣传片，网页中动态视频的融入同样起到活跃作用。
6.“专题网站”版块外形以“电”为主要轮廓呈现。“融媒体矩阵”大图自动轮播滚动展示。
方案二
一、设计理念
以“优化形式、重视实效”为设计理念，设计风格以扁平、简约为主，从内容规划、风格版式等各个层面进行设计。
二、设计用色
为增加设计的文化厚度，彰显华电独有的设计风格，设计元素提取了诸多校内重要建筑标识，网站整体采用红蓝搭配，红蓝搭配更加时尚、新颖。红色代表热情积极向上，蓝色代表青春活力的个性，两个互补色对比强烈，增加视觉冲击力。
三、设计亮点
1.设计通过提取华电LOGO元素和学校建筑打造出特色鲜明的华电视觉体系。
2.“学术活动”在设计中增加时钟，可同步时间转动，颜色提取LOGO中的“红色“和"蓝色"，在表盘中加入校徽及校名的英文缩写。
3. "数说华电“以关键数字和内容进行提炼和重点展示，提取学校主教学楼线稿，线稿两侧所延伸出的地平线代表学校的发展历程。
4.“招生就业”设计思路源于办学方针:学科立校、人才强校、科研兴校、特色发展;中心部分代表华电招生口号，四周不同大小的圆代表不同的专业，寓意为学校把人才培养作为中心工作，汇聚世界各国学子。
方案三
一、设计理念
以体现学校的鲜明特色为设计理念，围绕能源和电力，将电力相关元素、学校简称字母、LOGO的“E”“U”、电路、多种发电方式、电流波动、校园建筑等融入网站设计。
二、设计用色
主色调延续LOGO设计采用蓝色和红色为基调色，蓝色象征着沉稳，加入红色点缀让整个网站更有活力。每个栏目以灰色背景为主，并融合学校特色建筑物，呈现内容更有立体感。
三、设计亮点
1.头部LOGO采用阴影效果，顶部增加蓝色线条，为增加设计色彩，LOGO顶部设计为红色线条，加上充电不断上升的动态效果，表达了华电团结奋进乘势而上的精神。
2.所有标题左侧以电路样式的华电英文缩写字母作为装饰元素。
3.所有栏目查看更多前的图标设计了不同的发电方式，从上到下分别为水力发电、火力发电、风力发电、核能发电、太阳能光发电、潮汐能发电、生物质发电和温差发电，鼠标经过虚线的圆也会持续转动。
4.“数说华电”是以电力字母“E”和新能源为装饰，鼠标经过白色线条和图标一起转动也寓意电流的波动。
方案四
一、设计理念
以展示现代能源电力科技为设计理念，结合能源电力元素进行设计。
二、设计用色
本方案主要用色为蓝色，有华电LOGO的深蓝，体现稳重大气，有浅蓝，给人清新、凉爽的感觉。
三、设计亮点
1.头部E字形状结合学校标识进行设计。
2.华电头条背景不断变幻的动画体现动力、能源和科技。风叶和电圈结合的小图标代表着新能源。
3.通知公告动态背景增加页面灵动性和趣味性，代表着能源和电力。
4.数说华电将电路板元素和校园建筑相结合，既展示了华电的文化，又能体现专业特色。
方案五
一、设计理念
以“阅读华电”为设计理念，各板块背景层次渐渐展开，带领用户逐步了解学校的能源电力特色。
二、设计用色
主色调延续LOGO设计采用蓝色和红色为基调色。
三、设计亮点
1.头部字母“U”采用白色描边，以整体的弧形背景凸显字母，在颜色上统一，使过度更加自然。
2.招生就业采用折叠图形的形式，鼠标经过不同标题会展开相应图片，增加了交互体验。
3.数说华电平铺展示，更加一目了然，以LOGO中的“E”和电力图标做点缀。
4.常用服务增加交互效果，鼠标经过会有充电的效果，贴合整体设计理念。
方案六
一、设计理念
以“电力之光”为设计理念，构建极简科技风。
二、设计用色
围绕学校LOGO设计，使学校视觉印象更具传承性和统一性；蓝色为主色调，热烈而鲜明的红色点缀分布于页面。
三、设计亮点
1、将电力具象到电路板元素，结合学校英文缩写“NCEPU”，形成华北电力大学独特装饰元素应用于栏目标题。
2、结合电力图标、新能源图标和华电标志性“E”形成独特装饰应用于“查看更多”，更好的引导视觉的同时传达华电积极践行“双碳”时代使命。
方案七
一、设计理念
以稳重大气为设计理念，延续LOGO的设计风格，遵循“图文结合、特色鲜明”的原则，展现华电精神和文化内涵。
二、设计用色
主色调延续LOGO设计采用蓝色和红色为基调色，代表着热忱、奋进、团结。
三、设计亮点
1.头部LOGO的底融合校标的设计思路把University(大学)的缩写字母“U”作为底图，类似充电不断上升的动态效果，表达了华电团结奋进乘势而上的精神。
2.所有板块查看更多前的图标都是不同的发电方式，从上到下分别为水力发电、火力发电、风力发电、核能发电、太阳能光发电、潮汐能发电和生物质发电，鼠标经过虚线的圆也会持续转动。
3.招生就业鼠标经过每条都会在左侧展示相对应的信息，右侧的每条背景都是电池的形状，鼠标经过时模拟充电的效果变成蓝色。
方案八
一、设计理念
以简约清爽为设计理念，条块化设计各个板块。
二、设计用色
主色调采用校标蓝。
三、设计亮点
1.视觉设计参考了电力相关元素，如头部的错位线条、电荷细节设计和风电能源素材，页面头部、底部与栏目间，融入了LOGO做背景处理，强化页面统一性。
2.每一个栏目的标题和更多，使用了电的开关和正负极的图标元素。
3.数说华电栏目，用电荷的动态形态和电子的轨迹做图形设计，丰富页面效果的同时，增加页面活力与专业性。
投票入口
一、校内师生
二、校友、社会公众
快来扫描二维码
为你喜欢的网站设计
投上一票吧~
近期精选
戳图片可直接跳转哦！
华电新型储能技术北京实验室获批！
1金3银！华电学子创佳绩
优秀！华电这些班级入选！
素材来源丨网络与信息化工作处
编辑丨王梓佩 闻靓
通讯员| 马新科
初审 | 董艺双 陈昀睿
复审 | 刘馨浓
审核 | 卜叶蕾 孙雅娟
分享
点赞
在看