1
2023年11月
新版網(wǎng)站發(fā)布說明
國網(wǎng)河南省電力公司
1
2023年11月
新版網(wǎng)站發(fā)布說明
國網(wǎng)河南省電力公司
2
工作目標(biāo)
認(rèn)真貫徹國家電網(wǎng)公司關(guān)于網(wǎng)絡(luò)意識形態(tài)管理、融媒體建
設(shè)等方面的指示要求,深入落實(shí)“從嚴(yán)管理、和諧共贏、
創(chuàng)新發(fā)展”的工作理念,轉(zhuǎn)變觀念、開闊視野,圍繞公司
關(guān)注、基層關(guān)切、職工關(guān)心的結(jié)合點(diǎn)、發(fā)力點(diǎn)打造公司網(wǎng)
絡(luò) 宣 傳 平 臺 陣 地 , 強(qiáng) 內(nèi) 核 、 提 外 效 , 在 網(wǎng) 站 建 設(shè) 上
樹立爭先意識、增強(qiáng)品牌觀念,在系統(tǒng)內(nèi)外全面展現(xiàn)豫電
良好形象。
3
改版思路
按照“信息區(qū)域顯示更干凈、圖像區(qū)域顯示更統(tǒng)一、功能模塊分區(qū)更合理”設(shè)計(jì)思路,
統(tǒng)籌提升網(wǎng)站頁面動態(tài)展示、配色、圖標(biāo)等整體化程度。
注重展示內(nèi)容與效果的
統(tǒng)一,運(yùn)用視頻和高清
圖片輪播等多樣化的展
現(xiàn)形式,增強(qiáng)視覺沖擊
力,提升傳播感染力。
注重交互設(shè)計(jì)
提升用戶體驗(yàn)
網(wǎng)站遵循頁面主色與公
司標(biāo)識色彩一致的慣例,
以“國網(wǎng)綠”為基準(zhǔn)設(shè)
計(jì)色彩體系,在原有深
綠色的基礎(chǔ)上進(jìn)一步提
純增亮,運(yùn)用小面積色
塊和扁平化效果,整體
風(fēng)格時(shí)尚不失穩(wěn)重、明
快不失嚴(yán)謹(jǐn)。
整體風(fēng)格
緊跟主流趨勢
根據(jù)信息的優(yōu)先級設(shè)置
版塊權(quán)重:
首頁內(nèi)容
展示明晰有序
現(xiàn)狀 少圖、多文本
矩形羅列布局
調(diào)整后
重點(diǎn)突出
圖文并茂
分層/分欄布局
網(wǎng)頁主內(nèi)容區(qū)寬度
950像素增加到1200像素?cái)U(kuò)充
26%以上
要聞輪播圖寬度
500像素增加到660像素
擴(kuò)充32%
文本字號
12像素增加到16像素
擴(kuò)充33%
突出
大圖、寬屏、大文本
4
內(nèi)容設(shè)計(jì)
◆ 更好的了解黨中央和政府政策的變化和趨勢,
從而為企業(yè)的發(fā)展提供更好的方向和指引。
◆ 提高員工的政治素質(zhì)和工作積極性,增強(qiáng)企業(yè)
的凝聚力和向心力。
新增“中央精神”欄目
◆ 解讀與傳達(dá)政策、指導(dǎo)企業(yè)決策、展示企業(yè)社
會責(zé)任、促進(jìn)政企高效溝通。
新增“河南動態(tài)”欄目
5
為了及時(shí)傳遞公司黨委聲音、努力展
示企業(yè)良好形象、積極營造和諧輿論
氛圍。經(jīng)過對國網(wǎng)公司與相關(guān)兄弟單
位近段時(shí)期內(nèi)網(wǎng)網(wǎng)站要聞欄目的跟蹤
點(diǎn)擊、了解分析,發(fā)現(xiàn)相關(guān)單位對標(biāo)
國網(wǎng)公司網(wǎng)站,對領(lǐng)導(dǎo)活動、重要會
議類報(bào)道作出了相應(yīng)規(guī)范。結(jié)合工作
實(shí)際,進(jìn)行了以下改進(jìn)提升:
優(yōu)化“公司要聞”報(bào)道,提升主題宣傳質(zhì)效
內(nèi)容設(shè)計(jì)
01
06 02
03
04
05
突出公司主要
領(lǐng)導(dǎo)活動報(bào)道
改進(jìn)重要
會議類報(bào)道
強(qiáng)化
基層管理
強(qiáng)化重點(diǎn)
中心工作報(bào)道
做精
專題策劃
優(yōu)選報(bào)道主題
6
頁面設(shè)計(jì)
首頁上半部效果對比
◆ Logo與右側(cè)banner過大,簡單堆砌沒有設(shè)
計(jì)感。
◆ 標(biāo)題欄顏色較深,風(fēng)格傳統(tǒng)。
◆ Banner單一;輪播圖摘要與標(biāo)題重點(diǎn)不突出,
右側(cè)三個(gè)版塊內(nèi)容較為密集。
舊版 新版
◆ Logo和標(biāo)語尺寸適中,背景體現(xiàn)地域特色。
◆ 國網(wǎng)綠色調(diào)提純增亮,小面積、扁平化處理簡潔大方。
◆ Banner改為輪播效果可以放置多張;輪播圖面積增大,主標(biāo)題突出展示;
中央精神等三個(gè)欄目套疊式設(shè)計(jì),與公司要聞搭配展示更加簡潔直觀。
7
首頁中部效果對比
◆ 頂部橫欄功能定位不清晰,左邊為功能鏈接,
右側(cè)為黨建專題入口。
◆ 文字列表版塊布局不合理,新聞條數(shù)和版塊
重要性不匹配。
◆ 熱點(diǎn)專題作為橫向一分三欄的右側(cè)欄,面積
較小、色彩凌亂、擴(kuò)展性差。
舊版 新版
頁面設(shè)計(jì)
◆ 根據(jù)功能分為兩個(gè)橫欄,一欄為黨建及重要專題入口,一欄為快捷導(dǎo)航
區(qū),定位更加合理清晰。
◆ 四個(gè)欄目每個(gè)欄目顯示四條新聞,整齊統(tǒng)一。通過先后次序及版幅大小
體現(xiàn)版塊的重要性,布局疏密有致、更加合理。
◆ 熱點(diǎn)專題改為一行四列水平滾動展示,排列整齊、交互性好、擴(kuò)展性高。
8
頁面設(shè)計(jì)
首頁底部效果對比
◆ 原有圖片新聞是水平跑馬燈移動效果,只能
被動瀏覽,不能自主定位圖片,交互體驗(yàn)較
差。
◆ 視頻新聞的展現(xiàn)形式同圖片新聞一致,而且
不能在當(dāng)前頁面直接播放,用戶體驗(yàn)差。
◆ 底部版權(quán)聲明區(qū)域?yàn)闈u變背景,風(fēng)格較為傳
統(tǒng)。
舊版 新版
◆ 新的圖片新聞區(qū)權(quán)重提高,提到頁面中部區(qū)域,改為輪播切換效果,并
增加了圖片標(biāo)題顯示、數(shù)量提示及切換按鈕等控制功能,大大提高了訪
問者的選擇自主性。
◆ 視頻新聞改為主圖/縮略圖切換形式,右側(cè)為最新五條視頻的縮略圖列表,
點(diǎn)擊縮略圖時(shí)左側(cè)大圖會切換為相對應(yīng)的視頻/圖片,點(diǎn)擊大圖即可在當(dāng)
前位置播放視頻,亦可通過底部控制欄進(jìn)行視頻的全屏/暫停/音量等操
作。增加視頻號欄目,展現(xiàn)形式與視頻新聞一致。
◆ 通欄的色塊與上方視頻大圖搭配合理不顯單調(diào)。內(nèi)頁時(shí)改為淺色背景不
至于突兀。
9
成果展示
10
成果展示
11
成果展示
12
2023年11月
匯報(bào)完畢,感謝聆聽