南京电商美工培训班推荐天琥教育!天琥专业美工培训学校,20年平面设计培训经验,总监授课;项目实战训练,创新教学模式,精编讲义！

天琥大电商全链路经理班技能全新升级，打造设计运营技能兼备人才，掘金实力胜人一筹，懂运营的电商设计师、懂设计的电商运营，才是企业争抢的优质人才。

学习模块

1.平面设计模块：PS、ID、AI、CDR平面软件。

2.电商设计模块：电商设计知识和技能、装修店铺以及电商运营、DW、代码。

3.UI设计模块：AXURE、原型设计、交互设计、用户体验、网页界面设计。

4.移动端设计模块：ICON设计、手机主题设计、APP设计、平台。

5.岗前就业课：补充学习其他硬件UI设计、AE动效设计、互联网营销知识;参加设计项目战，沉淀个人作品，积累实际工作经验。

电商研修阶段

钻展广告位学习广告图片的制作步骤，掌握各元素运用的方法、种类和规律，通过学习元素之间的对比知识，让广告图变得更加大气

直通车广告图制作系统学习直通车广告制作的要点与点，提升作品的商业价值与美观度，让作品好看又好用

店铺首页/专题页制作

(初级)了解和学习首页专题的作用、种类与制作方法，结合前后知识，制作首页专题banner图

店铺首页/专题页制作

(中级)掌握“设计轮”创意法则，学会观察与处理画面细节，文字排版传递信息，让首页专题更、有逼格

店铺首页/专题页制作

()建立系统化检查标准，掌握动静物体修饰和美化的制作方法，学习电商设计师制作立体字，让产品更有质感、更值得信赖

移动端首页制作掌握移动端店铺首页(手机、APP店铺首页)制作方法与规则

详情页了解和学习产品详情页的制作框架与注意事项，欣赏大量案例，学习过程中不断改进，让详情页带动产品销量

毕业设计学习与掌握店铺招牌的种类与制作方法，同时开始研修阶段的毕业设计，鉴赏大量电商行业的案例。分享毕业设计，锻炼表达能力，为面试打好基础

店铺装修掌握店铺的装修方法，让店铺“动”起来

做网页设计容易忽略的重要因素

1、页面色彩。

有些朋友在做网页设计图时，一味的追求页面美观，却忽略了网页的较原始的用途，网页设计不像平面设计那样，平面设计较求的是视觉冲击力，所以色彩可以对比很强烈，而网页设计则不然，网页是给用户浏览网页内容的，如果色彩对比过于强烈的话，用户在使用中很容易出现视觉疲劳，那么，该用户就不会在网页停留太长时间。

2、用户体验。

在网页设计的过程中，很多人想当然的闷着头做设计，忽略了重要的一点，那就是用户体验，网页是给用户看的，不是想当然做出来，当然在站在用户的角度去考虑问题。

打个比方：如果说你做的是一个资讯类的网站，用户一个月前看见该网站上有一篇文章很好，现在再想看的话，已经很难找了，如果加个搜索功能的话，是不是给用户带来了方便?这样的话用户是不是会更加的喜欢这个网站呢?

3、网页浏览速度。

网页浏览速度指的是用户打开网页的速度，当然，根据用户网速的不同，打开速度会有不同，我们所说的打开速度是指一般情况下的平均速度。如果说一个网页需要等一分钟才能打开，那你们扪心自问，你会愿意去等待吗?根据调查，打开网页用户等待的平均时间是7秒，换句话说也就是如果一个网站在7秒钟之内无法显示的话，那就会流失大量的用户。那么，如何提高网页速度呢?4，5，6点将会讲到。

4、服务器的选择。

服务器的选择非常的重要，也是网页打开速度的关键。

试想：如果说你的服务器是电信的，那么网通的用户开起来就会比较的慢，所以本人建议大家用服务器(空间)的话，尽量使用双线的，这样的话，对大部分用户浏览是没有问题的。

服务器的选择还有一个问题，就是选择好的服务器(空间)供应商，有些小公司的服务器(空间)总是会出问题，时常打不开，就比如说：你今天去一个人家，他没开门，第二次去又没开门，连续几次都没有开门，那你是不是就很有可能不再去了呢?网页也是一样，一定要选择稳定的服务器(空间)。

5、html代码优化。

html代码可以使用table或者是div+css，个人认为div+css是比较节省代码的，所谓的html代码优化，简单的说，就是同样的东西，用较简洁的方式去完成，给浏览器避免不必要的负担。

6、程序优化。

程序优化指的是动态程序的优化，可以是asp、.net、php等等，其实这也是一个熟练的代码编写者需要注意的，一个结果，可以用很多总方式得到，那么，选择较简单的一种方式。会让你的网页速度提升。

h5界面设计的要点

1、看断网的情况

把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。

显示404或则错误页面的是html页面。

2、看布局边界

开发者选项->显示布局边界，页面元素很多的情况下布局是一整块的是h5的，布局密密麻麻的是原生控件。页面有布局的是原生的，否则为h5页面。

3、看复制文章的提示，需要你通过对比才能得出结果

比如是文章资讯页面可以长按页面试试，如果出现文字选择、粘贴功能的是H5页面，否则是native原生的页面。

有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。

这个在支付宝APP、蚂蚁聚宝都是可以判断的。

4、看加载的方式

如果在打开新页面导航栏下面有一条加载的线的话，这个页面就是H5页面，如果没有就是原生的。 微信里面打开我们的H5页面常见的有个绿色的 加载线条。如下图红框里面所示：

5、看app顶部 导航栏是否会有关闭的操作

如果APP顶部导航栏当中出现了关闭按钮或者有关闭的图标，那么当前的页面肯定的H5，原生的不会出现(除非设计开发者故意弄的)

美团的、大众点评的APp、微信APP当加载h5过多的时候，左上角会出现关闭2字。

6、判断页面 下拉刷新的时候(前提是要有下拉刷新的功能)

如果界面没有明显刷新现象的是原生的，如果有明显刷新现象(比如闪一下)的是H5页面(ios和android)。

7、下拉页面的时候显示网址提供方的一定是H5

由于h5语言本身存在较大的不稳定性，WAP用户面临比APP用户更严峻的问题：

1、页面跳转更加费力，不稳定感更强

思考点：如何减少跳转(扁平结构、页面布局技巧)，增加数据及展示的流畅流程及稳定性(技术)

2、更小的页面空间(由于浏览器的导航本身占用一部分屏幕空间)，更大的信息记忆负担

思考点：排版更清晰、信息更简练 (可在APP基础上去掉一些丰富、复杂的视觉表现)

3、导航不明显，原有底部导航消失，有效的导航遇到挑战

思考点：如何有效的提供导航?有哪些形式?

4、交互动态效果收到限制，影响一些页面场景、逻辑的理解

思考点：比如登录注册流程的弹出、完成及异常退出，做好文字提示。

针对以上困境，解决方法总结如下。

首先，从APP到WAP版，在产品上，较明显且核心的：

1、精简功能，只将核心的任务实现，非核心的枝节可考虑删减。

2、做好新的WAP导航.

3、补充从WAP站对 下载APP 的引导。