際際滷

際際滷Share a Scribd company logo
UX/UI Design
Trends
Seminar 2019
1.
碁 企
谿 
襴殊 覩舎蓋
2019 UX/UI
Design Trends
Bold Colors
Colors will be even more
courageous, with designers using
supersaturated tones in their
work.
Gradients
With names like Apple or
Instagram using them in their
branding, this is definitely a
winning choice in 2019 as well.
Bold Fonts
With typography getting more
and more into the spotlight,
many giants, like Apple, choose
to make a statement trough bold
typography.
3
Broken Grid
broken grids can create a unique
creative layout.
Mobile First
With Google indexing mobile
responsive website first, mobile
websites are now a priority so
its no wonder that mobile first
design has become a trend.
Negative Space
Less is definitely more! We see
the usage of negative space in all
design fields, but mainly in web
design and app design.
Bold Colors
4
Gradients
5
Bold Fonts
6
Broken Grid
7
Mobile First
8
Negative Space
9
Design System
 Concept
 Reference
 Wireframe
 Design Draft
10
Concept-碁誤 螻
 瑚骸 覦 蟯螻
 螻糾螻 旧 譴
 る 語 蟆覿 
11
12
13
14
If a lion could talk, we
could not understand
him.
- Ludwig Wittgenstein
15
Wireframe-朱Μ 螻
 Wireframe = 覃 り
 企螳 覈 覃 り 覦
ろ
 覲 語  殊
襷豢蠍
 豕 UI螳  蟾讌 ろ
16
2.
DESIGNING FOR
MARKETERS
WITH EMPATHY
Facebook 願啓覦
Product Team
18
語 伎
螻糾企?
 螻糾企  レ 伎
螳螻 蟷企慨 蟆
 螻糾 覦 hidden needs /
basic needs襯 谿城 蟆 譴
 襦  螻糾 企螳
一危磯 郁規  襯
覦蠑碁 蟆  19
 誤  螻糾
豌襯    蠍一
 Self-serve Design
 B2C Design
 B2B Design
20
Self-serve Design
21
- Product designer 螳   語  蟆曙
B2C Design
22
-    螻螳 螻,   蠏 螻螳 蟆曙
B2B Design
23
- Product designer 螳 螳  蟆曙
螻糾 蠍  碁
24
  企 碁 覲企ゼ 給り 碁
 り骸 1:1 覩誤 覃伎 給り 碁
 願 誤  企慨り 碁
    譯朱 れ   蟆郁記 螳

 磯Μ  磯 襷貅 り骸 襷 り 碁
伎る   螳覦
 螻  覦覯
 Research Trip
 Shadowing
 Panel Discussion
 User Testing
25
3.
DESIGN WITH
SCALE, 14旧
 
Tencent 危譯
譴蟲 IT レ
覓誤 轟
 企 蠍  
 弴   
 れ 誤 覦
  螳 襤 譴
27
企 蠍  
28
 願 螳レ  蟆 襴 伎 豎 伎企.
弴   
29
 譴蟲 UX/UI 
語企 弰
襯  覈
蠍磯レ  觜れ
 願  蟆曙郁
襷.
れ 誤 覦
30
 譴蟲 轟煙 ろ碁 誤  覦 企糾鍵 覓語
QR 貊, 覲伎伎, 企語 煙朱 豌危.
瑚 襤
31
  蟲  襴觀磯  ろ 譴
 轟 襷 襭襯 讌危螻 
 轟 れ cctv襯 牛 譯朱逢 覲伎
2019 譴蟲
UX Trends
 Mini Program
 AI, Robot
 15豐 
32
Mini Program
33
 豎 螻  螳覦 螳 覲伎企 觜
  れ企 / 螳 / 襦蠏語 襦語り  伎
AI, Robot
34
 襴覦覦 襭覦企朱 覦磯  AI襯 覲伎
15豐 
35
 讌ъ 貊豸襯 譯朱   
螳螻   觜 (燕, , 貊一伎)
Less but better
 覿 譴蟲 style企.
 蟲 殊 一螳 譟伎讌襷
譴蟲 覈 殊  譴.
蟆磯朱 磯Μ螳 覃企 覲願 螳伎 譴蟲
UX/UI襯 蟆 覲 蟆 螳朱 螳 り 願
 碁襦 覲伎   
36
2019 觜
壱碁┝
觜れ UX/UI
碁 覿
Hyperconnect 蟾燕
觜 蟯
覩碁 譬襯
 覦+觜蠍
