边练边学：移动UI商业项目设计实战_全套PPT课件.pptx

乐动云课程项目-教育类

iOS手机App设计-101乐动云课程项目-教育类iOS手机App设计-1.pptx02乐动云课程项目-教育类iOS手机App设计-2.pptx03蘑菇街项目-电商类Android手机App设计-1.pptx04蘑菇街项目-电商类Android手机App设计-2.pptx05一号药店项目医疗类手机App设计-1.pptx06一号药店项目医疗类手机App设计-2.pptx07刀塔传奇项目游戏类手机App设计-1.pptx08刀塔传奇项目游戏类手机App设计-2.pptx09南丰鼎轩项目餐饮类Pad端App设计-1.pptx10南丰鼎轩项目餐饮类Pad端App设计-2.pptx

课程目标了解教育类App设计理论掌握iOS标注规范与技巧掌握教育类iOS手机App设计技巧了解侧边栏导航与TAB导航2/39

本章任务复习iOS系统界面设计规范了解乐动云课程项目需求乐动云课程首页界面设计乐动云课程课程详情页界面设计3/39

目录教育类App相关理论乐动云课程项目需求分析设计规划iOS系统界面设计规范回顾乐动云课程手机App首页设计乐动云课程详情页的设计4/39

教育类App相关理论教育类App常见分类从用户人群的年龄来进行分类：5/39

教育类App相关理论教育类App常见分类按照学习内容分类：视频类、文档类、泛学习类等按照平台分类：C2C（个人对个人）、B2C（机构对个人）、B2B2C（供应商到品牌商，品牌商再到用户）、C2C+O2O（个人对个人，线上到线下）、B2C+O2O（机构到个人，线上到线下）等6/39

教育类App相关理论教育类App的常见视觉风格低幼儿童教育类

App界面视觉风格7/39

教育类App相关理论教育类App的常见视觉风格中小学生教育类App界面视觉风格8/39

教育类App相关理论教育类App的常见视觉风格青年教育类App界面视觉风格9/39

教育类App相关理论教育类App的常见视觉风格青年教育类App界面视觉风格10/39

教育类App相关理论教育类App的常见功能社交得用户者，得天下！口碑相传是传播App

强大有效的途径11/39

教育类App相关理论教育类App的常见功能工具12/39

教育类App相关理论教育类App的常见功能标注学习进程13/39

目录教育类App相关理论乐动云课程项目需求分析设计规划iOS系统界面设计规范回顾乐动云课程手机App首页设计乐动云课程详情页的设计14/39

乐动云课程项目需求分析项目名称乐动云课程-教育类手机App设计乐动云课程项目需求分析乐动云课程已经有了成熟的网页端产品，为拓展市场、提高知名度、为用户提供更便携式的教育产品，现阶段要设计并制作课工场手机端App15/39

乐动云课程项目需求分析乐动云课程主要目标用户分析目标用户：即将大学毕业的学生、初入职场的新人、希望拓展工作技能的职场人士，需要学习实用技能的人群年轻、有活力、乐于接受新兴事物有主动学习、乐于学习的思想专注力差、专注时间短16/39

乐动云课程项目设计规划整合乐动云课程web端产品的核心功能乐动云课程从网页到手机的功能如何进行筛选?视觉表达如何进行统一?17/39

乐动云课程项目设计规划整合乐动云课程web端产品的核心功能18/39

乐动云课程项目设计规划确立设计风格界面以扁平化风格为主，简洁大方，容易适配到多终端，也利于用户沉浸在学习当中。间接的引导流程，令新用户也能很容易找到自己想学习的课程主体颜色采用蓝色（#178bff），视觉风格保持与网页端产品相统一使用默认字体、强调规范下的美学图标：极简主义线条图标、简单、秀气、时尚。且文件体积较小，有利于用户下载安装19/39

乐动云课程项目设计规划确立结构布局绘制原型图，确立界面的布局原型图一般由产品经理提供20/39

目录教育类App相关理论乐动云课程项目需求分析设计规划iOS系统界面设计规范回顾乐动云课程手机App首页设计乐动云课程详情页的设计21/39

iOS系统界面设计规范回顾iOS系统界面尺寸和分辨率在实际工作中，可以使用750x1334px进行设计ptiOS开发中用到的长度单位，是独立像素的意思不随屏幕密度PPI发生变化，是固定单位iPhone型号设计尺寸px屏幕像素密度ppi与px的换算关系iPhone6，6s，7，8750×1334326@2X分辨率1pt=2px22/39

iOS系统界面设计规范回顾iOS系统中的栏状态栏导航栏标签栏工具栏iPhone型号设计尺寸px状态栏导航栏标签栏iPhone6，6s，7，8750×133440889823/39

iOS系统界面设计规范回顾iOS系统中的栏工具栏和标签栏的区别：工具栏关注的是当前界面的操作，它的操作按钮中不能