まだピクセルで消耗してるの？

※ SlideShare で過去に公開していたものをこちらに引っ越しました。

2015年11月28日 第26回リクリセミナー「天下分け目のベクター祭り SVGじゃ！ Illustratorを持てい！」で登壇した時のスライドです。

Web デザインに Illustrator を用いる時に注意して欲しいポイントなどを紹介しました。

Transcript

2. ͜Μʹͪ͸ɺ͋ΘΏ͖ Ͱ͢ɻ
3. ޷͖ͳΞυϏ͸ʔʁ
4. N OW ON SALE !
5. ຊ೔͸͝ࢀՃΛ͍͖ͨͩʜ
6. ੣ʹ͋Γ͕ͱ͏͍͟͝ŲƄŲőŕ
7. ࠓ೔ͷ͓࿩
9. ͳͥɺࠓɺϕΫλʔʁ
10. σόΠεͱ͔͍͏΍ͭ
11. ͲΜ͚ͩ૿͑Δͷʜʜ
12. ʮϞϊʯ ʹ΋೿ੜ͢Δ͠
13. Ռͯ͠ͳ͍ʜ
14. ग़ൃ఺͕ϏοτϚοϓܗࣜͩͱʜ
15. ಉ͡΋ͷΛ࡞Γ௚͢͜ͱ΋ʜ
16. ফ໣ʜ
17. ͦΜͳࠓͦ͜ Vector Graphics
18. ϕΫλʔͱ Web ͷؔΘΓ͔ͨ
19. ϕΫλʔ ͱ Web σβΠϯ
20. ࢖͏ ϕΫλʔΛ ࢖͏
21. SVG
22. ʮը૾ʯͱͯ͠αΠτͰѻ͏
23. ࡞Δ ϕΫλʔͰ ࡞Δ
24. ϕΫλʔͰʮσβΠϯ͢Δʯ
25. ϕΫλʔπʔϧͷ୅ද֨͸ Web σβΠϯʹ ʮదͯ͠ʯ ͍Δ͔ʁ
26. Web σβΠϯʹ࠷௿ݶඞཁ
27. ͞ΒʹʮΑ͍ͱ͜Ζʯ
28. ͪΐͬͱݟͯΈΑ ʂ
29. ϕΫλʔπʔϧͷ୅ද֨͸ Web σβΠϯʹదͯ͠ ʮ͍Δʯ ʂ
30. Ai Ͱ Web σβΠϯ ઃఆͱ͔ฤ
31. ઃ ఆ ϐΫηϧʹ੔߹ͤ͞Δ
32. ϐΫηϧάϦου ͱ͍͑͹ʜ
33. ʰϐΫηϧάϦουʹ੔߹ʱΦϓγϣϯ
34. ʰϐΫηϧάϦουʹ੔߹ʱΦϓγϣϯ
35. ʜଞͷઃఆͰʂ
36. ϐΫηϧϓϨϏϡʔͰ࡞ۀ͢Δ
37. Ωʔೖྗͷ୯Ґ͸ʰϐΫηϧʱ
38. ϓϨϏϡʔڥք͸࢖༻͠ͳ͍
39. ઢ෯ͱޮՌ͸ϦαΠζʹ௥ैͤ͞ͳ͍
40. ୯Ґ͸ͱʹ͔͘ʰϐΫηϧʱʂ
41. ୯Ґ͸ͱʹ͔͘ʰϐΫηϧʱʂ
42. ͳͲͳͲ
43. ૢ ࡞ ϐΫηϧʹ੔߹ͤ͞Δ
44. ʦมܗʧύωϧΛৗʹ֬ೝ
45. ఆنͷݪ఺͸ઈରʹҠಈͤ͞ͳ͍
46. ΞʔτϘʔυͷ࠲ඪ΋੔਺஋ px Ͱ
47. ͦͷଞ͍Ζ͍Ζ
48. ͜Μͳ࿩Λ͓͖ͯͭͭ͠ʜ
49. ϕΫλʔͰʮ࢖͏ʯͷʹɺ ϐΫηϧͬͯؔ܎͋Δͷʁ
50. ϕΫλʔͰʮ࢖͏ʯͱ͖΋େࣄ
52. Ai Ͱ Web σβΠϯ ศརฤ
53. Ai Ͱศརʹʜ
54. ͓௚͠ ศརʹʜ
55. جຊߏ଄Λյͣ͞ʹ࡞Ε͹ʜ
56. ෳ߹γΣΠϓͰɺ͚ͬͭͣ͘ʹ͚ͬͭ͘Δ
57. ΞϐΞϥϯεͰجຊߏ଄Λอͬͯ૷০
58. ͦ͏͍͑͹ʜ
59. ΞϐΞϥϯεɺ ۤखͩͬͨΓ͠·ͤΜ͔ʁ
60. ΞϐΞϥϯεͱ஥ྑ͘ͳΔͨΊʹ
61. ࢖͍ճ͠ ศརʹʜ
62. ελΠϧؔ܎
63. γϯϘϧ
64. 9 εϥΠεͰ෦෼తʹ৳ͼॖΈ
65. ·ͱΊ
66. ͪΐͬͱ˓˓ඳ͍ͯ͘ Δ
67. ϕΫλʔσʔλΛ࡞ΔσϞ
68. ݟͲ͜Ζ
69. ͪΐͬͱݟͯΈΑ ʂ
70. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