ex) 觚, 語ろ蠏碁, 訣襴
 覦+れ螳+讌瑚鍵覦
ex) る豈, 一ろ, 危
 覦+れ螳+觜 讌瑚鍵覦
ex) 襯, VIVO LIVE, 燕, HQ LIVE
38
襯 UI
39
襯伎 UI ろ 危, 襷, ろ瑚 る
煙 覲願鍵 ″   覩碁 觜
襯 UX
40
襯伎 UX レ 襴, 蠍一, 襷ル, 覲伎, , 貉豸,
MSG煙朱   .
 覩碁 觜る  ,  螳 豌願 貉豸願
蠏瑚 れ螳朱 覦.
 覲伎 危碁  襴 れ 豢.
   襴 覦讌 蠍一 牛 貉豸 襴磯ゼ 覲伎ロ伎.
  殊企襯  覦郁化 磯ゼ 螻牛蟇磯 焔 企慨 
蟆 譴.
   襦 襷り襖 螳ロ 蠍磯襯 譴.
  蠍磯レ 螳 貉るる, 覦襴, 襭 煙 讌朱 螳
手 .   覈   豈   蟆 .
蠍襦覯 觜るゼ 螻牛覃 蟆 蟆渚
41
 R to L 觜る 讌碁れ蟆 ろ誤蠍  蟲蠍  螳企襯
谿瑚覃 譬. [Google Material Design]
 蠍襦覯 觜れ願鍵 覓語 語願 牛讌  瑚記碁朱Μ 襷蟆 
蟆曙, 語襯 螳 讌企 伎朱 襷れ広襯 譟.
 譴讌 焔れ 殊 企 伎  覿企 蠍磯レ  一
.
 所鍵 磯ゼ 襷 襷れ 讌 蠍磯 觜れ襷  襾麹螻
觜讌 蠍磯 覈襯企  襷螳讌 蟆願鍵 覓語  牛讌
.
 蟲 手鬼 蠍一朱 譬襯 谿伎 手鬼語 危碁ゼ 襷れ
譴 讓曙朱 螳覃 手鬼語 讌 . 語覲 豌願規譟磯ゼ 螳
語 螻, 讌碁れ 手鬼襦 ろ 伎 .
Thanks!
Any questions?
42

More Related Content

