sketch.app 基礎講座

69173a1bf958c400fcda1e8dfb8b41a8?s=47 puzzeljp
August 01, 2015

sketch.app 基礎講座

15/07/25 @puzzeljp we-b inc.
アイコン素材:http://cl.ly/2w091v3n2b0j

69173a1bf958c400fcda1e8dfb8b41a8?s=128

puzzeljp

August 01, 2015
Tweet

Transcript

  1. TLFUDIBQQجૅߨ࠲ 1 5 / 0 7 / 2 5 @

    p u z z e l j p w e - b i n c . 1
  2. TLFUDIBQQͬͯ w ϕΫλʔ ֦େͯ͠΋Ԛ͘ͳΒͳ͍ʂ Ͱͭ͘ΕΔʂ w J1IPOFͷ6*ͳͲͬ͘͞ͱͭ͘ΕΔʂ w ॻ͖ग़َ͕͠؆୯ʂ w

    ಈ࡞͕͍ܰʂ1IPUPTIPQ࢖ͬͯΒΕͳ͍͘Β͍͔Δ͍ʂ TLFUDIBQQجૅߨ࠲ 2
  3. ࠓճ࡞Δͷ͸
 ΈΜͳ͝ଘ஌ ! 5XJUUFSͰ͢ɻ 
 "#ςετߦΘΕͯͯը໘ҧ͏͔΋Ͱ͕͢ɺ
 ίϨΛࢀߟʹ࡞͍͖ͬͯ·͠ΐ͏ɻ TLFUDIBQQجૅߨ࠲ 3

  4. ૣ଎্ཱͪ͛ͯΈΑ͏ʂ w جຊతʹ͸ӳޠ(6*Ͱ͕͢ɺ೉͍͠ӳޠ͸ͦΜͳʹͳ͍͸ͣʂস w γϣʔτΧοτ࢖͍·͘Γ·͢ʂ
 ˰֮͑·͠ΐ͏ w ࠓճ͸ɺجຊૢ࡞Λֶͼ·͠ΐ͏ʂ
 ͳΜͰʜ5XJUUFSBQQ 


    ςΩετ΍جຊతͳ6*ɺը૾΍৭ɺؙ֯ͳͲ͢΂ͯೖͬͯΔʂʂ TLFUDIBQQجૅߨ࠲ 4
  5. γϣʔτΧοτʢ͜Ε͚ͩ͸͓֮͑ͯ͜͏ʣ w ςΩετೖྗ<5> w ௕ํܗ<3> w ղআ<&TD> w ෳ੡<$NE> <%>

    w <4QBDF> τϥοΫύουͰΩϟϯόεΛಈ͔ͤ·͢ɻ TLFUDIBQQجૅߨ࠲ 5
  6. جຊతͳը໘Λ࡞͍͖ͬͯ·͢ʂ w ΞΠίϯ͸ͪ͜ΒͰ༻ҙ͍ͯ͠·͢ɻ
 Լه͔Βμ΢ϯϩʔυ͍ͯͩ͘͠͞ʂ
 IUUQDMMZXWOCK w TLFUDIʹը૾ΛೖΕΔͷ͸ɺυϥοΫΞϯυυϩοϓͰ͢ʂ w ϙΠϯτʂ
 ௕ํܗɺςΩετπʔϧɺϥΠϯπʔϧ͔͠جຊతʹ࢖͍·ͤΜʂ

    TLFUDIBQQجૅߨ࠲ 6
  7. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ 7

  8. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ w "SUCPBSEΛબ୒ΫϦοΫ 8

  9. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ "SUCPBSEΛબ୒ΫϦοΫ 9

  10. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ J1IPOF4$ΛΫϦοΫ 10

  11. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ "SUCPBSE͕Ͱ͖·ͨ͠ʂ ΞʔτϘʔυ͸ɺ؆୯ʹݴ͏ͱ
 TLFUDIBQQ͕صͩͱͯ͠ɺ
 ΞʔτϘʔυ͸ࢴͰ͢ɻ 11

  12. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ 12 5XJUUFSͷΩϟϓνϟΛ഑ஔͯ͠ΈΑ͏ɻ ઌ΄Ͳμ΢ϯϩʔυͨ͠ը૾ϑΝΠϧͷத͔Β5XJUUFSͷ
 ΩϟϓνϟΛυϩοάΞϯυυϩοϓͯ͠ɺ഑ஔ͠Α͏ʂ

  13. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ 13 ·ͣ͸௕ํܗ<3>Λ࢖ͬͯɺ ϔομʔʢ੨͍෦෼ʣ
 Λ࡞͍͖ͬͯ·͠ΐ͏ʂ

  14. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ 14 ௕ํܗ͕Ͱ͖ͨΒɺ
 ࣍͸എܠ৭Λ෇͚·͠ΐ͏ʂ

  15. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ 15 ௕ํܗΛબ୒ͯ͠ɺӈͷ ʮ'JMMTʯͷάϨʔΛΫϦοΫ͠ ͯɺ৭Λมߋ͠Α͏ʂ

  16. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ 16 εϙΠτΛར༻ͯ͠ɺ৭Λ
 औಘ͠Α͏ʂ

  17. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ 17 ৭͕͖ͭ·ͨ͠ɻ
 ࿮ઢΛ͚͠·͠ΐ͏ɻl#PSEFSTz ͷ$IFDLCPYΛ֎͠·͠ΐ͏ɻ

  18. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ 18 ϔομʔͷ্ʹΞΠίϯΛஔ ͍ͯߦ͖·͠ΐ͏

  19. TLFUDIBQQΛ։͖·͠ΐ͏ TLFUDIBQQجૅߨ࠲ 19 ϔομʔͷ্ʹςΩετΛ
 ॻ͖·͠ΐ͏ʂ ͜͜Ͱ৭ ͜͜Ͱ
 จࣈαΠζ ͜͜Ͱॻࣜมߋ 5XJUUFSGPSJ1IPOFͰ͸ɺ


    ݟग़͠
 จࣈ
  20. ͜͜·ͰͰɺ
 ը૾഑ஔͱ௕ํܗͱςΩετೖྗ ͕Ͱ͖·ͨ͠Ͷʂ TLFUDIBQQجૅߨ࠲ 20 ࢒Δ͸ʜ

  21. ͋ͱɺͻͨ͢Βɺ ը૾഑ஔͱςΩετΛଧ͚ͭͩʜʁ TLFUDIBQQجૅߨ࠲ 21

  22. ͋ʂը૾Λؙ֯ʹ͠ͳ͍ͱߦ͚ͳ͍Ͱ͢Ͷʂ TLFUDIBQQجૅߨ࠲ 22

  23. ը૾Λؙ֯ʹ͠Α͏ɻ TLFUDIBQQجૅߨ࠲ 23 ࠷ॳʹ௕ํܗΛ࡞Γ·͠ΐ͏ʂ l3BEJVTzͰΛࢦఆؙͯ֯͠ʹ͠ ·͠ΐ͏ʂ ը૾Λ௕ํܗͷ্ʹ
 ࡌͤ·͠ΐ͏ʙɻ

  24. ը૾Λؙ֯ʹ͠Α͏ɻ TLFUDIBQQجૅߨ࠲ 24 ը૾Λ͔ͿͤͨΒɺ্ͷz.BTLz ΛΫϦοΫ͠Α͏ʂ

  25. ը૾Λؙ֯ʹ͠Α͏ɻ TLFUDIBQQجૅߨ࠲ 25 ը૾ؙ͕֯ʹʂ

  26. จࣈࡌͤͨΓɺ ը૾ΛࡌͤͨΓ͢Δͱʙɻ ग़དྷ͕͋Γʙɻ TLFUDIBQQجૅߨ࠲ 26

  27. TLFUDIBQQ͸6*Λ࡞Δ͚ͩ͡Όͳ͍ɻ TLFUDIBQQجૅߨ࠲ 27

  28. TLFUDIBQQجૅߨ࠲ 28 αΠτσβΠϯ͸Ͱ͖Δɻҹ࡮෺΋·͊Ͱ͖Δɻ

  29. TLFUDIBQQجૅߨ࠲ 29 ϓϨθϯࢿྉ΋ɻ

  30. *MMVTUSBUPS΋1IPUPTIPQ΋࢖͏͚Ͳɺ ΍ͬͺΓಈ࡞ॏ͍͠ɺͬ͘͞ͱϓϩτλΠϐϯάͱ͔΋Ͱ͖ͳ͍͠ɻ ͦ͏͍͏༻్ͷ࣌͸TLFUDIBQQ͸ͱͬͯ΋ศརɻ TLFUDIBQQجૅߨ࠲ 30 *MMVTUSBUPS͸ϩΰɺΞΠίϯΛ࡞Δ࣌ʹɻ
 1IPUPTIPQ͸ࣸਅՃ޻ɺ'#"EͳͲͰ࢖͍෼͚ͯ͠·͢ɻ ̎೔ؒͰɺ̑̌ݸ͘Β͍J04ͷը໘ͷϓϩτλΠϐϯά͚ͨ͠Ͳɺ
 શવॏ͘ͳͯ͘TLFUDIBQQͷܰ͞ʹ͸ײಈ͢Δɻ

  31. TLFUDIBQQجૅߨ࠲ 31 ऴΘΓ QV[[FMKQ