[淄博网站建设/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总能巧妙的传递信息。 电商类网站规划根底详解