基于Axure原型设计的小米商城实现>
课程 实战 Web前端学院 大数据学院 宅客说
注册

手机号错误信息

点击刷新

请输入正确验证码

请输入正确验证码

已注册,直接登录

使用合作方账号登录
登录
忘记密码

未注册,直接注册

使用合作方账号登录

您尚未绑定手机号

绑定手机号

手机号错误信息

点击刷新

请输入正确验证码

请输入正确验证码

本次签到获得0
累计收益:¥0
亲爱的,你已经
累计签到
0
当前账户余额
兑换课程 查看更多
基于Axure原型设计的小米商城实现

什么是原型设计

本章概述:本章主要介绍了原型的概念。原型指的是对最终产品各页面上内容的简单呈现,通常不会设置颜色和字体,也不含图片。这里的原型,也通常被称作线框图、示意图、蓝图。在一些情况下,原型图往往可以先被抽象成一个个的模块组合,然后再去细化每个模块中的内容及其展示形式,我们本系列视频就是围绕着网站原型的精细设计而展开的。

开发模型和产品模型

本章概述:本章主要介绍了开发模型和产品模型。“瀑布模型”和“螺旋模型”都是常见的软件开发模型,如果项目经理在选择上出现了失误就会导致严重的后果。瀑布模型的特点是在每个阶段的工作都清晰详尽,容易预估风险和开发成本,每个阶段人员安排也非常清晰。瀑布模型非常适合使用在需求清晰且不易改变的情况。螺旋模型的特点是每阶段只完成特定部分的功能,循环渐进式的开发。螺旋模型非常适合使用在客户需求经常发生变化或者客户需求不明确

导航条

本章概述:实例讲解如何做小米网站的导航条效果。综合使用到HTML标签、CSS样式等,达到网站导航条的效果。

导航菜单

本章概述:实例讲解如何做小米网站的导航菜单。

Banner

本章概述:实例讲解小米网站的原型设计,逐步实现Banner的各种切换特效。

Banner导航菜单

本章概述:实例讲解小米网站的原型设计,逐步实现Banner导航菜单,一级菜单、二级菜单的效果。

导购卡片

本章概述:实例讲解小米网站的导购面板的实现。逐步实现任务列表、导购栏的布局、文字和图标交互效果、阴影特效等效果。

小米明星单品

本章概述:实例讲解小米网站的小米明星单品的实现。逐步实现小米明星单品动态面板子面板及卡片内容、小米明星单品切换按钮以及按钮的交互特效。

智能硬件

本章概述:实例讲解小米网站的智能硬件。逐步实现智能硬件的背景色、智能硬件的标题文字和图标、智能硬件的卡片布局的交互特效、智能硬件的副标题和图标的交互特效等。

搭配

本章概述:实例讲解小米网站的搭配。逐步实现搭配栏目的标题和副标题、搭配栏目的副标题交互特效、搭配栏目的热门面板的其余卡片布局、配栏目的热门面板的浏览更多卡片、搭配面板的交互特效和提示框的部分设计、配栏目热门面板的第一行所有卡片的交互特效等与搭配相关的内容。

配件

本章概述:实例讲解小米网站的配件。逐步实现从搭配栏目复制内容构成配件栏目、完成配件栏目热门中第一行卡片设计和交互特效、配件栏目贴膜中第一行卡片设计和交互特效等效果。

周边

本章概述:实例讲解小米网站的周边。逐步实现周边栏目主标题和副标题的设计、完成周边的热门栏目第一行卡片的设计、完成周边的生活周边栏目第二行卡片的设计等内容。

为你推荐

本章概述:实例讲解小米网站的为你推荐。逐步实现为你推荐的基本布局、为你推荐的第一状态面板特效、为你推荐的特效等内容。

热评产品

本章概述:实例讲解小米网站的热评产品。逐步实现热评产品的第一个卡片的部分设计、热评产品的全部设计、热评产品的全部动画特效等。

内容

本章概述:实例讲解小米网站的内容栏目。逐步实现内容栏目的卡片基本布局、内容栏目的卡片1球形按钮的设计、内容栏目的卡片1球形按钮特效、内容栏目的卡片1左右按钮切换是球形按钮切换、内容栏目的其余卡片的设计等。

视频

本章概述:实例讲解小米网站的视频。逐步实现视频栏目的第一个卡片的布局、视频栏目的第一个卡片的特效、视频栏目的全部卡片的设计等。

网站底部

本章概述:实例讲解小米网站的网站底部。逐步实现网站底部的部分设计、原型设计完成等内容。

小米网实现介绍

本章概述:整体介绍小米网的程序实现。原则上采用的是HTML4.0技术,特殊情况下会采用HTML5.0技术,DIV和列表布局在小米网以及其他网站设计中极为常见,CSS样式、JavaScript、JQuery等内容综合使用。

网页中的单位

