html5手机电商网页设计代码_手机端电商首页设计

手机端电商首页要用到的系统模块分为3大类：宝贝类、图文类、以及营销互动类。

宝贝类

①单列宝贝。单列宝贝的模块只能够使用一次，在使用中可以添加6个宝贝和链接。系统直接调取PC端宝贝主图，不能进行手动设置，模块使用的大小不受限制。

②双列宝贝。双列宝贝不受模块的使用限制，可以手动添加宝贝标题、链接、自动推荐，也可以通过价格、关键词、排序规则、类目来筛选宝贝。自动推荐可以更合理地根据主推宝贝优先选择，系统直接调取PC端宝贝主图，不能进行手动设置。

③宝贝排行。宝贝排行是自动调取PC端高销量、高人气的宝贝，不能进行手动设置。如果PC端热销宝贝较多，可以使用该模块来吸引买家，如果没有销量建议不要添加该模块。

④搭配套餐。搭配模块不能进行手动设置，系统自动调取PC端的数据。也就是说，如果在PC端店铺里使用了官方的搭配关联套餐，添加该模块以后才会显示。

图文类

①标题模块。在标题模块可以设置20字以内的标题，也可以为该标题添加链接，,让用户点击该模块后，打开一个新的页面。一般来说店铺里首页大多数都是图片，我们可以使用标题模块来将产品图划分区域。

②文本模块。文本模块是所有模块中唯一不能添加超链接的模块，利用文本模块可以对店铺进行介绍，相当于PC端的公告栏模块。模块中文案可以自由发挥。

③单列图片。在单列图片模块中可以自定义产品图片，利用该模块能够展现出卖家所需产品图，也可以添加超链接，跟PC端首页的海报图有同等功效。

④双列图片。在双列图片模块中可以自定义产品图片，这是手机店铺不可缺少的模块这一，利用该模块可以做宝贝的分类、优惠券的领取等。

⑤多图。多图模块最多只能添加6张图片，最少不能少于3张，而且不能使用超过两次。

⑥辅助线。辅助线主要用来提升两个模块之间的层次感，如果相邻两个模块的色调过于接近就可以使用辅助线来间隔。

⑦焦点图模块。焦点图是手机端首页的重要模块，相当于PC端的首焦图。该模块最好放在手机端首页的第一屏，做得亮眼一些，能给买家留下深刻的印象。

⑧左文右图。左文右图是手机端首页的必备元素，相当于PC端的标语模块，可以划分区域，使商品信息更加清晰地展现给买家。

营销互动类

①电话。电话可输入手机号和座机号码，便于买家联系卖家。

②活动。活动不能进行手动设置，最多可以添加一个活动信息，系统自动调取活动数据。 

01 Photoshop急速入门课

请关注公众号，后台回复关键词“ps”

本视频课程体现了“教、学、做”一体化思路。它从一个图像处理初学者的角度出发，旨在向计算机初学者介绍Photoshop版本软件在计算机图像处理中的应用，使读者能够熟练掌握Photoshop软件的使用方法，随课程赠送相关的案例源文件及课件，方便大家学习掌握Photoshop软件。

02 ColreDraw急速入门课

请关注公众号，后台回复关键词“cdr”

本视频课程涵盖CorelDRAW几乎所有实例和重要知识点，如同老师在身边手把手教您，可以让学习更轻松、更高效！主要讲述了CorelDRAW入门必备知识，以及CorelDRAW广告设计、VI设计、标志设计、书籍画册设计、包装设计、网页美工设计、插图绘制、印刷制版等必备的CorelDRAW知识。

03 Animate、Flash急速入门课

请关注公众号，后台回复关键词“Flash”

本视频课程旨在使学员快速掌握Animate/Flash动画设计技术。以通俗易懂的语言、精挑细选的实用技巧、翔实生动的操作案例，全面介绍了Animate/Flash基础知识以及应用案例。

04 H5急速入门课

请关注公众号，后台回复关键词“H5”

本视频课程系统地介绍H5的基础理论和实际应用技术，并结合实例讲解使用DIV CSS 布局制作网页的方法和技巧。在介绍使用CSS 样式进行设计的同时，还结合实际网页制作中可能遇到的问题，提供了解决问题的思路、方法和技巧。

05 设计师求职宝典(200道面试题+54个职场短视频)

请关注公众号，后台回复关键词“面试题”

达内数字艺术学院针具设计师在面试过程中出现的问题，通过过对面试学员的跟踪反馈，整理出了200道企业面试题，涵盖人事、网页设计、UI设计、交互设计四个方面。帮助学员在面试前做好充分的准备，能够提升就业成功率，及就业薪资水平。

06 商业字体下载

请关注公众号，后台回复关键词“字库”

上千种中英文商业字体下载，包括各种免费可商用字体。

07 可商用高清位图素材下载(300G，上万张素材)

请关注公众号，后台回复关键词“素材”

刘老师收集整理的超过300G高清位图素材下载，让你的设计不再无图可用。