《05-一号药店项目医疗类手机App设计-1.pptx》由会员分享，可在线阅读，更多相关《05-一号药店项目医疗类手机App设计-1.pptx（44页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、一号药店项目医疗类手机App设计-1课程回顾n电商类App设计理论n蘑菇街手机App买买买页面的设计与制作nAndroid系统启动图标设计规范回顾n蘑菇街App启动图标的设计与制作n启动页与引导页的技巧及方法n蘑菇街App引导页的设计与制作2/44本章任务n了解医疗类App相关理论n掌握一号药店项目实现思路n掌握一号药店首页界面设计的方法n熟悉苹果系统与安卓系统的差异3/44目录n医疗类App相关理论n一号药店项目需求分析n一号药店启动图标设计niOS与Android系统的差异n一号药店首页界面设计4/44医疗类App相关理论n医疗类App产品行业介绍l移动医疗领域创业者们蜂拥而入，竞争愈发激
2、烈起来5/44医疗类App相关理论n医疗类App的特点l市场巨大l热门行业l几乎不受经济波动的影响l行业长期增长l亚健康人群l慢性病年轻化，患病时间长，服务需求大l生活节奏愈加快速6/44医疗类App相关理论n医疗类App的特点l优势明显，实施环境逐渐成熟l节约时间、快速诊断、花费少l医学高科技发展带来更多闪光点l医疗产业信息化是未来发展的趋势，后续扶持政策将出台7/44医疗类App相关理论n医疗类App的特点l弊端层出不穷，起步困难重重l远程诊断未实现l因为关系生命健康，所以更须谨慎8/44医疗类App相关理论n医疗类App的特点l短期内医疗APP可能会以提供健康咨询服务为主l医疗设备厂商和
3、内容与应用提供商将最先受益l用户活跃度不高l政策壁垒、专业限制、资格门槛制约9/44医疗类App相关理论n医疗类App常见分类l满足寻医问诊需求的应用l满足专业人士了解专业信息和查询医学参考资料需求的应用l预约挂号及导医、咨询和点评服务平台l医药产品电商应用l细分功能产品10/44医疗类App相关理论n医疗类App的常见功能l电子病历l预约挂号l用药提醒l功能围绕医疗展开l功能千变万化11/44医疗类App的常见视觉风格n整体视觉起到安抚、平顺心绪的作用l界面大都以安静、稳定、清澈的颜色为主l忌讳鲜亮、浓重的色彩和色调：给人以压抑的、狂躁的感觉l风格以微质感、扁平化为主12/44医疗类App的
4、常见视觉风格n 功能至上l布局简单、上手轻松、操作容易l响应速度快l起到指导实际的意义13/44目录n医疗类App相关理论n一号药店项目需求分析n一号药店启动图标设计niOS与Android系统的差异n一号药店首页界面设计14/44一号药店项目需求分析n项目名称l一号药店手机App界面设计n项目定位l随着竞争日益激烈的医疗类手机App的迅猛发展，公司决定设计并制作一款医疗类手机App，主要面向白领市场，功能以医疗咨询、药品出售为主，旨在获取更多线上用户和订单，拓展业务范围等15/44一号药店项目需求分析n一号药店企业背景n一号药店App设计要求l兼顾iOS系统和Android系统设计规范，设计
5、并制作符合大众审美偏好的App界面l针对手机端用户，符合手机端用户的使用习惯和审美偏好l以寻医问药、健康咨询为目的，以转化率为最终目标，符合医疗类App的特点l需要设计并绘制启动图标、主界面、登录注册界面16/44一号药店项目需求分析n一号药店App风格要求l拟物化，模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等效果对实物进行再现，界面模拟真实物体，认知和学习成本低，体现人性化的特点n一号药店App操作系统要求l兼顾iOS系统与Android系统，界面和交互尽量保持统一，同时兼顾双系统差异化的细节设计17/44一号药店项目需求分析n一号药店主要目标用户分析l主要目标用户以熟练使用智
6、能手机的用户为主，年龄大概在22-45岁之间，并没有特别针对性比较强的特质l其特征如下：p以熟悉智能手机操作的年轻群体为主p慢性病患者或亚健康的白领居多p主要目标用户群体当中存在一定数量的老年人或弱势群体18/44目录n医疗类App相关理论n一号药店项目需求分析n一号药店启动图标设计niOS与Android系统的差异n一号药店首页界面设计19/44演示案例演示案例：一号药店启动图标设计n需求描述l图标设计尺寸：10241024pxl拟物风格，体现医疗类App特点，符合主要用户的审美偏好l兼顾双系统下的启动图标设计规范n实现思路l使用形状工具、钢笔工具绘制基本形状l为图层叠加图层样式，添加拟物化
7、效果l调整细节20/44目录n医疗类App相关理论n一号药店项目需求分析n一号药店启动图标设计niOS与Android系统的差异n一号药店首页界面设计21/44iOS与Android系统的差异n哪个更好？l硬件&软件l标准化&适配l用户体验l售后服务l价格22/44iOS与Android系统的差异niOS系统l由苹果公司开发的封闭式系统l标准化、软件、硬件、适配专业l良好的用户体验、完善的售后服务lApp审核严格、监管力度强悍l开发成本较高l价格昂贵23/44iOS与Android系统的差异nAndroid系统l基于Linux内核的操作系统，是Google在2007年公布的操作系统l开放源代码
8、l生产公司很多家，且良莠不齐24/44iOS与Android系统的差异参差不齐:拉低平均分优等生:评分较高25/44iOS与Android系统的差异n安卓手机的物理键26/44iOS与Android系统的差异n双系统原生App图标比较27/44iOS与Android系统的差异n双系统原生App图标比较lAndroid的圆角矩形看起来更方正p支持不规则图形p强调有一定的质感与厚度l iOS必须是圆角矩形p顶部光源越来越弱化p风格越来越扁平28/44iOS与Android系统的差异n双系统原生App界面比较l导航栏的差异性piOS标题居中pAndroid标题居左29/44iOS与Android系统
9、的差异n双系统原生App界面比较l标签栏位置piOS标签栏在下面pAndroid标签栏在上面30/44iOS与Android系统的差异n双系统原生App界面比较l其他31/44iOS与Android系统的差异n双系统原生App界面比较-总结liOS的界面视觉更轻盈，更细腻交互上更拟物，更贴近现实lAndroid在界面上保留一定的质感和重量l强调与其他竞争对手的差异性l界面视觉风格差异越来越小l交互方式越来越雷同32/44iOS与Android系统的差异n一稿适配的方法l双系统启动图标推荐设计尺寸p1024x1024pxp统一采用顶部光源l双系统推荐默认中文字体p华文细黑、苹方、冬青黑体、方正兰
10、亭33/44n一稿适配的方法l可以采用750 x1334px设计l其他尺寸屏幕可以通过尺寸修改，或者放大1.5倍来进行适配iOS与Android系统的差异放大1.5倍尺寸扩展尺寸修改750 x1334 px2xiPhone6，6S,7,81242x2208 px3xiPhonePlus640 x960 px2xiPhone4,4S640 x1136 px2xiPhone5，5S,SE720 x1280 pxxhdpi1080 x1920 pxxxhdpi1125x2436 px3xiPhoneXAndroid系统手机iOS系统手机放大1.5倍尺寸扩展尺寸修改34/44iOS与Android系统
11、的差异n为考虑适配，所有按钮和可点击区域的尺寸，必须是4的倍数！n建立合适自己的网格系统35/44iOS与Android系统的差异n双系统App界面设计的注意要点l一般来说，导航栏差异较大p一级页面中，iOS标题居中p一级页面中，Andorid标题居左36/44iOS与Android系统的差异n双系统App界面设计的注意要点l一般来说，导航栏差异较大p二级页面比较37/44iOS与Android系统的差异n双系统App界面设计的注意要点lAndroid规范并不严格可以统一按照iOS规范要求来做38/44目录n医疗类App相关理论n一号药店项目需求分析n一号药店启动图标设计niOS与Androi
12、d系统的差异n一号药店首页界面设计39/44演示案例演示案例：一号药店首页界面设计n需求描述：l完成一号要点首页界面设计l界面设计尺寸：7501334px或10801920pxl分辨率：72ppil中文字体：华文细黑l拟物风格，体现医疗类App特点，符合主要用户的审美偏好40/44演示案例演示案例：一号药店首页界面设计n实现思路：l新建文件，使用矩形工具或标尺分割页面，做出基本布局l一次设计界面中的各个元素l使用图层样式、及图层叠加为各界面元素增加拟物化效果l注意光源的统一与细节的展示41/44本章总结n双系统下的设计规范有哪些需要注意的？n采用何种尺寸进行设计，更利于双系统下的适配？42/44本章作业本章作业n完成一号药店启动图标、首页绘制n根据首页线框图，重新绘制一号药店首页设计，要求：l更改为扁平化风格或微质感风格l符合医疗类App的用户审美偏好n请教员根据班级情况布置预习43/44