[發明專利]一種網站網頁設計系統及其方法

在審

• 申請號: 201911405366.6
• 申請日: 2019-12-31
• 公開（公告）號: CN111221505A
• 公開（公告）日: 2020-06-02
• 發明（設計）人: 韓雋
• 申請（專利權）人: 上海匯貫實業有限公司
• 主分類號: G06F8/10
• 分類號: G06F8/10;G06F8/38;G06F16/957
• 代理公司: 上海海貝律師事務所 31301
• 代理人: 范海燕

本發明公開了一種網站網頁設計系統，包括需求獲取模塊、圖片加載模塊、圖片處理模塊、版塊確定模塊、版塊圖片插入模塊、網頁生成模塊、顯示模塊；所述需求獲取模塊用于獲取用戶的需求；所述圖片加載模塊用于在瀏覽器插件中加載當前網頁對應的設計圖；所述圖片處理模塊用于對設計圖進行透明度處理；所述版塊確定模塊用于確定網站網頁所需要的版塊；所述版塊圖片插入模塊用于對不同的版塊插入相應的圖片；所述網頁生成模塊用于對不同版塊進行整合從而形成所需網頁；所述顯示模塊用于對網頁進行顯示。本發明，在設計之前就優先確定客戶的需求，從而使得設計的網站網頁更加貼合客戶需求，便于瀏覽者從公司的各類信息中準確找到自己想要的信息。

技術領域

本發明涉及網頁設計技術領域，具體是一種網站網頁設計系統及其方法。

背景技術

網站伴隨著網絡的快速發展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常的重要。通過網站能夠向訪問者呈現產品、服務、理念、文化，或提供某種功能服務，精美設計的網站頁面能夠吸引訪問者的關注，因此網頁設計變得非常重要。Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則采用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

網頁設計以頁面精美化設計為目標，使用PS、AI等軟件，調整、使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。網頁設計作為一種視覺語言，特別講究編排和布局，版式設計通過文字圖形的空間組合，表達出和諧與美。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

現有的網站網頁設計一般均采用系統的模板進行設計，不能很好的根據客戶的需求進行合理的設計，從而達不到最好的效果。

發明內容

本發明的目的在于提供一種網站網頁設計系統及其方法，以解決現有技術中的問題。

為實現上述目的，本發明提供如下技術方案：一種網站網頁設計系統，包括需求獲取模塊、圖片加載模塊、圖片處理模塊、版塊確定模塊、版塊圖片插入模塊、網頁生成模塊、顯示模塊；所述需求獲取模塊用于獲取用戶的需求；所述圖片加載模塊用于在瀏覽器插件中加載當前網頁對應的設計圖；所述圖片處理模塊用于對設計圖進行透明度處理；所述版塊確定模塊用于確定網站網頁所需要的版塊；所述版塊圖片插入模塊用于對不同的版塊插入相應的圖片；所述網頁生成模塊用于對不同版塊進行整合從而形成所需網頁；所述顯示模塊用于對網頁進行顯示。

優選的，所述設計圖加載模塊包括尺寸獲取模塊、計算模塊和設計圖定位模塊，尺寸獲取模塊用于獲取設計圖的尺寸和瀏覽器可視窗口的尺寸；計算模塊用于根據從尺寸獲取模塊獲取的數據，計算設計圖在瀏覽器可視窗口中的位置坐標；設計圖定位模塊用于根據計算模塊計算的設計圖在瀏覽器可視窗口中的位置坐標，將設計圖定位在瀏覽器可視窗口中。

優選的，一種網站網頁設計方法，包括以下步驟：

步驟一：確定客戶需求；

步驟二：登錄操作系統；

步驟三：圖片的選擇：選擇模板圖片或插入設計圖片；

步驟四：對圖片進行透明度處理；

步驟五：確定欄目和版塊；

步驟六：按照所需欄目和版塊對圖片進行劃分，使得不同欄目固定在不同的區域；

步驟七：欄目圖片的插入：將每個欄目區域插入不同的單元圖片；

步驟八：對所有欄目區域以及單元圖片進行整合，形成所需要的網站網頁。