网店美工移动端店铺首页与详情页装修设计共35页

《网店美工设计》教学课件

学习目标
学习路径
任务描述任务技能
技能点3 网店美工基本知识
1 分辨率
分辨率有两种：屏幕分辨率和图像分辨率。
2 像素
图像由一个个点组成，这个点叫作像素。像素是图像中最小的单位。每个像素是一个小点，不同颜色的点（像素）聚集起来就变成一幅动人的画面。
学习目标
学习路径
任务描述任务技能
技能点3 网店美工基本知识
任务描述任务技能
淘宝网成立于2003年5月10日，由阿里巴巴集团投资创办。淘宝网分为淘宝C店和淘宝商城2种模式。淘宝C店是淘宝集市卖家所开设的店铺，这种店铺的门槛低，任何通过实名认证的人，只要发布10件宝贝就可以免费在淘宝上开店。淘宝商城（天猫）是亚洲最大的购物网站淘宝网打造的在线 B2C 购物平台，自2008年4月10日成立以来，吸引了 Kappa、JackJones、苏泊尔、联想、惠普等在淘宝商城开设官方旗舰店，受到了消费者的热烈欢迎。
而淘宝网作为服装类电子商务行业的老大，是国内B2C及C2C 电子商务网站中发展最快、最为成功的案例，以提供具有本土特色的电子商务平台服务为宗旨，并一直不断完善和发展。其在中国的 C2C 市场中可谓是一家独大，市场份额更是超过了 90%，行业领先的地位暂时是无人能撼动的。目前，服装服饰类产品已经成为网络零售的第一大商品，无论从数量还是交易规模上都是如此。单是淘宝网上初具规模的卖家群体皇冠店铺就已达上万家之多，并且仍保持着快速增长的态势。本次任务主要是实现淘宝女装店铺首页设计。
【功能描述】 ● 使用淘宝布局要素来设计女装店铺首页。 ● 头部包括店铺的logo、宣传标语、购物车、账户登录及客户中心的图标。 ● 主体包括各个分类版块下的图片链接。 ● 底部包括店铺的各项服务链接、搜索框及返回首页和顶部的按钮。

《网店美工》教案--商品详情页设计

***学校《网店美工》教案第 1 页有兴趣的设计师们可以利用业余时间多进行了解。

如果能够成为集设计与文案才能于一身的高级人才，可想而知，你将备受青睐。

商品详情页设计是直接决定交易能否成功的其中一个重要因素，如何去构思使之更具有吸引力，更能抓住消费者的心理是关键。

我们需要收集和了解买家需要看什么，不需要看什么：图6-1 详情页所需内容板块示意接着，在再构思宝贝页面需要放置什么内容：图6-2 详情内容要点示意任务23 商品功能性介绍区域设计在做商品详情页规划前，清楚商品详情页每个区域的功能性，对后期布局设计起到相当重要的作用。

一般来说，商品详情页分三大区域：商品营销区、产品展示区、品牌包装区。

而三大区域则又细分成以下6个展现区，并形成商品描述的布局图：突出卖点：提炼商品的主要功能利益进行重点表现，吸引买家关注并进行浏览由整体到细节：先进行商品的整体展现，再进行商品的细节描述，这也是买家在购买商品时的浏览顺序情感联想：针对商品提炼情感利益，激发买家的感性购买需求导购服务：针对买家关注的商品问题进行导购式解答，逐步打消买家的购买疑虑售前售后：对买家进行购买后的一系列服务，从包装、物流到售后服务进行描述实力呈现：商品的质量认证、企业的实力展示、品牌介绍、荣誉等体现店铺实力的内容关联销售：关联销售区域，以便买家跳出前有更多商品选择图6-3 详情页个区域内容细分示意另外，除了基础功能区域版块，为了提高买家逛店体验度以及店铺成交转化率，我们建议增加一些额外的版块，来为商品详情页的功能加分：1.增加买家购买欲望—促销活动区：在商品描述中加进给力的促销信息，让买家了解商品的同时清楚可以享受的促销优惠，让促销优惠来刺激买家的购买欲望。

2.增加客单价—商品推荐：商品推荐有两种，分为同类商品推荐，设计必须要突出同类商品中不同商品的优势。

