Neumorphism x Liquid Glass

Transcript

1. Liquid Glass Neumorphism Redefining the Evolution of Future Design System @dongdong867 x
2. Dong @dongdong867 # Experience iOS Intern @LINE Tech Lead/ Full Stack Dev @OpenNCCU # Education Master/ Bachelor of MIS @NCCU
3. Disclaimer The views in this presentation are my own. Design has no single “correct” answer — people may interpret the same design differently, and different theoretical frameworks can lead to completely different conclusions. Today’s agenda presents my perspectives and interpretations. If you have alternative views after the talk, that’s completely normal. It’s very welcome to have a discuss after the session.
4. Before start, here’s some questions.
7. What is a good design?
8. TL;DR
9. TL;DR Good designs match the “immediate” needs of users.
10. What does good design solved?
11. Aqua Since 2001
12. Aqua, the architecture of Mac OS X
13. Skeuomorphism Since 2007
15. Flat Design Since 2014
17. Minimalism
18. Minimalism Less is More
20. Over design is causing distraction
21. Remove overused shadows over-vivid/ complex color usages unnecessary elements in-view
22. Remove overused shadows over-vivid/ complex color usages unnecessary elements in-view
23. Remove overused shadows over-vivid/ complex color usages unnecessary elements in-view
24. essentials and only essentials views simple and intuitive Keep
25. essentials and only essentials views simple and intuitive Keep
27. 􀎡 apple.com
28. Is that it?
29. What does skeuomorphism wants to solve?
30. What does skeuomorphism wants to solve? Minimize the difficulty in adapting to the product.
31. What does skeuomorphism wants to solve? Minimize the difficulty in adapting to the product. Isn't this important anymore?
32. Yes, but only in some parts
33. Yes, but only in some parts Button Text Field 􀁡
34. Why do we need a new design system?
35. Why do we need a new design system? Pursuing ultimate user experience
37. Why do we need a new design system? Transferring from intuitive to affordance. Pursuing ultimate user experience
38. Why do we need a new design system? Transferring from intuitive to affordance. Pursuing ultimate user experience
39. Why do we need a new design system? Transferring from intuitive to affordance. Pursuing ultimate user experience Breaking through the fourth wall
40. Why do we need a new design system? Transferring from intuitive to affordance. Pursuing ultimate user experience
41. Button Text Field 􀁡
42. 􀊫 App Library Lights
43. 􀊫 App Library Lights
44. Flat design depends on the overall UI context.
45. What will happen if we move the UI into Vision Pro?
46. User may feel disconnected What will happen if we move the UI into Vision Pro?
47. User may feel disconnected Intuitive is not reliable anymore What will happen if we move the UI into Vision Pro?
48. User may feel disconnected Intuitive is not reliable anymore What will happen if we move the UI into Vision Pro? So, what’s the Apple way?
49. Neumorphism Liquid Glass
50. What is Neumorphism?
51. A concept born from the deep integration of What is Neumorphism? Lights and Shadows Spatial Perception Psychology
52. Isn't it the same as Skeuomorphism?
53. Skeuomorphism Neumorphism is mimicking real-world objects emulates physical objects from concept itself
54. “Why-first” design principle 加一點問題的例子
55. Component itself tells the story
56. 􀊫 App Library Lights
57. 􀊫 App Library Lights Lights
58. Let's see how the Pros do
60. Liquid Glass Where motion makes design alive
61. How liquid represents meaning How glass conveys context Liquid Glass
62. How liquid represents meaning Liquid is not about looking cool it’s about keeping continuous between actions
63. How glass conveys context Glass is not about decoration it's about how to match user’s expectation
64. Neumorphism and Liquid Glass are not opposed
66. Good design always goes with the user