Big Surからの四角いアイコン / Rounded Rectangle Icons since Big Sur

by 1024jp

Slide 1

Slide 1 text

題: 場所: 日付: #JH4VS͔Βͷ࢛͍֯ΞΠίϯ NBD04OBUJWF4ZNQPTJVN ೥݄೔ KQ 発表者:

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

macOS native #JH4VS͔Βͷ࢛͍֯ΞΠίϯ ©2022 1024jp )VNBO*OUFSGBDF(VJEFMJOFT 1. Design a beautiful icon that clearly represents your app. 2. Embrace simplicity. 3. Establish a single focus point. 4. To give people a familiar and consistent experience, prefer a design that works well across multiple platforms. 5. Consider depicting a familiar tool to communicate what people use your app to do. 6. Make real objects look real. 7. If text is essential for communicating your app’s purpose, consider creating a graphic abstraction of it. 8. To depict photos or parts of your app’s UI, create idealized images that emphasize the features you want people to notice. 9. Don’t use replicas of Apple hardware products. 10. Use the drop shadow in the icon-design template. 11. Consider using interior shadows and highlights to add definition and realism. 12. Avoid defining contours that suggest a shape other than a rounded rectangle. 13. Consider adding a slight glow just inside the edges of your icon. 14. Keep primary content within the icon grid bounding box; keep all content within the outer bounding box.

Slide 11

Slide 11 text

macOS native #JH4VS͔Βͷ࢛͍֯ΞΠίϯ ©2022 1024jp )VNBO*OUFSGBDF(VJEFMJOFT 1. ΞϓϦέʔγϣϯΛ໌֬ʹࣔ͢ඒ͍͠ΞΠίϯΛσ βΠϯ͢Δ 2. γϯϓϧʹ͢Δ 3. য఺Λ̍ͭʹߜΔ 4. ਌͠Έ΍͘͢Ұ؏ͨ͠ମݧΛ༩͑ΔͨΊʹɺෳ਺ͷ ϓϥοτϑΥʔϜͰػೳ͢ΔσβΠϯ͕๬·͍͠ 5. ΞϓϦέʔγϣϯͷػೳΛྨਪͰ͖ΔΑ͏ʹ਎ۙͳ πʔϧΛඳ͘ 6. ࣮ଶͷ͋Δ෺͸ϦΞϧʹඳ͘ 7. ΞϓϦέʔγϣϯͷ༻్Λ఻͑ΔͨΊʹςΩετ͕ ෆՄܽͳ৔߹͸ɺάϥϑΟοΫΛந৅Խ͢Δ͜ͱΛ ৺͕͚Δ 8. ࣸਅ΍UIͷҰ෦Λඳը͢Δ৔߹͸ɺ஫໨͍ͤͨ͞ಛ ௃Λڧௐͨ͠ը૾Λ࡞੒͢Δ 9. Appleͷϋʔυ΢ΣΞΛ໛฿͠ͳ͍ 10. ΞΠίϯςϯϓϨʔτͷυϩοϓγϟυ΢Λ࢖͏ 11. ಺ଆͷӨ΍ϋΠϥΠτΛ༻͍ͯɺϦΞϧ͞Λ௥Ճ͢ Δ 12. ؙ࢛֯֯Ҏ֎ͷγϧΤοτΛࣔࠦ͢ΔΑ͏ͳܗঢ়Λ ༩͑ͳ͍ 13. ΞΠίϯͷΤοδͷ಺ଆʹϋΠϥΠτΛ௥Ճ͢Δ͜ ͱΛݕ౼͢Δ 14. ओཁͳίϯςϯπ͸಺ଆͷό΢ϯσΟϯάϘοΫε ʹೲΊɺશͯͷίϯςϯπΛը૾಺ʹऩΊΔ

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

macOS native #JH4VS͔Βͷ࢛͍֯ΞΠίϯ ©2022 1024jp )VNBO*OUFSGBDF(VJEFMJOFT ͓͞Β͍ 1. ΞϓϦέʔγϣϯΛ໌֬ʹࣔ͢ඒ͍͠ΞΠίϯΛσ βΠϯ͢Δ 2. γϯϓϧʹ͢Δ 3. য఺Λ̍ͭʹߜΔ 4. ਌͠Έ΍͘͢Ұ؏ͨ͠ମݧΛ༩͑ΔͨΊʹɺෳ਺ͷ ϓϥοτϑΥʔϜͰػೳ͢ΔσβΠϯ͕๬·͍͠ 5. ΞϓϦέʔγϣϯͷػೳΛྨਪͰ͖ΔΑ͏ʹ਎ۙͳ πʔϧΛඳ͘ 6. ࣮ଶͷ͋Δ෺͸ϦΞϧʹඳ͘ 7. ΞϓϦέʔγϣϯͷ༻్Λ఻͑ΔͨΊʹςΩετ͕ ෆՄܽͳ৔߹͸ɺάϥϑΟοΫΛந৅Խ͢Δ͜ͱΛ ৺͕͚Δ 8. ࣸਅ΍UIͷҰ෦Λඳը͢Δ৔߹͸ɺ஫໨͍ͤͨ͞ಛ ௃Λڧௐͨ͠ը૾Λ࡞੒͢Δ 9. Appleͷϋʔυ΢ΣΞΛ໛฿͠ͳ͍ 10. ΞΠίϯςϯϓϨʔτͷυϩοϓγϟυ΢Λ࢖͏ 11. ಺ଆͷӨ΍ϋΠϥΠτΛ༻͍ͯɺϦΞϧ͞Λ௥Ճ͢ Δ 12. ؙ࢛֯֯Ҏ֎ͷγϧΤοτΛࣔࠦ͢ΔΑ͏ͳܗঢ়Λ ༩͑ͳ͍ 13. ΞΠίϯͷΤοδͷ಺ଆʹϋΠϥΠτΛ௥Ճ͢Δ͜ ͱΛݕ౼͢Δ 14. ओཁͳίϯςϯπ͸಺ଆͷό΢ϯσΟϯάϘοΫε ʹೲΊɺશͯͷίϯςϯπΛը૾಺ʹऩΊΔ