扫码下载「CSDN程序员学院APP」,1000+技术好课免费看
APP订阅课程,领取优惠,最少立减5元 ↓↓↓
![](https://i-blog.csdnimg.cn/blog_migrate/a95089b5886005bc1baa39a380cf910c.png)
订阅后:请点击此处观看视频课程
视频教程-【吴刚】淘宝天猫网站设计初级入门标准视频教程-UI
学习有效期:永久观看
学习时长:338分钟
学习计划:6天
难度:中
「口碑讲师带队学习,让你的问题不过夜」
![](https://i-blog.csdnimg.cn/blog_migrate/6447d69e377709f869a3e048bd21f37a.jpeg)
讲师姓名:吴刚
CEO/董事长/总经理
讲师介绍:业内知名UID、UED、用户体验、品牌策略与创意设计师,十三年行业职业教育培训经验,业内“UI视频第一人”,教学总监、视觉设计讲师、 Adobe认证讲师。在水晶石、传智播客、千锋互联、达内时代等知名商业培训机构任职。于2015年创立UI设计学院,组建和带领教学团队培养视觉设计在岗人才逾十万人次,吴刚老师亲自全程授课的首期班学生平均薪资14818元,居中国商业培训行业首位,产品线学员平均薪资逾万元。现任达内时代科技金牌讲师,交互视觉设计课程负责人。
☛点击立即跟老师学习☚
「你将学到什么?」
《淘宝天猫网站设计初级入门标准视频教程》是WUI网页设计模块的系列课程,针对初级小白上手企业官方网站设计,适应互联网时代对企业建站的需要,是不可多得的初级上手视频。由业内的吴刚老师亲自录制!
「课程学习目录」
第1章:电商网站的产品需求与设计逻辑 |
1.01-电商网站设计的风格定位和网站设计的根本需求点分 |
2.02-电商网站设计的风格定调的画面化表现方式 |
3.03-网站风格定位和调性选择的出发点和着眼点 |
4.04-店铺设计规范及各组件相关参数标准 |
5.05-淘宝天猫网站个案分析及网站元素迭代应用方法 |
第2章:电商网站的UED与EUI实现关系 |
1.06-电商网站设计的UED架构与EUI落地之间的逻辑 |
2.07-设计需要框架与电商网站设计规范及画面化实现 |
3.08-网站页面布局规范及实操方法 |
第3章:电商网站头部区域规范标准与制作技巧 |
1.09-头部区域背景制作方法及技术实现步骤 |
2.10-头部LOGO及官网名称区域制作及凹槽效果实现方法 |
3.11-关注图标的绘制及iconfont生成png矢量素材应用 |
4.12-电商天猫站官网头部区域制作方法及构图搭建 |
5.13-导航的制作及布尔运算绘制异形导航按钮 |
6.14-搜索框及官网顶部区域制作完成效果 |
第4章:电商网站首屏区域调性定调与实现技巧 |
1.15-首屏Banner跨屏设计及Banner高度与背景设定 |
2.16-网站首屏Banner的主图形绘制方法及相关参数调整 |
3.17-网站主视觉的拓形和配色及技术方法实现分析 |
4.18-主视觉配色方法及效果实现与细节修饰方法 |
5.19-首屏主视觉中辅助图形的霓虹效果制作及图层混合模式调整 |
6.20-首屏顶部射灯效果制作 |
7.21-背景光带效果制作及其与画面细节调解关系 |
第5章:电商网站首屏区主视觉文案定调与实现技巧 |
1.22-网站主视觉中心主文案字体变形的甩笔与连笔效果制 |
2.23-画面主视觉的文案效果及围绕性文案在主视觉中的布局效果 |
3.24-荧光光斑的制作及应用 |
4.25-主文案高光条效果制作方法 |
5.26-电商官网首屏效果亮相及细节统一性调整 |
第6章:折扣与优惠信息效果打造方法 |
1.27-抢购内容页面包屑的图形化分析 |
2.28-文字信息图标化展现面包屑画面逻辑关系 |
3.29-面包屑细节表现形式及画面美观度调整 |
4.30-文案头部的系统化编组 |
5.31-文案头部内容在不同屏的效率化置换 |
6.32-点券画面化中在版心的位置平均分布法及应用 |
7.33-布尔运算制作点券的齿轮效果 |
8.34-优惠券信息的效率化成组生成及文案和按钮的排版 |
9.35-优惠券的批量化更新及实现效果 |
第7章:爆款产品的展示与轮播效果打造 |
1.36-爆款产品页面布局及版面分割方法04:04 |
2.37-调整网页整体高度的方法 |
3.38-爆款产品轮播区的圆形设计及位置排版布局 |
4.39-爆款产品轮播图效果制作及投影反光效果实现方法 |
5.40-镇店之宝轮播图效果打造及整体统一性调整 |
6.41-爆款轮播组的效果打造实现 |
第8章:电商网站小Banner设计方法与风格统一性实现 |
1.42-小Banner的品牌调性分析和设计分析 |
2.43-小Banner的技术分析及操作步骤分析 |
3.44-Banner背景效果的打造和完成 |
4.45-通道抠取模特头发与背景色分离 |
5.46-小Banner的模特合成及细节效果修饰完成 |
第9章:产品展示页面的布局与实现方法 |
1.47-产品展示页面的空间布局及内容设计 |
2.48-产品展示页的内容抠取及填充完善 |
3.49-网站底部区域与头部统一性和风格调性呼应关系分析 |
4.50-底部区域的呼应关系的实现方法 |
5.51-网站整体设计思路回顾及重点难点解析 |
6.52-网页浏览效果及相关交互规则合理性分析与修正 |
「7项超值权益,保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。
- 课程资料+课件
超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)
- 常用开发实战
企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。
「什么样的技术人适合学习?」
- 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
- 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
- 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。
「悉心打造精品好课,6天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进,帮助用户轻松掌握
掌握UI知识,扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。
「你可以收获什么?」
本套教程在学员有PS软件基础及对网页元素制作有了解的基础上,循序渐进,深入浅出,全篇干货,系统化的讲解淘宝天猫网站设计的特点,以及通过实际淘宝天猫网站设计案例实操,结合web端的用户交互使用规范,以及相关的技术实现方法手把手教授学生淘宝天猫网站设计的首屏、主页设计及二级页设计等各方面淘宝天猫网站设计设计内容及设计规则。