告诉买家可以如何进行商品选择，如可以的话还可以体现出购买咨询和导购信息。

另一类则是搭配商品推荐：设计中要突出不同商品搭配的艺术，或功能或效果或视理念或促销导购写到这里来，但是文案不宣过长。

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第6章制作PC端网店首页

22
构图：构图的好坏直接影响海报的效果，构图主要分为左右构图、左中右三分式构图、上下构图、底面构图和斜切构图6种。
左右构图
6.3.2 全屏海报的设计要点
23
配色：海报需要统一色调。在配色时，重要的文字信息用突出、醒目的颜色进行强调，通过明暗对比以及不同颜色的搭配来确定对应的风格。海报的背景颜色应该统一，不要使用太多的颜色，以免页面杂乱。
6.3.1 全屏海报的组成要点
20
全屏海报一般是由文案、商品图片、模特或背景中的至少两种元素组成的，下面分别分别介绍。
文案：文案主要用来表现海报
主题，其组成部分包括标题、
01
副标题、促销信息等。
商品图片：可以让文案描述更
02
加具象化。
模特：模特是辅助商品展示的
03
元素。
背景：背景主要起烘托主题的
3 创建组 5 输入“农家果园”文字 6 输入其他文字
4 添加 Logo
6.2.5 制作通栏店招
17
7 输入其他文字 8 拖入水果素材 9 输入商品促销文字 10 绘制圆角矩形 11 绘制导航条
6.2.5 制作通栏店招
12 设置导航条文字
13 绘制矩形框 15 完成后的效果
18
14 设置色阶值
ห้องสมุดไป่ตู้
6.1 认识PC端网店首页 6.2 网店店招与导航条的制作 6.3 全屏海报的制作 6.4 优惠券的制作 6.5 商品分类的制作 6.6 其他板块的制作 6.7 课堂实训——制作女包PC端网首页
6.2.1 店招的制作要点
7
就淘宝网而言，按尺寸大小可以将店招分为常规店招和通栏店招两类。常规店招为950×120像素，而通栏店招尺寸多为1920×150像素。一般来说，店招主要包括品牌形象展示店招和商品导购店招两种。

第10章移动端网店装修美工设计

图片对应的链接
一、移动端网店页面结构分析 2 移动端网店目录
1 移动端网店页面结构分析 2 移动端网店装修快速入门 3 课堂案例：美妆商品直播秒杀主图设计
二、移动端网店装修快速入门
01 保持网店设计风格的一致性 02 采用简单且便于操作的设计方式 03 网店色彩的设计与选择
三、课堂案例：美妆商品直播秒杀主图设计
1 设计理念
使用墨绿色作为背景，搭配上黄色的广告文字，更好地突出了主题信息。添加“抢免单”“活动价”等促销信息，激发买家的购物欲望，进一步
吸引其点击主图。
三、课堂案例：美妆商品直播秒杀主图设计
2 技术要点
为图片创建图层蒙版，对图像的显示进行控制。利用“内阴影”图层样式为图片添加内阴影效果。使用文字工具添加促销文案。使用形状工具绘制各种修饰形状。
茶叶网店移动端首焦轮播图
两种色调对比
二、移动端网店装修快速入门 3 网店色彩的设计与选择
手机屏幕的尺寸有限，所以移动端网店的可浏览面积也相对较小，买家的视觉会受到限制。这时，除了需要对文字进行精简以外，在整体色彩上也要具有鲜明感。
高纯度色彩与高明度色调
Contents 目录
1 移动端网店页面结构分析 2 移动端网店装修快速入门 3 课堂案例：美妆商品直播秒杀主图设计
二、移动端网店装修快速入门 1 保持店铺设计风格的一致性
移动端网店整体的装修与设计要做到风格一致、首尾呼应，否则不利于网店整体设计风格的塑造。
女鞋移动端网店页面
二、移动端网店装修快速入门 2 采用简单且便于操作的设计方式
在进行手机移动端的网店装修设计时，有的网店会直接套用PC端网店的设计方式，在手机移动端设计了可供买家进行缩放控制的页面尺寸，让买家可以通过滑动手机屏幕来对页面进行缩放控制，就能清楚地浏览到页面中的信息。

