Download to read offline
Uploaded byKyoko Ochiai
972 views
ねぇねぇ、君は何使う？Web Design tool の話。
スタジオ・アルカナ社内勉強会用の資料。2001年くらいからのWebデザインツールの変遷と傾向、並びにツールの使い分けについて解説しています。今回デモに用いたのは、Photoshop・Illustrator・Fireworks・Sketch・XD・Muse の６ツール。資料では割愛していますが、現場で実際に作ったデザイン例と、今回の勉強会用に用意した作例を使ってデモをしました。
Recommended
More Related Content
Viewers also liked
Similar to ねぇねぇ、君は何使う？Web Design tool の話。
More from Kyoko Ochiai
ねぇねぇ、君は何使う？Web Design tool の話。
- 1.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..落合 恭子ねぇねぇ、君は何使う？WWeebb DDeessiiggnn株式会社スタジオ・アルカナの話。第1100回 アルカナ社内勉強会 22001166//66//99 TThhuu にて。ttooooll
- 2.今宵、この場でお話すること。P22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..
- 3.今宵のお話。h22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..デザインツールの種類と変遷アジェンダ１ デザインツールの特徴を知ろうアジェンダ２というわけで何使う？まとめ！
- 4.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..やっほー！落合恭子です！スピーカーの紹介をします。
- 5.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..落合 恭子FFBB :: KKyyookkoo OOcchhiiaaii仕事 :: 総務・経理・デザイン・ 広報・企画などなど出身 :: 兵庫県明石市趣味 :: vvaappee（ベイプ）・ギター・ アニメ・ミューゼスなどなどどうぞよろしくお願いします。22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..キャッチコピー ::シアワセクリエイト
- 6.デザインツールの種類と変遷P22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..アジェンダ１
- 7.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..どんなツールがあ�るかな？hIIlllluussttrraattoorrPPhhoottoosshhooppFFiirreewwoorrkkssSSkkeettcchhXXDD・・・などなどなど
- 8.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..デザイナーがツールを用いてやるべきことhクライアントさんの課題を解決する為のデザインを作成する・イメージチェンジをしたい？・売上をあ�げたい？・導線をちゃんとしたい？課題の例
- 9.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..デザイナーがツールを用いてやるべきことhクライアントさんの課題を解決する為のデザインを作成する・イメージチェンジをしたい？・売上をあ�げたい？・導線をちゃんとしたい？課題の例ぶっちゃけこれができてれば何を使ってもいい。（持論）
- 10.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..いまシェアが多いのは・・・hIIlllluussttrraattoorrPPhhoottoosshhooppなんだかんだ言って、このふたつだよね！なんでこのふたつがよく使われてるんだろう？
- 11.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..わたしの中のツールの歴史hPPhhoottoosshhoopp IIlllluussttrraattoorr時代PPhhoottoosshhoopp vvss FFiirreewwoorrkkss時代PPhhoottoosshhoopp？？電気屋時代同僚からPPhhoottoosshhoopp55..55とIIlllluussttrraattoorr88..00を譲り受ける。デジハリに通うPPhhoottoosshhoopp66..00 IIlllluussttrraattoorr99..00 FFllaasshh DDrreeaammwweeaavveerr FFiirreewwoorrkkss を習得。先生も同僚も、紙のデザインの人が多数。わたし東京進出クリオでスカウトしてくれた会社に入社。先輩はIIlllluussttrraattoorrでデザインする人。もともと紙。社長に勧められてFFiirreewwoorrkkssを 本格的に使い始める。派遣で某不動産系会社へデザインはほとんどPPhhoottoosshhooppで。コーディングはDDrreeaammwweeaavveerrで。個人で作るデザインはFFiirreewwoorrkkssで作ってた。アルカナ入社へツールの制約がなかった上に、同僚もFFiirreewwoorrkkss派だったので、デザインはほぼFFiirreewwoorrkkssで。メンバ〜チェンジにより、徐々にPPhhoottoosshhoopp派が増える。これからは？AAddoobbee CCCC 22001166から、 FFiirreewwoorrkkssがDDLLできなくなる。さて、これからはどのツールをメインにしていこうか？22000011年ごろ 22000033年ごろ 22001133年ごろ 現在PPhhoottoosshhooppと IIlllluussttrraattoorrでデザインしてる。WWeebbは、紙のついでで発注されることが多かった。紙のデザイナーさんが、クライアントさんに頼まれてWWeebbを作るイメージ。FFiirreewwoorrkkssのスライス機能や、hhttmmllの書き出し機能を求めて、PPhhoottoosshhooppからFFiirreewwoorrkkssに変える人をかなり見かけた。少しずつ、WWeebbと紙が切り離されていく。ツール同士のVVSSをちょいちょい見かけるようになる。いろんなツールで同じようなことができるようになってきた雰囲気。PPhhoottoosshhoopp vvss FFiirreewwoorrkkss がいちばん激しかったんじゃないかな？FFiirreewwoorrkkssの開発が終了。路頭に迷うFFiirreewwoorrkkss信者が続出。PPhhoottoosshhooppはさらに便利に改良される。時代の雰囲気わたしの行動MMuussee出現SSkkeettcchh台頭SSkkeettcchh？？
- 12.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..どうしてPPhhoottoosshhooppとIIlllluussttrraattoorrが強いのか？hもちろん、これだけが理由ではないけれど紙のデザイナーさんが、WWeebbデザイナーに移行するパターンが多かったというのが、最初のシェアの広がりの原因なのではないかな？と思っています。
- 13.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..どうしてPPhhoottoosshhooppとIIlllluussttrraattoorrが強いのか？h時代の傾向に伴ってWWeebbに特化した機能の追加により、どんどん使いやすくなり、ユーザー数が増えていく。この２つがあ�れば、大体なんでもできるようになっている。
- 14.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..思うにh「この先、ツールはAAddoobbee製品�の中でいい感じで使い分けしていきましょうや」という流れを感じています。
- 15.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..思うにh「この先、ツールはAAddoobbee製品�の中でいい感じで使い分けしていきましょうや」という流れを感じています。どんな風に使い分けるか見てみよう！
- 16.デザインツールの特徴を知ろうP22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..アジェンダ２
- 17.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..これらのツールについてお話しします。hIIlllluussttrraattoorrPPhhoottoosshhoopp FFiirreewwoorrkkssSSkkeettcchhXXDDMMuussee
- 18.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..
- 19.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..参考デザインデータh過去のデザインデータを参照してデモします。
- 20.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..
- 21.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..参考デザインデータh過去のデザインデータを参照してデモします。
- 22.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..
- 23.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..参考デザインデータh過去のデザインデータを参照してデモします。
- 24.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..
- 25.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..参考デザインデータh過去のデザインデータを参照してデモします。
- 26.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..
- 27.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..
- 28.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..参考デザインデータh過去のデザインデータを参照してデモします。
- 29.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..
- 30.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..参考デザインデータh過去のデザインデータを参照してデモします。
- 31.というわけで、何使う？P22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..今宵のまとめ！
- 32.まとめ①h① デザインツールは、案件や環境に応じて、使い分ける必要があ�るが、要件が満たされていれば、基本的にはなんでもよい。22001166SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..コーダーさんがツールもってるか？とかあ�んじょう考えたって。納品�ファイルの形式はなに？とかそのへん、紙用のデザインも作るんか？とか
- 33.まとめ②h② 今のところは、なんとなく、AAddoobbee製品�だけで使い分けが完結しそうな雰囲気になっている。22001166SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..まぁ、いろいろあ�るわな。囲い込みっちゅうやっちゃな。
- 34.まとめ③h③ 時代の傾向によってベストなツールは変わるので、常にウォッチしておくことが大事。22001166SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..突然、足元すくわれんねんで。おれ、このツール得意やから、ぜんぜん大丈夫〜って思っとったら、 FFiirreewwoorrkkss・・・
- 35.ふふふh22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..興味が出てきたら、無料体験版を使ってみてね！
- 36.22001166 SSttuuddiioo AArrccaannaa ccoo..,,LLttdd..あ�りがとうございました最後まで聞いていただいて、