本章概述:本章介绍小米网的程序实现中的网页中的单位的使用。

Flexbox布局

本章概述:本章介绍小米网的程序实现中的Flexbox布局。Flexbox布局以简便、完整、响应式地实现各种页面布局。目前它已经得到了所有浏览器的支持而且使用起来非常灵活。

小米网的布局

本章概述:本章介绍小米网的程序实现中的布局。着重讲解了布局应如何设计。

base.css公共样式

本章概述:本章介绍小米网的程序实现中的base.css公共样式。着重讲解了如何创建并定义公共样式。

rem和em的对比

本章概述:本章介绍小米网的程序实现中的rem和em单位的对比,通过分析对比,推荐使用rem作为网页的单位。

网页标题和SEO

本章概述:本章介绍小米网的程序实现中的网页标题和SEO。着重讲解了设计网页的标题和SEO内容。

site-topbar设计

本章概述:本章介绍小米网的程序实现中的site-topbar设计。着重讲解了如何设计site-topbar的基本轮廓和topbar-nav的文字内容以及site-topbar的文字排版样式。

购物车

本章概述:本章介绍小米网的程序实现中的购物车。讲解了图标字体的生成和使用方法、购物车图标的布局和鼠标悬停CSS伪类效果、以及购物车显示特效等内容。

标题栏

本章概述:本章介绍小米网的程序实现中的标题栏。使用Less技术定义CSS样式;创建标题栏主要布局、标题栏文字设置,创建搜索框文本框、搜索按钮图标;讲解CSS动画transition属性、搜热词的设计等相关内容。

JS面向对象思想

本章概述:本章介绍小米网的程序实现中的JS思想。介绍了JavaScript面向对象的设计思想。

工厂模式

本章概述:本章介绍小米网的程序实现中的工厂模式。主要介绍了JavaScript的工厂模式。

JS改造

本章概述:本章介绍小米网的程序实现中的JS改造。主要讲解了如何把index.js的购物车代码改造成面向对象的方式、把index.js的搜索条代码改造成面向对象的方式等内容。

CSS改造

本章概述:本章介绍小米网的程序实现中的CSS改造。主要讲解了如何把base.css改造成base.less,并且改造index.less中的内容。

标题栏菜单

本章概述:本章介绍小米网的程序实现中的标题栏菜单。主要介绍了如何定义标题栏弹出菜单DIV,以及transition动画的替代方案、弹出菜单栏的第一个子菜单的内容和部分布局、完成标题菜单的所有功能等。

大英雄区

本章概述:本章介绍小米网的程序实现中的大英雄。主要介绍了小米网大英雄区格局、菜单图标、大英雄区的弹出菜单布局等与大英雄区相关的内容。

智能硬件

本章概述:本章介绍小米网的程序实现中的只能硬件。介绍了智能硬件的标题栏部分设计、智能硬件的布局、阴影特效等。

搭配

本章概述:本章介绍小米网的程序实现中的搭配。介绍了搭配栏目的布局、搭配栏目状态栏的设计、搭配栏目的栏目切换和特效等。

配件

本章概述:本章介绍小米网的程序实现中的配件。介绍了配件栏目里面的热门和保护套栏目的实现以及其余栏目的设计。

周边

本章概述:本章介绍小米网的程序实现中的周边。介绍了周边栏目的前三个栏目的内容、周边栏目的前两个栏目的内容。

为你推荐

本章概述:本章介绍小米网的程序实现中的周边。介绍了为你推荐栏目的格局排版、内容布局、内容切换功能等。

热评产品

本章概述:本章介绍小米网的程序实现中的热评产品。介绍了热评产品栏目的内容设计

内容

本章概述:本章介绍小米网的程序实现中的内容。介绍了内容栏目的设计、内容栏目内容切换、内容栏目内容切换的编码等内容。

网页底部

本章概述:本章介绍小米网的程序实现中的网页底片。介绍了网页底部内容的设计。
讲师
杨迪
具备多年IT行业工作及培训经验,曾任英特尔开发工程师,大连中软卓越技术顾问兼讲师,沈阳中软卓越首席技术讲师。授课思路清晰,思想性强,强调的领悟式的教学模式,具有技术大师风范。普通学员在经历四个月的学习,相当于在IT行业从业十年的技术收获,杨老师培养的学生进入世界五百强企业的不计其数。
评价
该实战还没有评论
该实战还没有评论
综合评分
学习进度不足30%不能评价
讲师
杨迪
具备多年IT行业工作及培训经验,曾任英特尔开发工程师,大连中软卓越技术顾问兼讲师,沈阳中软卓越首席技术讲师。授课思路清晰,思想性强,强调的领悟式的教学模式,具有技术大师风范。普通学员在经历四个月的学习,相当于在IT行业从业十年的技术收获,杨老师培养的学生进入世界五百强企业的不计其数。