移动端ui界面设计风格调研.pptxVIP

;市场背景： iOS和Android、Windows Phone： Android占83.6%，iOS占比为12.3%。iOS和Android已经占据全球智能手机96%的市场份额。其他系统：Windows Phone，目前占比4.1%，小幅增长，而黑莓系统已经只剩下可怜的0.7%。其它操作系统合计0.1%。 Windows 和 MAC： 比例10分之一 ;设计背景： iOS和Android、Windows Phone、Windows 和 MAC界面表现形式不统一却又表达一样，或反之。 设计分工和数量复杂： 审美疲劳的变化，以及信息大爆炸，导致需要更多以人为本的设计理念和创新既实用的设计需求。 ;调研目的： iOS和Android、Windows Phone、Windows 和 MAC市面上不同的界面各有小异，取长补短，总结以此优化和设计出符合公司产品的界面设计风格，适合大众的用户产品。 ;Start; ;BREAK;UWP QQ ： ;UWP QQ ： ;Windows UWP 特点： 左右分布，随时可隐藏和展开，点击速度快 界面层级浅，操作简单，功能隐藏性少 对于操作复杂或层级太深的产品，设计需要分类和深思熟虑 搬套简单 图标主要刚硬线性为主 ;Windows UWP 总结： 改革开始菜单，使用体验提升 符合视觉热区热点 全新的窗口弹出动画，比较新鲜 增加PC和平板切换模式，解决了Win8/8.1一大弊端 界面更统一和简洁，颜色舒服单一 友情提示、引导暂时还没有做的很好 Windows UWP 优势： 移动终端与PC端的界面设计越来越统一，利于引导用户学习 这种设计的产品越来越多，对于数据内容庞大的的产品，分类清晰，一目了然，如：淘宝、汽车之家 界面设计简单，输出时间快 ; ;ios or android界面对比： ;ios or android界面对比： ;ios or android界面对比： ;ios or android界面对比： ;苹果和安卓系统自带交互动效： iOS： 弹性动画 逐帧动画 缓动动画 粒子动画 关键帧动画 路径动画 Android： 属性动画(Property） 逐帧动画(Drawable） 传统动画(View） ;苹果和安卓界面对比： iOS： 三种分辨率@1X/2X/3X 品牌性强，设计界面大都需根据苹果规范 Android： hdpi/xhdpi/xxhdpi/xxxhdpi 手机种类多，由于是开源设计约束力弱 一般公司移动端会在两者找个平衡点，做出相对符合产品的界面设计。大???分市面手机APP，都是根据一套APP设计稿做出适合不同平台终端的APP，重复性和高效性，有利于保留用户流量会减少用户学习成本，有利于公司的品牌的统一性和效应性。 ;苹果和安卓对比得： 1： iOS有更丰富多样的控件，比如开关控件，TAB控件； 2：Android碎片化屏幕分辨率的多样性，苹果只有5种。 3：固体按钮--返回键Android有home,，返回等固体返回键，现在新版本Android系统大多为虚体返回键。苹果只有HOME键。 ; ;规范的目的性： iOS和Android、Windows Phone： 以及各类基于Android深度定制的ROM（miui、flyme、ColorOS……） 统一约束第三方应用的设计与交互体验感受，降低用户学习使用成本； 统一跨平台的使用体验，降低用户跨平台学习使用成本； 提供规范统一的接口，降低开发者的设计成本。 ;未来设计的趋势： iOS和Android、Windows Phone： PC端的两大系统：MAC和Windows 界面图形普遍表达意义都雷同； 宽带和流量的普及，PC端响应式高清大图、3D表现。影视特效展示； 手机端CPU质量以及AMD随之提升，运行的速度加快，PC端的会经过设计压缩在手机端展示； 界面动画效果，深入用户体验，每一个动效都有他的理由； 交互层级一般3层，显示明显，方便返回； 颜色大部分留白or色块化，清晰，产品设计趋势逐步统一； 由于手机屏幕的大小限制，界面设计还是会有与PC端不同，iPad端才会已在现在用的功能已经与PC端的功能靠近。 ;根据我们产品总结： 我们公司主要做视频交流和商务办公的软件开发，用户集中在中小型企业，软件沟通的目地：提高职场人工作效率和轻松办公。 界面颜色：以冷色调为主，或无色系（给人以沉静和稳重、谨慎。当不能给人过多的压抑； 菜单框架：WUP的功能主要集中在左菜单收缩框内，没有过多的用户选择。（如银川项目，还需要在重新排序和分类别整理。） 界面设计：宽图标表达明确，界面极简、清晰； 硬件考虑：手机APP端与PC端不能程序交互上不能实现一样，为了提高品牌的独