Submit Search
Upload
Android 5.0 & ios8
•
0 likes
•
70 views
Julie liu
Follow
In 2014, Android Material Design posted. I want to shre this design language to you.
Read less
Read more
Design
Report
Share
Report
Share
1 of 27
Recommended
Ui gathering(視覺設計)
Ui gathering(視覺設計)
Winnie Chiang
多媒体互动手段
多媒体互动手段
yybbyyy
宜昇科技簡介_ 沉浸式虛擬實境(VR)研發展示平台
宜昇科技簡介_ 沉浸式虛擬實境(VR)研發展示平台
Celia Hsu
宜昇科技簡介_無縫投影拼接電視牆系統
宜昇科技簡介_無縫投影拼接電視牆系統
Celia Hsu
擴增實境發展與就業趨勢
擴增實境發展與就業趨勢
Hui-Ming Hsieh
映墨VR眼镜智能硬件创业计划书(28页)艾德唯思.pdf
映墨VR眼镜智能硬件创业计划书(28页)艾德唯思.pdf
JimHong8
交互设计的基本概念,规则,具体流程,交互设计的行为与方式,用户研究方法,可用性测试
交互设计的基本概念,规则,具体流程,交互设计的行为与方式,用户研究方法,可用性测试
wdcsz2
Gui Conclusion2
Gui Conclusion2
Yao Lining
Recommended
Ui gathering(視覺設計)
Ui gathering(視覺設計)
Winnie Chiang
多媒体互动手段
多媒体互动手段
yybbyyy
宜昇科技簡介_ 沉浸式虛擬實境(VR)研發展示平台
宜昇科技簡介_ 沉浸式虛擬實境(VR)研發展示平台
Celia Hsu
宜昇科技簡介_無縫投影拼接電視牆系統
宜昇科技簡介_無縫投影拼接電視牆系統
Celia Hsu
擴增實境發展與就業趨勢
擴增實境發展與就業趨勢
Hui-Ming Hsieh
映墨VR眼镜智能硬件创业计划书(28页)艾德唯思.pdf
映墨VR眼镜智能硬件创业计划书(28页)艾德唯思.pdf
JimHong8
交互设计的基本概念,规则,具体流程,交互设计的行为与方式,用户研究方法,可用性测试
交互设计的基本概念,规则,具体流程,交互设计的行为与方式,用户研究方法,可用性测试
wdcsz2
Gui Conclusion2
Gui Conclusion2
Yao Lining
Gui Conclusion2
Gui Conclusion2
guest801da4
GUI conclusion
GUI conclusion
guest284a0e
Smart TV 技術簡介 for TEX Workshop
Smart TV 技術簡介 for TEX Workshop
NTUST
一起移动吧 交互篇
一起移动吧 交互篇
time zhong
AR20220314.pptx
AR20220314.pptx
herberthsieh
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验
PMCamp
UI DESIGN入门讲座
UI DESIGN入门讲座
Tisa Fu
UCD在游戏行业中的生存与发展
UCD在游戏行业中的生存与发展
top idea
UiGathering Talk - Motion User Interface / by Ivan Wei
UiGathering Talk - Motion User Interface / by Ivan Wei
UXTW(Taiwan User Experience Professional Association)
App design process part III
App design process part III
NTUST
Arduino Base Introduction
Arduino Base Introduction
Leo Yeh
ICT-old-ch12-converted.pptx
ICT-old-ch12-converted.pptx
liutommy1
互动设计的方法初探
互动设计的方法初探
yaai
More Related Content
Similar to Android 5.0 & ios8
Gui Conclusion2
Gui Conclusion2
guest801da4
GUI conclusion
GUI conclusion
guest284a0e
Smart TV 技術簡介 for TEX Workshop
Smart TV 技術簡介 for TEX Workshop
NTUST
一起移动吧 交互篇
一起移动吧 交互篇
time zhong
AR20220314.pptx
AR20220314.pptx
herberthsieh
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验
PMCamp
UI DESIGN入门讲座
UI DESIGN入门讲座
Tisa Fu
UCD在游戏行业中的生存与发展
UCD在游戏行业中的生存与发展
top idea
UiGathering Talk - Motion User Interface / by Ivan Wei
UiGathering Talk - Motion User Interface / by Ivan Wei
UXTW(Taiwan User Experience Professional Association)
App design process part III
App design process part III
NTUST
Arduino Base Introduction
Arduino Base Introduction
Leo Yeh
ICT-old-ch12-converted.pptx
ICT-old-ch12-converted.pptx
liutommy1
互动设计的方法初探
互动设计的方法初探
yaai
Similar to Android 5.0 & ios8
(13)
Gui Conclusion2
Gui Conclusion2
GUI conclusion
GUI conclusion
Smart TV 技術簡介 for TEX Workshop
Smart TV 技術簡介 for TEX Workshop
一起移动吧 交互篇
一起移动吧 交互篇
AR20220314.pptx
AR20220314.pptx
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验
UI DESIGN入门讲座
UI DESIGN入门讲座
UCD在游戏行业中的生存与发展
UCD在游戏行业中的生存与发展
UiGathering Talk - Motion User Interface / by Ivan Wei
UiGathering Talk - Motion User Interface / by Ivan Wei
App design process part III
App design process part III
Arduino Base Introduction
Arduino Base Introduction
ICT-old-ch12-converted.pptx
ICT-old-ch12-converted.pptx
互动设计的方法初探
互动设计的方法初探
Android 5.0 & ios8
1.
2.
A. 新的视觉设计语言,能够遵循优秀设计的经典定则,同时还伴有创新理 念和新的 科技 B.构建跨平台和超越设备尺寸的统一体验
3.
Video
4.
5.
6.
1.1. 真实的动作(Authentic Motion) 动作真实的特性,如优雅、简约、美观和神奇的无缝的用户体验
7.
1.2. 响应式交互 触控涟漪-拖进/拖出 Android L的灵感来自纸张和墨水
8.
1.3.有意义的转场动画 新入元素(Incoming elements) 淡出元素(Outgoing elements) 通用元素(Shared
elements) 视觉连贯性 (使用纸片叠加方式避免瞬间切屏) 用递次的动画引导用户注意力
9.
示例
10.
1.4. 让用户愉悦的细节
11.
12.
2.1. 色彩—color 大胆的颜色表达激活了色彩,与单调乏味的周边环境形成鲜明的对比。强 调大胆的阴影和高光。引出意想不到且充满活力的颜色。
13.
两种主题:浅色 / 深色
14.
2.2. 字体排版—layout Android系统的默认字体集Roboto; 最基本的字体样式集合基于12、14、16、20和34号的字体排版
15.
2.3. 图标—icon 网格, 比例和大小
/ 圆角 / 一致性(一致性非常重要.尽可能的使用系统中 提供的图标能保证不同应用间的一致)
16.
2.4. 图像—imagery
17.
个人关联 使用令人回味的影像来建立与应用程序的情感联系 信息 传达特定的信息。以便于理解的方式来创建智能的感官体验 闪光点 用相关图像以一种意想不到的方式来取悦用户,使对方觉得不可思议 远离图片库(Stay away from
stock) 拥有一个关注点 构建叙事(Build narratives) 不要过度修改 分辨率
18.
19.
20.
21.
22.
23.
手势 单击 /双击 /
长按/ 长按拖移/双击拖移/捏放/捏合/双指触摸
24.
浮动操作按钮 有两种尺寸的浮动操作按钮:默认大小和较小的 浮动操作按钮应该能够代表这个APP中的主要操作
25.
浮动操作按钮——使用方式 浮动操作按钮应该能够代表这个APP中的主要操作;
26.
浮动操作按钮——使用方式 不要在对话框中使用浮动按钮,去使用扁平的按钮
27.
谢谢!