[淄博網(wǎng)站建設(shè)/seo關(guān)鍵詞優(yōu)化]商城網(wǎng)站設(shè)計(jì)的定義與分類

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