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

網(wǎng)站首頁設(shè)計風(fēng)格及設(shè)計細節(jié)說明

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

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

二、網(wǎng)站首頁的結(jié)構(gòu)：（參照附件：首頁大框架）

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

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

3、下部：專家欄；

4、尾部：

三、首頁上部設(shè)計細節(jié)說明：（參照附件：首頁上部說明）

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

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

l 注釋3：查詢欄（不需要更新）；

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

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

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

四、首頁中、上部設(shè)計細節(jié)說明：（參照附件：首頁上部說明）

l 注釋1：本欄目為各類活動的廣告欄的展示圖片（相關(guān)內(nèi)容位于各業(yè)務(wù)欄目內(nèi)）（需要更新）。

l 注釋2：展示圖片上的文字說明不要。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、尾部：

l 注釋21：該部分內(nèi)容不要（不需要更新）；

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

六、右側(cè)欄目（結(jié)構(gòu)不需要更新；但是圖片及文字應(yīng)可以更新）：

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

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

七、注意——內(nèi)容更新：

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

l 更新系統(tǒng)的功能須滿足我們的設(shè)計效果；

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

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

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