SlideShare a Scribd company logo
1 of 27
A. 新的视觉设计语言,能够遵循优秀设计的经典定则,同时还伴有创新理
念和新的 科技
B.构建跨平台和超越设备尺寸的统一体验
Video
1.1. 真实的动作(Authentic Motion)
动作真实的特性,如优雅、简约、美观和神奇的无缝的用户体验
1.2. 响应式交互
触控涟漪-拖进/拖出
Android L的灵感来自纸张和墨水
1.3.有意义的转场动画
新入元素(Incoming elements)
淡出元素(Outgoing elements)
通用元素(Shared elements)
视觉连贯性 (使用纸片叠加方式避免瞬间切屏)
用递次的动画引导用户注意力
示例
1.4. 让用户愉悦的细节
2.1. 色彩—color
大胆的颜色表达激活了色彩,与单调乏味的周边环境形成鲜明的对比。强
调大胆的阴影和高光。引出意想不到且充满活力的颜色。
两种主题:浅色 / 深色
2.2. 字体排版—layout
Android系统的默认字体集Roboto;
最基本的字体样式集合基于12、14、16、20和34号的字体排版
2.3. 图标—icon
网格, 比例和大小 / 圆角 / 一致性(一致性非常重要.尽可能的使用系统中
提供的图标能保证不同应用间的一致)
2.4. 图像—imagery
个人关联
使用令人回味的影像来建立与应用程序的情感联系
信息
传达特定的信息。以便于理解的方式来创建智能的感官体验
闪光点
用相关图像以一种意想不到的方式来取悦用户,使对方觉得不可思议
远离图片库(Stay away from stock)
拥有一个关注点
构建叙事(Build narratives)
不要过度修改
分辨率
手势
单击 /双击 / 长按/ 长按拖移/双击拖移/捏放/捏合/双指触摸
浮动操作按钮
有两种尺寸的浮动操作按钮:默认大小和较小的
浮动操作按钮应该能够代表这个APP中的主要操作
浮动操作按钮——使用方式
浮动操作按钮应该能够代表这个APP中的主要操作;
浮动操作按钮——使用方式
不要在对话框中使用浮动按钮,去使用扁平的按钮
谢谢!

More Related Content

Similar to Android 5.0 & ios8

Smart TV 技術簡介 for TEX Workshop
Smart TV 技術簡介 for TEX WorkshopSmart TV 技術簡介 for TEX Workshop
Smart TV 技術簡介 for TEX WorkshopNTUST
 
一起移动吧 交互篇
一起移动吧 交互篇一起移动吧 交互篇
一起移动吧 交互篇time zhong
 
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验包季真 移动互联网的用户体验
包季真 移动互联网的用户体验PMCamp
 
UI DESIGN入门讲座
UI DESIGN入门讲座UI DESIGN入门讲座
UI DESIGN入门讲座Tisa Fu
 
UCD在游戏行业中的生存与发展
UCD在游戏行业中的生存与发展UCD在游戏行业中的生存与发展
UCD在游戏行业中的生存与发展top idea
 
App design process part III
App design process part IIIApp design process part III
App design process part IIINTUST
 
Arduino Base Introduction
Arduino Base IntroductionArduino Base Introduction
Arduino Base IntroductionLeo Yeh
 
ICT-old-ch12-converted.pptx
ICT-old-ch12-converted.pptxICT-old-ch12-converted.pptx
ICT-old-ch12-converted.pptxliutommy1
 
互动设计的方法初探
互动设计的方法初探互动设计的方法初探
互动设计的方法初探yaai
 

Similar to Android 5.0 & ios8 (13)

Gui Conclusion2
Gui Conclusion2Gui Conclusion2
Gui Conclusion2
 
GUI conclusion
GUI conclusionGUI conclusion
GUI conclusion
 
Smart TV 技術簡介 for TEX Workshop
Smart TV 技術簡介 for TEX WorkshopSmart TV 技術簡介 for TEX Workshop
Smart TV 技術簡介 for TEX Workshop
 
一起移动吧 交互篇
一起移动吧 交互篇一起移动吧 交互篇
一起移动吧 交互篇
 
AR20220314.pptx
AR20220314.pptxAR20220314.pptx
AR20220314.pptx
 
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验包季真 移动互联网的用户体验
包季真 移动互联网的用户体验
 
UI DESIGN入门讲座
UI DESIGN入门讲座UI DESIGN入门讲座
UI DESIGN入门讲座
 
UCD在游戏行业中的生存与发展
UCD在游戏行业中的生存与发展UCD在游戏行业中的生存与发展
UCD在游戏行业中的生存与发展
 
UiGathering Talk - Motion User Interface / by Ivan Wei
UiGathering Talk - Motion User Interface / by Ivan WeiUiGathering Talk - Motion User Interface / by Ivan Wei
UiGathering Talk - Motion User Interface / by Ivan Wei
 
App design process part III
App design process part IIIApp design process part III
App design process part III
 
Arduino Base Introduction
Arduino Base IntroductionArduino Base Introduction
Arduino Base Introduction
 
ICT-old-ch12-converted.pptx
ICT-old-ch12-converted.pptxICT-old-ch12-converted.pptx
ICT-old-ch12-converted.pptx
 
互动设计的方法初探
互动设计的方法初探互动设计的方法初探
互动设计的方法初探
 

Android 5.0 & ios8