首頁(yè)設計風(fēng)格及設計細節說(shuō)明發(fā)布者：本站     時(shí)間：2020-04-11 11:04:01

網(wǎng)站首頁(yè)設計風(fēng)格及設計細節說(shuō)明

一、設計風(fēng)格：

本公司新建的網(wǎng)站，應學(xué)習以下網(wǎng)站的設計風(fēng)格：

二、網(wǎng)站首頁(yè)的結構：（參照附件：首頁(yè)大框架）

1、上部：主要包括logo、導航欄、瀏覽位置示意圖、查詢(xún)欄等；

2、中部：主要包括各業(yè)務(wù)欄目的文字及圖片的摘要內容；

3、下部：專(zhuān)家欄；

4、尾部：

三、首頁(yè)上部設計細節說(shuō)明：（參照附件：首頁(yè)上部說(shuō)明）

l 注釋1：公司logo（不需要更新）；

l 注釋2及注釋6：頁(yè)面背景裝飾色塊，大部分為灰色，左上為小部分藍色（不需要更新）；

l 注釋3：查詢(xún)欄（不需要更新）；

l 注釋4：導航欄。各導航按鈕為“翻轉按鈕”（詳見(jiàn)網(wǎng)站實(shí)際效果）（不需要更新）。

l 注釋5：瀏覽頁(yè)所處位置（詳見(jiàn)網(wǎng)站實(shí)際效果）（不需要更新）。

注意：本網(wǎng)站相關(guān)色塊均為純色！

四、首頁(yè)中、上部設計細節說(shuō)明：（參照附件：首頁(yè)上部說(shuō)明）

l 注釋1：本欄目為各類(lèi)活動(dòng)的廣告欄的展示圖片（相關(guān)內容位于各業(yè)務(wù)欄目?jì)龋ㄐ枰拢?br />
l 注釋2：展示圖片上的文字說(shuō)明不要。

l 注釋3：廣告展示欄包括四張圖片（四個(gè)廣告）（需要更新），注釋3為鏈接按鈕。展示圖片下面的按鈕為藍色，其他未顯示的圖片下面按鈕為淺灰（過(guò)渡色）（不需要更新）。

l 注釋4：“相關(guān)新聞”欄目的展示區（需要更新）。

l 注釋5、6、7、8：其中包括五個(gè)新聞的標題、出處、時(shí)間和內容摘要，其中新聞標題也是鏈接文字（需要更新）。

l 注釋14：此外，在新聞?wù)故緟^的下部，列出六、七個(gè)新聞標題（也是鏈接文字）（需要更新）；

l 注釋15：各業(yè)務(wù)欄目重點(diǎn)內容摘要和圖片展示（需要更新）

l 注釋9：各業(yè)務(wù)欄目重點(diǎn)內容摘要和圖片展示被突出的色塊區隔，該色塊與“導航欄”文字下面的色塊須一致（不需要更新）。

l 注釋10：重點(diǎn)內容的標題，該標題的顏色須與其上面的色塊一致（不需要更新）；

l 注釋11：重點(diǎn)內容的展示圖片（需要更新）。

l 注釋12：重點(diǎn)內容的文字摘要（需要更新）；

l 注釋13：重點(diǎn)內容的鏈接文字（前面的小裝飾顏色須與其上面色塊和相應業(yè)務(wù)導航欄的色塊顏色一致）（不需要更新）；

l 注釋19：專(zhuān)家團展示欄（欄目的相關(guān)鏈接到相關(guān)業(yè)務(wù)欄目）（不需要更新）；

l 注釋16：欄目標題——“專(zhuān)家團隊” （不需要更新）；

l 注釋20：各專(zhuān)家圖片（該圖片需要處理，下面三分之二為遮蓋效果）（詳細效果參照網(wǎng)站）（需要更新）；

l 注釋17：翻頁(yè)按鈕（不需要更新）；

l 注釋18：顯示有幾頁(yè)及所在頁(yè)的位置（具體效果參照網(wǎng)站）。

五、尾部：

l 注釋21：該部分內容不要（不需要更新）；

l 注釋22：頁(yè)面尾部，主要為版權聲明、聯(lián)系方式等一般內容（不需要更新）；

六、右側欄目（結構不需要更新；但是圖片及文字應可以更新）：

l 本部分主要包括“關(guān)于我們”欄目的展示圖片、文字及快捷鏈接；包括：聯(lián)系電話(huà)（公司客服電話(huà)）、關(guān)于長(cháng)壽、俱樂(lè )部理念、大事記四個(gè)部分；

l 每一部分，均為純色塊及展示圖片，展示圖片與色塊應該是遮蓋效果，文字摘要為反白效果；鏈接按鈕及其他設計效果參照網(wǎng)站；

七、注意——內容更新：

l 公司網(wǎng)站內容需要一個(gè)后臺更新系統。

l 更新系統的功能須滿(mǎn)足我們的設計效果；

l 該更新系統，經(jīng)培訓后，我們可以自行使用，并獨立完成內容更新；

l 該更新系統，技術(shù)要求穩定，且無(wú)知識產(chǎn)權糾紛；

l 更新內容，包括圖片、文字，參照上面的標注。