淘宝天猫网店美工教程项目10 无线店铺装修设计

移动端店铺首页与详情页设计

移动端店铺首页与详情页设计
移动端设计与桌面端设计有许多不同之处。

在移动端设计店铺详情页面时，应该考虑以下几个方面：
简洁明了的设计：移动屏幕通常比桌面屏幕小，因此店铺详情页面需要简洁明了。

应该使用大号字体和清晰的图像，并将内容简化到最基本的元素。

页面布局应该直接简洁，以便用户可以轻松找到所需的信息。

焦点突出：在移动端上，屏幕空间非常宝贵。

为了让用户集中注意力，应该突出显示重要内容，比如商品信息和购买按钮。

响应式设计：在移动端设计店铺详情页面时，应该使用响应式设计，以适应各种不同的设备尺寸。

响应式设计能够根据屏幕尺寸自动调整页面布局和元素大小，以适应不同的设备。

图像优化：在移动端上，加载时间更重要。

应该使用优化的图像，将其大小缩小并将其压缩，以加快页面加载速度。

简化导航：在移动端上，应该尽可能简化导航。

使用简单的菜单和图标，以最大程度地减少用户需要浏览的页面数量。

简化购买流程：为了使购买过程变得简单易用，可以尝试简化购买流程。

例如，使用一步购买功能，并简化支付选项。

测试和优化：设计移动端店铺详情页面后，需要进行测试和优化。

可以使用A/B测试工具，比较不同设计方案的转化率。

同时，可以使用移动端网站性能测试工具，评估页面加载时间和性能，并对其进行优化。

在移动端设计店铺详情页面时，需要考虑到移动用户的使用习惯和需要，以提供最佳的用户体验。

Photoshop网店美工设计第五章 PC端店铺首页设计

5.4 课堂练习——春夏女装首页设计
使用“矩形”工具、 “圆角矩形”工具、“椭圆”工具、“多边形”工具和“直线”工具绘制图形 , 使用“横排文字”工具输入文字，使用“新建参考线”命令创建参考线，使用 “描边”命令添加图层样式，使用“创建剪贴蒙版”命令和“对齐”命令调整春夏女装首页的细节。
第5章 PC端店铺首页设计
本章介绍：
PC 端店铺首页设计是网店美工设计任务中的综合型工作任务，精心设计的 PC 端店铺首页能够向消费者传达品牌感和信任感。本章针对 PC 端店铺首页的基本概念及设计模块等基础知识进行系统讲解，并针对流行风格及行业的典型 PC 端店铺首页进行设计演练。通过对本章的学习，读者可以对 PC 端店铺首页的设计有一个系统的认识，并能快速掌握 PC 端店铺首页的设计规范和制作方法，成功制作出具有品牌影响力的 PC 端店铺首页。
学习目标
掌握首页的基本概念掌握首页的设计模块
5.1 首页的基本概念
店铺首页是消费者进入店铺看到的第一张展示页面，具有展现品牌气质、承担流量分发的功能。精美的首页不但可以提升消费者对店铺的好感，还可以提高商品转化率，因此需要用心设计首页。
5.2 首页的设计模块
店招和导航轮播海报优惠券分类模块商品展示底部信息
5.2.1 店招和导航
2.店招和导航的构成 ·品牌LOGO ·店铺口号 ·推荐产品 ·搜索框 ·导航
5.2.1 店招和导航
3.店招和导航的设计要点（1）店招以淘宝为例，可以分为常规店招和通栏店招两类，常规店招尺寸为 950 像素 ×120 像素，通栏店招包含店招、导航和背景，尺寸通常为 1920 像素 ×150 像素。（2）导航栏导航栏的高度为 10 像素～ 50 像素，建议为 30 像素；导航栏的字体建议为黑体或宋体，如果使用黑体，建议字号为 14 像素或 16 像素，如果使用宋体，建议字号为 12 像素或 14 像素；文字间距建议为播海报的设计要点轮播海报可以依据 4.2.1 小节中的 PC 端全屏海报和 PC 端常规海报进行设计。其他设计规则可以参考 4.2.2 小节中海报的版式构图和 4.2.3 小节中海报的设计形式。

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第1章小结1、掌握网店美工的工作范畴。

