新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)

新しいデザインの難しさ（公開版）
macOS native Symposium #11 の講演で用いた資料の公開版です。

https://macos-native.github.io
https://macos-native.connpass.com/event/358680/

Transcript

1. macos-native.github.io 2025.7.12 ৽͍͠σβΠϯͷ೉͠͞ © 2025 usagimaru macOS native Symposium #11 usagimaru #macosnative OS 26σβΠϯݴޠͷཧղɺಓ൒͹ @usagimaruma clickandmagic.com
2. © 2025 usagimaru ιϑτ΢ΣΞσβΠφʔ / σϕϩούʔ usagimaru גࣜձࣾλΠϜϥϘ @usagimaruma ؙ
   ྯཬ MARU Satori ! ! / ιϑτ΢ΣΞσβΠϯ UI / ৘ใΞʔΩςΫνϟ / ΠϯλϥΫγϣϯ ओʹAppleϓϥοτϑΥʔϜͰͷΞϓϦ։ൃ ߨԋɺࣥචɺmacOS nativeӡӦ΄͔ ιϑτ΢ΣΞΤϯδχΞϦϯά ίϛϡχέʔγϣϯ ex גࣜձࣾάουύον @usagimaru clickandmagic.com
3. © 2025 usagimaru ࠂ஌
4. © 2025 usagimaru
5. © 2025 usagimaru モデルベースUIデザイン 構造化UIと情報設計の⽅法論 ᠳӭࣾ ྩ࿨7೥7݄7೔ΑΓɺ֤ॻళʹͯࢴ൛ɾిࢠ൛Λൃചத " ISBN978-4-7981-8268-1 https://www.shoeisha.co.jp/book/detail/9784798182681
6. © 2025 usagimaru Calico Team, Timelab Inc.
7. © 2025 usagimaru Calico Team, Timelab Inc.
8. © 2025 usagimaru Calico Team, Timelab Inc.
9. © 2025 usagimaru Calico Team, Timelab Inc.
10. © 2025 usagimaru Calico Team, Timelab Inc.
11. © 2025 usagimaru Calico Team, Timelab Inc. Apple Studio Display @60Hz I-O Data GigaCrysta GCU271HXA @144Hz
12. © 2025 usagimaru https://calicocat.app TestFlightʹ޲͚ͯӶҙ੍࡞த Calico Team, Timelab Inc. #$%& '
13. © 2025 usagimaru https://calicocat.app #$%& ' TestFlightʹ޲͚ͯӶҙ੍࡞த Calico Team, Timelab Inc.
14. © 2025 usagimaru ' CalicoʹؔΘΔԿ͔͕ iOSDCͰൃද͞ΕΔΒ͍͠……ʁ Calico Team, Timelab Inc. https://fortee.jp/iosdc-japan-2025/proposal/ c5ee3a90-1624-4912-8e52-c8049869d3b8
15. © 2025 usagimaru Calico Team, Timelab Inc. https://x.com/CalicoApp https://mastodon.social/@calicoapp ϑΥϩʔΛΑΖ͓͘͠ئ͍͠·͢ @CalicoApp @calicoapp@mastodon.social Mastodon X (Twitter)
16. macos-native.github.io 2025.7.12 ৽͍͠σβΠϯͷ೉͠͞ © 2025 usagimaru macOS native Symposium #11 usagimaru #macosnative OS 26σβΠϯݴޠͷཧղɺಓ൒͹ @usagimaruma clickandmagic.com
17. l৽͍͠σβΠϯz © 2025 usagimaru
18. l৽͍͠σβΠϯz © 2025 usagimaru ≠ Liquid Glass
19. l৽͍͠σβΠϯz © 2025 usagimaru Unified Design Language Design System Liquid Glass Functional Layer Immersive Joyful & Delightful Dynamism Concentricity Hierarchy Content-First Harmony
20. © 2025 usagimaru AppleϓϥοτϑΥʔϜͷ“৽͍͠σβΠϯ”ΛͲ͏ݟΔ͔ https://note.com/usagimaruma/n/n31e6dbfff80f
21. © 2025 usagimaru
22. © 2025 usagimaru
23. © 2025 usagimaru 356 - Get to know the new design system https://developer.apple.com/videos/play/wwdc2025/356/
24. © 2025 usagimaru
25. © 2025 usagimaru Apple Human Interface Guidelines 2008-06 ͢΂ͯͷΠϯλʔϑΣΠεཁૉ͸ɺ ਅ্ʹڞ௨ͷޫݯΛ࣋ͪ·͢ɻ
26. © 2025 usagimaru
27. © 2025 usagimaru 45° 45° 90°
28. © 2025 usagimaru
29. © 2025 usagimaru Tahoe Sequoia Snow Leopard
30. © 2025 usagimaru ѻ͏ॻྨ ʴ ػೳΛද৅͢ΔΦϒδΣΫτ ࣸਅ Ϗϧυಓ۩ʢτϯΧνʣ ϒϧʔϓϦϯτ ୎্ϧʔϖ
31. © 2025 usagimaru ѻ͏ॻྨ ʴ ػೳΛද৅͢ΔΦϒδΣΫτ ࣸਅ Ϗϧυಓ۩ʢτϯΧνʣ ϒϧʔϓϦϯτ ୎্ϧʔϖ ॻྨʢϊʔτʣ ϖϯ
32. © 2025 usagimaru ΞϓϦͷ৅௃తͳҙঊΛΞΠίϯʹ͢Δ΂͖ʁʁ ॻྨʢϊʔτʣ ?? ϖϯ͕ফࣦ( Ϗϧυಓ۩ʢτϯΧνʣ ϒϧʔϓϦϯτ ୎্ϧʔϖ
33. © 2025 usagimaru
34. © 2025 usagimaru ?! ৺ిܭɺΦγϩείʔϓతͳϞχλʔ
35. © 2025 usagimaru
36. © 2025 usagimaru
37. © 2025 usagimaru
38. © 2025 usagimaru
39. © 2025 usagimaru 310 - Build an AppKit app with the new design https://developer.apple.com/videos/play/wwdc2025/310/
40. © 2025 usagimaru
41. © 2025 usagimaru
42. © 2025 usagimaru 10194 - Design dynamic Live Activities https://developer.apple.com/videos/play/wwdc2023/10194/
43. © 2025 usagimaru 809 - Designing iPad Apps for Mac https://developer.apple.com/videos/play/wwdc2019/809/ macOS: 13pt iOS: 17pt ج४ϑΥϯταΠζ
44. © 2025 usagimaru
45. © 2025 usagimaru ෺ ߦಈ ද͠΍͍͢ આ໌͠΍͍͢ ਤҊԽ͠΍͍͢ ෳࡶɾந৅త ୯Ұɾ۩ମత ಈ࡞Λද৅͢Δ΋ͷ͕ඞཁ ҹ৅ ϝλϑΝʔ Πϝʔδ ΞΠίϯදݱ આ໌͠ʹ͍͘ ਤҊԽ͠ʹ͍͘ ෺ʹ͸ͳΔ΂͘ ΞΠίϯΛ෇༩͢΂͖ ߦಈ͸ͳΔ΂͘ ςΩετͰද͢΂͖
46. © 2025 usagimaru ෺ ߦಈ ද͠΍͍͢ આ໌͠΍͍͢ ਤҊԽ͠΍͍͢ ෳࡶɾந৅త ୯Ұɾ۩ମత ಈ࡞Λද৅͢Δ΋ͷ͕ඞཁ ҹ৅ ϝλϑΝʔ Πϝʔδ ΞΠίϯදݱ આ໌͠ʹ͍͘ ਤҊԽ͠ʹ͍͘ ෺ʹ͸ͳΔ΂͘ ΞΠίϯΛ෇༩͢΂͖ ߦಈ͸ͳΔ΂͘ ςΩετͰද͢΂͖ OS 26
47. © 2025 usagimaru ෺ ߦಈ ද͠΍͍͢ આ໌͠΍͍͢ ਤҊԽ͠΍͍͢ ෳࡶɾந৅త ୯Ұɾ۩ମత ಈ࡞Λද৅͢Δ΋ͷ͕ඞཁ ҹ৅ ϝλϑΝʔ Πϝʔδ ΞΠίϯදݱ આ໌͠ʹ͍͘ ਤҊԽ͠ʹ͍͘ ෺ʹ͸ͳΔ΂͘ ΞΠίϯΛ෇༩͢΂͖ ߦಈʹ΋ͳΔ΂͘ ΞΠίϯΛ෇༩͢΂͖ OS 26
48. © 2025 usagimaru
49. © 2025 usagimaru
50. © 2025 usagimaru
51. © 2025 usagimaru
52. © 2025 usagimaru
53. © 2025 usagimaru
54. © 2025 usagimaru • ·ͩϕʔλ൛Ͱ͋Δʢ͕ɺେ͖͘มΘΔ͜ͱ͸ͳͦ͞͏ʣ • iOSͱͷجຊσβΠϯΛ౷Ұ͢Δ͜ͱ͸ਖ਼͍͠ํ޲ੑ • ಉ࣌ʹɺOSݻ༗ͷ׳श΍ಛ௃Λଚॏ͢΂͖Ͱ͋Δ • iOSͷൃ૝ͰmacOSͷಛ௃ʹखΛՃ͍͑ͯΔΑ͏ʹݟ͑Δ • ϢʔβϏϦςΟɺΞΫηγϏϦςΟ্ͷݒ೦͕ଟ͍ • 2ɺ3೥͔͚ͯམͪண͍͍ͯ͘ͷͰ͸ͳ͍͔ʁ
55. © 2025 usagimaru ࠶ࠂ஌
56. © 2025 usagimaru https://x.com/CalicoApp https://mastodon.social/@calicoapp “ϑΥϩʔத”Λఏ͍͍ࣔͯͨͩͨ͠ํʹઌணͰ ੿ஶ ·ͨ͸ CalicoεςοΧʔ Λ1্ͭࠩ͛͠·͢ɻ usagimaru·Ͱ͓੠͕͚͍ͩ͘͞ɻ w w ※͜Ε͸ߨԋ౰࣌ͷ΋ͷͰ͋Γɺ΋ͪΖΜݱࡏ͸ߦ͍ͬͯ·ͤΜɻ @CalicoApp @calicoapp@mastodon.social Mastodon X (Twitter)
57. © 2025 usagimaru