UX/UI Trends Seminar 2019

  • 3. 2019 UX/UI Design Trends Bold Colors Colors will be even more courageous, with designers using supersaturated tones in their work. Gradients With names like Apple or Instagram using them in their branding, this is definitely a winning choice in 2019 as well. Bold Fonts With typography getting more and more into the spotlight, many giants, like Apple, choose to make a statement trough bold typography. 3 Broken Grid broken grids can create a unique creative layout. Mobile First With Google indexing mobile responsive website first, mobile websites are now a priority so its no wonder that mobile first design has become a trend. Negative Space Less is definitely more! We see the usage of negative space in all design fields, but mainly in web design and app design.
  • 10. Design System Concept Reference Wireframe Design Draft 10
  • 11. Concept-碁誤 螻 瑚骸 覦 蟯螻 螻糾螻 旧 譴 る 語 蟆覿 11
  • 12. 12
  • 13. 13
  • 14. 14
  • 15. If a lion could talk, we could not understand him. - Ludwig Wittgenstein 15
  • 16. Wireframe-朱Μ 螻 Wireframe = 覃 り 企螳 覈 覃 り 覦 ろ 覲 語 殊 襷豢蠍 豕 UI螳 蟾讌 ろ 16
  • 19. 語 伎 螻糾企? 螻糾企 レ 伎 螳螻 蟷企慨 蟆 螻糾 覦 hidden needs / basic needs襯 谿城 蟆 譴 襦 螻糾 企螳 一危磯 郁規 襯 覦蠑碁 蟆 19
  • 20. 螻糾 豌襯 蠍一 Self-serve Design B2C Design B2B Design 20
  • 21. Self-serve Design 21 - Product designer 螳 語 蟆曙
  • 22. B2C Design 22 - 螻螳 螻, 蠏 螻螳 蟆曙
  • 23. B2B Design 23 - Product designer 螳 螳 蟆曙
  • 24. 螻糾 蠍 碁 24 企 碁 覲企ゼ 給り 碁 り骸 1:1 覩誤 覃伎 給り 碁 願 誤 企慨り 碁 譯朱 れ 蟆郁記 螳 磯Μ 磯 襷貅 り骸 襷 り 碁
  • 25. 伎る 螳覦 螻 覦覯 Research Trip Shadowing Panel Discussion User Testing 25
  • 26. 3. DESIGN WITH SCALE, 14旧 Tencent 危譯
  • 27. 譴蟲 IT レ 覓誤 轟 企 蠍 弴 れ 誤 覦 螳 襤 譴 27
  • 28. 企 蠍 28 願 螳レ 蟆 襴 伎 豎 伎企.
  • 29. 29 譴蟲 UX/UI 語企 弰 襯 覈 蠍磯レ 觜れ 願 蟆曙郁 襷.
  • 30. れ 誤 覦 30 譴蟲 轟煙 ろ碁 誤 覦 企糾鍵 覓語 QR 貊, 覲伎伎, 企語 煙朱 豌危.
  • 31. 瑚 襤 31 蟲 襴觀磯 ろ 譴 轟 襷 襭襯 讌危螻 轟 れ cctv襯 牛 譯朱逢 覲伎
  • 32. 2019 譴蟲 UX Trends Mini Program AI, Robot 15豐 32
  • 33. Mini Program 33 豎 螻 螳覦 螳 覲伎企 觜 れ企 / 螳 / 襦蠏語 襦語り 伎
  • 34. AI, Robot 34 襴覦覦 襭覦企朱 覦磯 AI襯 覲伎
  • 35. 15豐 35 讌ъ 貊豸襯 譯朱 螳螻 觜 (燕, , 貊一伎)
  • 36. Less but better 覿 譴蟲 style企. 蟲 殊 一螳 譟伎讌襷 譴蟲 覈 殊 譴. 蟆磯朱 磯Μ螳 覃企 覲願 螳伎 譴蟲 UX/UI襯 蟆 覲 蟆 螳朱 螳 り 願 碁襦 覲伎 36
  • 37. 2019 觜 壱碁┝ 觜れ UX/UI 碁 覿 Hyperconnect 蟾燕
  • 38. 觜 蟯 覩碁 譬襯 覦+觜蠍 ex) 觚, 語ろ蠏碁, 訣襴 覦+れ螳+讌瑚鍵覦 ex) る豈, 一ろ, 危 覦+れ螳+觜 讌瑚鍵覦 ex) 襯, VIVO LIVE, 燕, HQ LIVE 38
  • 39. 襯 UI 39 襯伎 UI ろ 危, 襷, ろ瑚 る 煙 覲願鍵 ″ 覩碁 觜
  • 40. 襯 UX 40 襯伎 UX レ 襴, 蠍一, 襷ル, 覲伎, , 貉豸, MSG煙朱 . 覩碁 觜る , 螳 豌願 貉豸願 蠏瑚 れ螳朱 覦. 覲伎 危碁 襴 れ 豢. 襴 覦讌 蠍一 牛 貉豸 襴磯ゼ 覲伎ロ伎. 殊企襯 覦郁化 磯ゼ 螻牛蟇磯 焔 企慨 蟆 譴. 襦 襷り襖 螳ロ 蠍磯襯 譴. 蠍磯レ 螳 貉るる, 覦襴, 襭 煙 讌朱 螳 手 . 覈 豈 蟆 .
  • 41. 蠍襦覯 觜るゼ 螻牛覃 蟆 蟆渚 41 R to L 觜る 讌碁れ蟆 ろ誤蠍 蟲蠍 螳企襯 谿瑚覃 譬. [Google Material Design] 蠍襦覯 觜れ願鍵 覓語 語願 牛讌 瑚記碁朱Μ 襷蟆 蟆曙, 語襯 螳 讌企 伎朱 襷れ広襯 譟. 譴讌 焔れ 殊 企 伎 覿企 蠍磯レ 一 . 所鍵 磯ゼ 襷 襷れ 讌 蠍磯 觜れ襷 襾麹螻 觜讌 蠍磯 覈襯企 襷螳讌 蟆願鍵 覓語 牛讌 . 蟲 手鬼 蠍一朱 譬襯 谿伎 手鬼語 危碁ゼ 襷れ 譴 讓曙朱 螳覃 手鬼語 讌 . 語覲 豌願規譟磯ゼ 螳 語 螻, 讌碁れ 手鬼襦 ろ 伎 .