2、掌握网店美工需要遵循的设计原则。

3、掌握网店美工工作流程。

课后练习课后练习——赏析ESEDO网店首页的设计本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。

第2章2.4.1文案在网店美工中的重要性2.4.2文案的策划2.4.3文案的前期准备2.4.4文案的写作要点2.4.5主图文案的设计与编写2.4.6详情页文案的设计与编写2.4.7海报文案的设计与编写2.5课堂实训——鉴赏森林大叔旗舰店的首页2.6课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配练习2：赏析森马官方旗舰店首页的布局2.7拓展知识小结1、掌握色彩的搭配技巧。

2、掌握版式布局的知识。

3、掌握文字的运用原则。

4、掌握文案设计与编写。

课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。

练习2：赏析森马官方旗舰店首页的布局如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。

第3章实训3：抠取耳机图片并合成3.5课后练习练习1：处理红毛丹污点练习2：抠取红酒商品图片并合成3.6拓展知识小结1、掌握修改商品图片尺寸及校正方法。

2、掌握优化图片的方法。

3、掌握抠取图片并合成的方法。

课后练习练习1：处理红毛丹污点本例将打开“红毛丹.jpg”素材文件，处理其中的污点并加深红毛丹的色泽。

处理前后的对比效果如图所示。

其具体要求如下。

熟练掌握商品图片的优化方法。

分别使用污点修复画笔工具、海绵工具、模糊工具对图片进行处理，使整个红毛丹更加美观。

练习2：抠取红酒商品图片并合成本例将对“红酒.jpg”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。

2024年夏季学期《网店美工》学期教学计划

课堂案例：零食网店商品详情页设计
课堂案例：数码网店商品详情页设计
综合实训
技能拓展
9
商品短视频制作
商品短视频的作用
商品主图视频制作
商品详情页视频制作
综合实训
10
移动端网店装修美工设计
移动端网店页面结构分析
移动端网店装修快速入门
课堂案例：美妆商品直播秒杀主图设计
11
移动端网店首页与详情页装修设计
移动端网店首页装修设计
第8章商品详情页设计
第9章商品短视频制作
难点
第4章店招与店标设计
第5章网店装修六大技能
第8章商品详情页设计
学生情况分析及提高教学质量主要措施
学生情况分析
学生对象为22电商班，学生好动，喜玩游戏，对一些PS的基本操作还不是很熟悉，特别是部分动手能力较弱的同学连最基本的操作都存在困难，也有少部分同学较好的掌握了PS基础技能，因而要把握每节的授课量、及难度。
修图——完美展现商品细节
调色——校正有色差的商品图片
编辑——美化与修饰商品图像
文字——商品信息辅助说明
5-8
4
店标与店招设计
网店店标的设计
课堂案例：水果网店店标设计
了解网店店招与导航
课堂案例：母婴网店店招与导航设计
综合实训
技能拓展
9-11
5
首焦轮播区和商品陈列区设计
首焦轮播区及其设计思路
课堂案例：节日主题的首焦轮播区设计
周授课内容安排
周别
教学内容
教学要求
课时安排
1
网店装修美工设计快速入门
初步了解网店装修
网店装修的风格
网店装修中需要注意的问题
1-2
2

《网店美工》项目6--PC端与移动端详情页设计制作

