html5名古屋勉強会 #11 デザインツールのあれこれ http://web-layman.com/design-tools-arekore/

1. デ ザ イ ン ツー ル の
あ れ これ
G r o w G r o u p 合 同 会 社
石 原 隆 志

2. デ ザ イ ン ツ ー ル あ れ こ れ 。
G r o w G r o u p 合 同 会 社
We b エ ン ジ ニ ア

3. デ ザ イ ン ツ ー ル あ れ こ れ 。
G r o w G r o u p 合 同 会 社
We b エ ン ジ ニ ア

4. デ ザ イ ン ツ ー ル あ れ こ れ 。
G r o w G r o u p 合 同 会 社
We b エ ン ジ ニ ア

5. デ ザ イ ン ツ ー ル あ れ こ れ 。
G r o w G r o u p 合 同 会 社
We b エ ン ジ ニ ア

6. デ ザ イ ン ツ ー ル あ れ こ れ 。
G r o w G r o u p 合 同 会 社
We b エ ン ジ ニ ア

7. デ ザ イ ン ツ ー ル あ れ こ れ 。
G r o w G r o u p 合 同 会 社
We b エ ン ジ ニ ア

8. デ ザ イ ン ツ ー ル あ れ こ れ 。
今 ど き の デ ザ イ ン ツ ー ル に つ い て

9. デ ザ イ ン ツ ー ル あ れ こ れ 。
今 ど き の デ ザ イ ン ツ ー ル に つ い て
興 味 は な く て も 、 知 っ と く だ け 知 っ と い た ら 便 利 ！
た ぶ ん ?

10. デ ザ イ ン ツ ー ル あ れ こ れ 。

11. デ ザ イ ン ツ ー ル あ れ こ れ 。

12. デ ザ イ ン ツ ー ル あ れ こ れ 。

13. デ ザ イ ン ツ ー ル あ れ こ れ 。

14. デ ザ イ ン ツ ー ル あ れ こ れ 。
一 般 的 な デ ザ イ ン ツ ー ル 。

15. デ ザ イ ン ツ ー ル あ れ こ れ 。
僕 が 使 う ツ ー ル 。
( イ ラ ス ト レ ー タ ー は い つ か 使 い こ な せ る よ う に な り た い 。 )

16. デ ザ イ ン ツ ー ル あ れ こ れ 。
A d o b e
P h o t o s h o p
C C
便 利 な プ ラ グイ ン た く さ ん 。

17. デ ザ イ ン ツ ー ル あ れ こ れ 。
I n k
レ イ ヤ ー 情 報 を ド キ ュ メ ン ト と して 書 き 出 し 。

18. デ ザ イ ン ツ ー ル あ れ こ れ 。
幅 や 高 さ は も ち ろ ん 、
フ ォ ン ト 名 や 透 明 度 な ど も 書 き 出 し て く れ る 。
( 「 _ i n k 」 と い う フ ォ ル ダ 内 に テ キ ス ト や シ ェ イ プ と し て )

19. デ ザ イ ン ツ ー ル あ れ こ れ 。
Z e i c k
-
P h o t o s h o p
S VG
e x p o r t
パ ス ベ ー ス の レ イ ヤ ー を S VG と して 書 き 出 し 。

20. デ ザ イ ン ツ ー ル あ れ こ れ 。
P N G
H AT
レ イ ヤ ー を 選 択 し 、 一 瞬 で 書 き 出 し 。
b a s e 6 4 で の 書 き 出 し や、 R e t i n a に も 対 応 。

21. デ ザ イ ン ツ ー ル あ れ こ れ 。
P h o t o s h o p も だ い ぶ 便 利 に な り ま し た よ ！

22. デ ザ イ ン ツ ー ル あ れ こ れ 。
次 に

23. デ ザ イ ン ツ ー ル あ れ こ れ 。
≠

24. デ ザ イ ン ツ ー ル あ れ こ れ 。
( 僕 の )
使 用 用 途
U I コ ン ポ ー ネ ン ト の 作 成

25. デ ザ イ ン ツ ー ル あ れ こ れ 。
( 僕 の )
使 用 用 途
U I コ ン ポ ー ネ ン ト の 作 成
・ 日 本 的 な We b デ ザ イ ン で は 向 か な い 。
・ We b デ ザ イ ン を カ ン プ か ら と い う 用 途 で は 多 分 無 理 。
一 般 的 に は 、 ス マ ホ 関 連 ？

26. デ ザ イ ン ツ ー ル あ れ こ れ 。
特 徴 1 .
ベ ク タ ー
F i r e w o r k s 的 な 立 ち 位 置 。
S VG で の 出 力 な ど も 標 準 。

27. デ ザ イ ン ツ ー ル あ れ こ れ 。
特 徴 2 . ア ー ト ボ ー ド & ペ ー ジ 管 理
イ ラ ス ト レ ー タ ー の よ う に 、 ア ー ト ボ ー ド 毎 に デ ザ イ ン が 可 能 。

28. デ ザ イ ン ツ ー ル あ れ こ れ 。
特 徴 2 . ア ー ト ボ ー ド & ペ ー ジ 管 理
こ ん な 風 に 、 ボ タ ン ・ アイ コ ン を 並 べ て デ ザ イ ン。

29. デ ザ イ ン ツ ー ル あ れ こ れ 。
特 徴 2 . 拡 張 し や す い ！ プ ラ グイ ン も 豊 富
J S Ta l k で 簡 単 に プ ラ グイ ン 作 成 可 能 。

30. デ ザ イ ン ツ ー ル あ れ こ れ 。
特 徴 3 . 拡 張 し や す い ！ プ ラ グイ ン も 豊 富
!
S y m b o l s
P l u g i n
f o r
S k e t c h
同 じ 命 名 規 則 の も の に 、 一 括 で 変 更 を 適 用 。

31. デ ザ イ ン ツ ー ル あ れ こ れ 。
特 徴 3 . 拡 張 し や す い ！ プ ラ グイ ン も 豊 富
!
S k e t c h
P h o t o s h o p
や
G e n e r a t o r
S l y c y の よ う に 、 レ イ ヤ ー 名 に 画 像 拡 張 子 を つ け る こ と で 、
自 動 で ス ラ イ ス 。

32. デ ザ イ ン ツ ー ル あ れ こ れ 。
特 徴 3 . 拡 張 し や す い ！ プ ラ グイ ン も 豊 富
他 に も い ろ い ろ 。

33. デ ザ イ ン ツ ー ル あ れ こ れ 。
当 た り 前 か も し れ な い け れ ど、
デ ザ イ ン ツ ー ル も コ ー ダー よ り の 機 能 が
拡 張 さ れ ま く っ て き て い る 。

34. デ ザ イ ン ツ ー ル あ れ こ れ 。
ご 静 聴 あ り が と う ご ざ い ま し た 。