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

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

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

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

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

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

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

4、尾部：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、尾部：

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

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

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

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

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

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

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

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

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

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

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

轉(zhuǎn)發(fā)請(qǐng)注明：丁丁貓

• 上一篇
• 下一篇