3）营销引导环节（从信任到信赖）。 4）深度营销环节（从信赖到想拥有）。 5）替客户做决定环节。
有一句话是这样说的：“有道无术,术尚可求,有术无道,止于术”。意思是说有方法理论但是没有技术，技术尚且是可以学到和培养，如果只有技术但缺少理论方向的支持，则只能停留于技术层次，个人发展很容易到瓶颈，无法进一步发展，只能止步不前。网上有些人把美工分为技术型美工和运营型美工，这个也是美工自我发展的一个过程。从营销学的角度分析，详情页的设计思路基本上遵循以上五部曲。
京东商城
≤790px（像素）
自定义
Aliexpress（速卖通） ≤790px（像素）
自定义
— 17 —
6.2.2 PC端详情页设计
1.模板设计
步骤1 打开Photoshop软件，选择“文件”|“新建”菜单项，新建一个750像素*600像素空白文档，将文件保存为“四件套详情.psd”。步骤2 选择工具箱中的“横排文字工具”Ｔ，输入相应的文本“商品在展示”及“Commodity Display”，设置字体为“微软雅黑”，颜色为“＃3ca5b8”，如图6-12左边部分所示。步骤3 选择工具箱中的“矩形工具”，绘制一个颜色为“＃3ca5b8”的矩形，如图如图6-12右边部分所示。
— 15 —
6.2.1 页面内容布局
— 16 —
6.2.2 PC端详情页设计
在各大电商平台的宝贝详情页中，都有各自不同的详情页图片尺寸和标准，以下为主流平台详情页图片建议尺寸
平台
详情页建议图片宽度详情页单张图片高度
淘宝
≤750px（像素）
≤1500px
天猫商城
≤790px（像素）
≤1500px
在生产工艺上有无特别之处消费者是否喜欢通过这种工艺生产的产品

淘宝天猫美工第6章淘宝店铺首页设计

店招风格：店招的风格要和店铺整体统一，同时也要和店铺产品的风格有一定的关联性。
店招背景：店招左右两侧为店招的背景区域，在设计店招后还需要对店招的背景进行相应设计。
店铺 logo ：好的店铺 logo 更能深入人心，并逐渐形成品牌文化。
收藏和关注图标：在店招中加入店铺收藏和关注图标的链接，可以留着更多潜在客户。
淘宝店铺的首页相当于一家实体店的门面，其首页设计的好坏将直接影响顾客的购物体验和店铺的转化率，好的首页一定由合适的版块布局组成。店铺首页布局并不是将所有模块都堆积到界面中，而是将模块按照合适的组合进行排列，组成整体格局。不同类型的店铺其首页模块也不一样，在布局时还要考虑店铺的定位和类型。
图 6-7
图 6-8
客服中心：店铺的客服组所占的高度不多，有些店铺将客服组设置在店招上，有的则放在首页页面的最后。如果店铺首页特别长，那一定要把客服组放在最显眼的位置，让顾客一看就能看到，这样才能在顾客需要帮助时发挥作用。
店铺页尾：在 PC 端的店铺页尾模块，通常会放置“商品分类”“回到顶部”以及“购物须知”等信息，如图 6-9 所示。
图 6-28
导航的主要作用是列出店铺的分类信息，选择不同的分类可以进行不同的商品页面，淘宝店铺中的导航是默认存在且不可删除的。
导航的设置并不是越多越好，要结合店铺的实际运营需要。店招导航位于店铺店招下方，宽度同店招相同，为 30 像素，淘宝店铺的导航的文字信息部分建议在 950 像素以内；活动导航的尺寸建议选择宽度小于 200 像素、高度小于 600 像素，图片格式为 jpg、png、gif。
STEP 1 打开“店招 .psd”文件，将画布大小更改为 150 像素宽，然后在店招下方绘制一个红色的矩形，如图 6-29 所示。

网店美工之无线端店铺装修设计介绍课件

5
图片与文字：合理搭配图片和文字，提高页面美观度和可读性
6
交互设计：注重用户体验，提供便捷的操作流程和反馈机制
图片与色彩搭配
1
选择高清、有吸引力的
图片
4
避免使用过于鲜艳或过于暗淡的颜
色
2
确保图片与店铺风格和商品特点相
符
5
注意色彩平衡，避免过于杂乱或过
于单调
3
使用对比色和互补色进行色彩搭配
进行调整和改进
谢谢
01
页面布局不合理，影响用户体验
03
图片质量不高，影响产品展示效果
02
色彩搭配不协调，影响视觉效果
04
文字排版不规范，影响阅读体验
无线端店铺装修设计实践
设计前的准备工作
1
确定店铺风格：根据产品特点和品牌定位，确定店铺的
整体风格。
2
收集素材：收集与店铺风格相关的图片、文字、音乐等
素材。
3
设计草图：根据店铺风格和素材，设计店铺的布局和元
素。
4
准备工具：安装设计软件，如Photoshop、
Illustrator等，并熟悉其基本操作。
设计过程中的注意事项
设计风格要与品牌定位相符注重页面布局，合理利用空间注重图片质量，选择高清、有代表性的图片注重细节处理，如按钮、图标等元素的设计注重数据分析，根据数据调整设计方案
信息。
3
响应式设计：设计要适应各种屏幕尺寸，确保在不同设备上都能正常显示。
4
色彩搭配：设计要注重色彩搭配，使用协调、舒适的色彩，避免过于鲜艳
和刺眼的颜色。
装修设计的主要元素

