網站首頁設計 風格及設計細節說明
一、設計風格：
本公司新建的網站，應學習以下網站的設計風格：
二、網站首頁的結構：（參照附件：首頁大框架）
1、上部：主要包括logo、導航欄、瀏覽位置示意圖、查詢欄等；
2、中部：主要包括各業務欄目的文字及圖片的摘要內容；
3、下部：專家欄；
4、尾部：
三、首頁上部設計細節說明：（參照附件：首頁上部說明）
l 注釋1：公司logo（不需要更新）；
l 注釋2及注釋6：頁面背景裝飾色塊，大部分為灰色，左上為小部分藍色（不需要更新）；
l 注釋3：查詢欄（不需要更新）；
l 注釋4：導航欄。各導航按鈕為“翻轉按鈕”（詳見網站實際效果）（不需要更新）。
l 注釋5：瀏覽頁所處位置（詳見網站實際效果）（不需要更新）。
注意：本網站相關色塊均為純色！
四、首頁中、上部設計細節說明：（參照附件：首頁上部說明）
l 注釋1：本欄目為各類活動的廣告欄的展示圖片（相關內容位于各業務欄目內）（需要更新）。
l 注釋2：展示圖片上的文字說明不要。
l 注釋3：廣告展示欄包括四張圖片（四個廣告）（需要更新），注釋3為鏈接按鈕。展示圖片下面的按鈕為藍色，其他未顯示的圖片下面按鈕為淺灰（過渡色）（不需要更新）。
l 注釋4：“相關新聞”欄目的展示區（需要更新）。
l 注釋5、6、7、8：其中包括五個新聞的標題、出處、時間和內容摘要，其中新聞標題也是鏈接文字（需要更新）。
l 注釋14：此外，在新聞展示區的下部，列出六、七個新聞標題（也是鏈接文字）（需要更新）；
l 注釋15：各業務欄目重點內容摘要和圖片展示（需要更新）
l 注釋9：各業務欄目重點內容摘要和圖片展示被突出的色塊區隔，該色塊與“導航欄”文字下面的色塊須一致（不需要更新）。
l 注釋10：重點內容的標題，該標題的顏色須與其上面的色塊一致（不需要更新）；
l 注釋11：重點內容的展示圖片（需要更新）。
l 注釋12：重點內容的文字摘要（需要更新）；
l 注釋13：重點內容的鏈接文字（前面的小裝飾
顏色須與其上面色塊和相應業務導航欄的色塊顏色一致）（不需要更新）；
l 注釋19：專家團展示欄（欄目的相關鏈接到相關業務欄目）（不需要更新）；
l 注釋16：欄目標題——“專家團隊” （不需要更新）；
l 注釋20：各專家圖片（該圖片需要處理，下面三分之二為遮蓋效果）（詳細效果參照網站）（需要更新）；
l 注釋17：翻頁按鈕（不需要更新）；
l 注釋18：顯示有幾頁及所在頁的位置（具體效果參照網站）。
五、尾部：
l 注釋21：該部分內容不要（不需要更新）；
l 注釋22：頁面尾部，主要為版權聲明、聯系方式等一般內容（不需要更新）；
六、右側欄目（結構不需要更新；但是圖片及文字應可以更新）：
l 本部分主要包括“關于我們”欄目的展示圖片、文字及快捷鏈接；包括：聯系電話（公司客服電話）、關于長壽、俱樂部理念、大事記四個部分；
l 每一部分，均為純色塊及展示圖片，展示圖片與色塊應該是遮蓋效果，文字摘要為反白效果；鏈接按鈕及其他設計效果參照網站；
七、注意——內容更新：
l 公司網站內容需要一個后臺更新系統。
l 更新系統的功能須滿足我們的設計效果；
l 該更新系統，經培訓后，我們可以自行使用，并獨立完成內容更新；
l 該更新系統，技術要求穩定，且無知識產權糾紛；
l 更新內容，包括圖片、文字，參照上面的標注。
轉發請注明：丁丁貓
丁丁貓，專注于各種“全景展示”和“實物數字模型三維展示”服務。業務涵蓋：360°全景、720°全景、展覽展示可視化表現、數字城市、物體環視、實物數字模型三維展示互動等服務。
Copyright ? 2025 丁丁貓 ddmer.com 版權所有 網站備案號：京ICP備2020042394號