[淄博網站建設/seo關鍵詞優化]商城網站設計的定義與分類

閱讀 ?·? 發布日期 2019-05-31 17:06 ?·? admin
一、商城網站規劃的界說與分類 1、商城網站的界說 商城是信息化年代電子商務開展的產品,是商家在網上自己商品的展現、出售、和企業宣 傳的網絡平臺和通道。 為個人用戶和企業用戶供給人性化的全方位服務,盡力為用戶創造親切、輕松和愉悅的購 物環境,不斷豐厚產品結構,最大化地滿足顧客日趨多樣的購物需求。[淄博網站建設/seo關鍵詞優化] 2、商城網站的分類 1.平臺型(B2B B2C C2C) 電商類網站規劃根底詳解 2. 筆直型(自營商城) 電商類網站規劃根底詳解 3.品牌型(品牌宣揚+購買) 電商類網站規劃根底詳解 3、商城網站規劃風格 1.簡約 2.時尚 3.卡通 電商類網站規劃根底詳解 二、商城網站項目作業的流程 1、作業流程 1.項目立項 2.產品分析 仔細研究需求在網頁中展現的內容,梳理其中的邏輯聯系,辨明層次,以及重要程度。 電商類網站規劃根底詳解 3.交互原型 網頁原型規劃也是分過程完結的,先把一個頁面分為若干個大部分,然后別離逐漸細化。 假如是為客戶規劃的網頁,那么運用原型線框圖與客戶交流交流是最合適的方式,既能夠明晰地標明規劃思路,又不用花費很多的繪制時刻,由于原型規劃階段,往往要經過重復修正。 假如每次都運用完結以后的規劃圖交流,則重復修正需求很多的時刻和作業量,而且在設 計的開端階段,往往交流交流的中心并不是涉及的細節,而是功用、結構等策略性的問題,因此運用這種線框圖示非常合適的。 電商類網站規劃根底詳解 4.界面規劃 依據原型圖運用photoshop生成規劃稿。 電商類網站規劃根底詳解 [淄博網站建設/seo關鍵詞優化]5.前端開發 電商類網站規劃根底詳解 6.后臺開發 7.項目測試 8.項目上線 三、商城規劃與前端開發的聯系 1、板塊規劃 1.版塊風格 板塊能夠具有自己獨立的風格,主張一切版塊上的堅持控件風格共同,功用共同,以便提 高重用性 電商類網站規劃根底詳解 2、文字 1.推行規劃(專題) 推行規劃的風格多種多樣,需求依據需求挑選字體來營建氛圍,推行規劃的字體往往是做 在圖片上,不需求考慮用戶的設備中有沒有包括該字體。 電商類網站規劃根底詳解 2.產品規劃 產品規劃的字體,很少會做在圖上,大多數字體由前端工程師來完結,規劃師一般會挑選 用戶設備里自帶的字體來進行規劃。 電商類網站規劃根底詳解 3.網頁文本字運用標準 中文字體: 文本字一概選用14px字體,黑體主要用做標題、要點杰出文字。主張 運用14px + 20px字體的混合調配,防止大面積運用加粗字體,字體請運用系統自帶字體。 英文字體: 英文字體從9px開端就能明晰顯現,挑選空間大。10px、11px、12px、13px都是常見的字 體大小,字體請運用系統自帶字體。例:Tahoma、Arial、Verdana 電商類網站規劃根底詳解 [淄博網站建設/seo關鍵詞優化]3、規劃稿輸出 1.規劃稿目錄結構 JPEG:文件夾下寄存每一個頁面的定稿 PSD:文件夾下寄存PSD源文件 電商類網站規劃根底詳解 2.PSD文件命名 PSD文件要共同命名,最終承認、廢棄的稿件要別離符號。 命名原則:版塊稱號 + 內容頁面 + 制作日期 + ABCD表示第幾稿(PSD源文件、JPEG輸 出稿共同運用) 電商類網站規劃根底詳解 電商類網站規劃根底詳解 3.PSD分組、細化 頁面PSD里,每個版塊對應一個組,多余沒用的圖層能刪就刪。每個版塊的標題、圖片、 作品、按鈕、文字等都用組別歸類命名好。 四、商城banner規劃 1、交流 1.承認信息 電商類網站規劃根底詳解 2.風格定位 電商類網站規劃根底詳解 2、執行 1. 先版式(骨架) 假如不考慮產品的方位,常見的“文案+布景”的聯系主要有三種。 電商類網站規劃根底詳解 假如考慮產品的方位,常見的“文案+產品+布景”的聯系主要是下圖的幾種。 電商類網站規劃根底詳解 2. 在配色(血肉) 配色辦法其實有很多,下圖介紹的6種辦法能夠讓Banner呈現平衡的顏色聯系。 電商類網站規劃根底詳解 黑白灰這3 種中性色能與任何顏色起諧和、緩解作用。主要作用是:諧和顏色調配,杰出其他顏色。[淄博網站建設/seo關鍵詞優化]電商類網站規劃根底詳解 3. 豐厚細節(衣服) 細節就像人的衣服相同,豐厚而適當的細節能夠讓規劃愈加精致很耐看。 電商類網站規劃根底詳解 3、審核 1.展現形式 Banner規劃后一定要o上作用提或是樣機,去模仿真實的展現作用,看看實際上線作用和 預期是不是共同的。另外,規劃師要去表達自己的規劃思路和主意。 電商類網站規劃根底詳解 2.信息傳達 Banner的組成元素都是為了傳達中心宗旨,要做到意思傳達明晰精確,防止閱讀障礙和意思迷糊的狀況。 電商類網站規劃根底詳解 3.漂亮——排版 當畫Banner需求放的元素比較多,尤其是文字,這是候比較檢測規劃師對信息的收拾和 概括能力。 電商類網站規劃根底詳解 4.漂亮——顏色 前面介紹了配色的幾種辦法,可是顏色的明度,純度和飽和度等屬性上面的改變還是會影 響到畫面整體的配色。 電商類網站規劃根底詳解 5.漂亮——細節 細節處理的好壞,檢測規劃師的功底和情懷。Banner上面的一切元素都是由于需求存在, 不是可有可無的。 [淄博網站建設/seo關鍵詞優化]電商類網站規劃根底詳解 6.漂亮——創意 打破常規,與眾不同。 優異的Banner總能巧妙的傳遞信息。 電商類網站規劃根底詳解