店铺设计装修模板

店铺设计装修模板1.首页首页的主要作用是吸引消费者并树立店铺品牌形象。

1)体现店铺的形象，树立品牌，给人一种信任感，以最快的速度留住访客的注意力。

首页的风格最好以简单、清晰的风格，不要让顾客产生讨厌或者产生不舒服的感觉。

2)店铺首页是宝贝详情页的流量入口，吸引住访客，并让她产生点击，进入内页，产生PV，PV越高，转化率就越大，产生订单的几率越大。

所以重要的内容在第一屏位置优先落入到用户的眼帘（如：活动产品图片）。

3)主推产品应突出重点。

比如：热销宝贝、最新促销、折扣、新品。

以最少的时间用简单、快速、精准词语来传达给访客产品最想表达的信息。

2.具体设计1)时间：2周内2)人员：美工，文案3)工作：设计网店页面，根据主营产品(化妆品)的特性，设计符合产品特性的风格和色彩。

4）要求：1>颜色统一，主色调是一个色调，可以用渐变色增加层次感，其他颜色不超过 3种。

穿插的小插件可以用对比色强的颜色强调突出。

2>模块位置合理。

位置上下对齐，以齐整为标准。

3>右侧广告页面不超过3个。

更多的就放在翻页中。

5）内容：1>当月主题活动2>顾客体验活动3>特惠产品活动4>增加 FAQ，参考柠檬绿茶5>增加好评打分提醒。

6>增加会员管理，例：“买满200元免费入会，立享98折”。

7>增加官方帮派.8>增加收藏店铺，放置在右侧。

9>增加顾客反馈。

10>增加公司简介。

11>增加服务承诺。

12>增加买贵退差价（同比商城店铺的商品，货到后7天内）。

13>增加店铺品牌软文。

（类似凡客）14>支持信用卡支付。

15>增加友情链接。

专人长期负责寻找高质量的店铺互换友情链接。

16>增加购物流程，放置在首页底部。

17>分类页面的顶部，先放置品牌的细分分类，然后放置品牌主题优惠活动。

18>分类页面的底部，放置买家必读。

应用实例——淘宝网店的色彩与布局鉴赏_网店美工实战教程（全彩微课版）_[共3页]

图1-36 “三只松鼠”首页和详情页的显示效果
针对页头、页中和页尾，可从以下两个方面对“三只松鼠”店铺页面进行鉴赏。

）查看首页中的页头、页中和页尾，包括查看其对应的店招、导航等内容，并对其中的文字字体进行分析，掌握不同的字体应用的范围；然后可以对图片中的促销术语进行了解，从术语中分析“三只松鼠”的卖点，并通过单个物体的摆放和处理效果，掌握美化图片的方法。

）通过详情页，查看详情页中留住买家的方法以及产品的卖点，该卖点可通过详情页中的描述区进行掌握，“三只松鼠”的描述区主要是通过可爱的松鼠，加上天然的产品和精良的制作工艺，体现产品的
搭配文字与色彩的方法，并从中得到启示，为后期的制作做好准备。

）掌握“三只松鼠”吸引买家购买产品的方法，从本质中找到卖点，从而促进销售。

打开“三只松鼠”网页，通过观察，该网页首页的整体色相采用深蓝色，该颜色属于较沉稳
进行对比则添加了一丝乐趣，体现出了可爱、活泼、精致和
图1-37 Logo欣赏
STEP 02 文字主要以黑体和宋体为主，简洁、大方，而且采用活泼而接地气的广告语，如本页中的。