2016年移动端UI界面设计风格调研

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