WEBデザイナーの皆さん。ページをデザインする時、メインとなるソフトは何ですか？私はPhotoshopですけど、Fireworksはわかるとして、Illustratorで作るという人は、どのくらいいらっしゃいますか？
Photoshop2：Fireworks8ぐらいですね。バナーとかはPhotoshop使うことが多いかも。個人的にはIllustatorはWeb制作には向かないと思います。
レスをありがとうございます。ですよね！！！？？？私もIllustratorでデザインするのは効率が悪いと思っています。ところが、最近、WEBのスクールに通っているというGデザイナーの方が、そこでは、IllustratorでレイアウトしてPhotoshopで書き出していると聞いて、衝撃を受けて、こちらで聞いてみようと思いました。
私も悩んでますが今は紙もやるのでDTPでも使いまわせるようにIllustratorでやってます！
そうでしたか〜。今って色んな作り方をしている時代なのかもしれませんね〜☆
定期的に出て、しかも荒れるスレ。
そうでしたか。すいません、荒らすつもりではなく、今、どんな風に皆さん作成しているんだろうかと思いました。
Sketchですかね...（小声
ありがとうございます！アプリケーションで、そういうのがあるんですね！！
9割Fireworks、1割PhotoShop写真の加工でPhotoShopを使う感じ。
今度、あえてIllustratorでやってみようかと思ってる。
Fireworksは優秀ですね。上記のスクールでは、スライスをPhotoshopでやっていると聞いたので、それだと断然Fireworksの方が効率が良さそうです。
逆に聞きたいけど、よほど背景や質感のに凝ったデザインやLPでもない限り、今やPSやFWやIIもそんなに使わないんだけどなー。むしろパーツ素材や部分的なところに使用してる感じ。CSSコーディングのストックもあるし。だからアイコンやUIパーツなんかはIIがやりやすいときもあるし、サクッとありふれたサイトのときは、慣れ親しんだFWが最速。写真加工を中心としたエフェクトのときはPSが有利。ゆえに、現在のWebデザインにおいて、メインとなるソフトは何？や、IIはWebデザイン向きではないというのは、もう過去の話題で、実務経験を積んだデキル人はそんなの関係ないって感じ。
そうそう、今の初心者や若いWebデザイナは「開発中止」って名目でFWに触れようとしないのは、ある意味、損してるよ。アレほど現時点のWebデザインに特化した「巧い・速い・易い」の効率的なツールはないからね。
むしろ最後のCS6以上、アップデートする機能が特に必要ないくらいだから、開発中止になったんだよ。PSみたいに余計な機能盛りだくさんで、重い重戦車クラスになっても困るしね。現にPSは、FWのよいところをかなり取り入れてきてる。
それに最近のアドビのEdgeシリーズなんかは、細かく特化してるみたいだけど、どうも中途半端で使い勝手もアウトプットもイマイチだしね。個人的にはIIにウェブモードがついて、事実上FWがIIに搭載復活されることを願ってやまない。
確かに、アウトプットが重要であり、ソフトに何を選ぼうと関係無いと言えますね。学校によって、先生によって、方法もパターンがありそうですね。
こんな先輩欲しい
適宜使い分ける。以上。
ありがとうございます。m(__)m
Photoshopも使いますがIllustratorも使います。ワイヤーはIllustratorで作るので、そのままの流れでデザインもします。アピアランスやフォントをスポイトで反映させたり、アートボードで複数ページを扱えるのはすごく便利です。
なるほど、ワイヤーフレームをIllustratorで作成されるのですね。クライアントに、Office製品に長けた方が多い関係もあり、パワポだと無駄にフォントの属性を拾って来ないので良いと考えていました。習慣を変えて、やってみる価値がありそうです。レスをありがとうございました。
写真を加工する必要があったり写真が多い場合はPhotoshopだけど、最近はほとんどIllustratorでやってる。あと上の方も書いてるけど、FireworksはWebにはすごく使い勝手がいい。なぜ開発中止したし。要はデザインによる。
Fireworksはエッジが正確なスライスや、様々なパターン背景、ドットの罫線などが簡単に出来るので、使いやすいですよね。マクロメディアが買収されなければ今も開発されていたのかな。
コーダーとしてはFWだとありがたい
デザイナーにも言えることだけど…特定のソフトで作ったデザインだからコーディング出来ないってコーダーは甘えてる。Webデザイン用のソフトの操作性なんてどれも似たようなもんじゃないか。
できないわけじゃない。Photoshopは写真加工に特化してるし、イラレはどちらかと言えばポスターやチラシに特化してる。Photoshopは最近マシにはなったものの、やはりWeb用という感じではない。スライス機能だけでも充実させてほしい。
甘えとかそういう回答いらないから。
FWはレイヤー等が整理されてなくてもなんとかなるし、慣れるとPSより3倍くらい早くなるからね
コーダーさんによっては、画像を書き出して欲しいと言われることもありますね。私はFireworksをそれほど使っていないので間違っていたら申し訳無いのですが、特にPhotoshopでは、何層も重ねたレイヤーから必要な要素を抜き出すのは大変かなと思います。
考え方は色々あって当然ですが、求めることはお互いが気持ち良く仕事が出来る環境であって、臨機応変で良いのではと思います。
メインがコーダーでスマホ案件が多いので、いきなりコーディングから入る。レイアウトやだいたいの色合いが決まったら、アイコンパーツだけIllustratorで作る。写真素材はPhotoshopで加工する。
WordPressを使うことも多いし、これからモバイルファーストが進むのではと思っているので、個人的には、この方向で方法を模索したいとも思っています。それでも、やっぱり全体のイメージをPhotoshopでレイアウトせずにはいられないかもですが、だんだんパーツっぽくなっています。
鉛筆でスケッチして、イラレでワイヤーと仕様を作成します。仕様を参考に早い段階で、コーディングして、ブラウザから、ＰＤＦ保存したものをカンプ代りにクエアイアンと打ち合わせという流れになりつつあります。
クライアントが誤植でした
お〜、鉛筆というのがアナログですが、手が早い方なのでしょうね。全てブラウザで表示させた風にPhotoshopで作り込んでいた昔を思うと、良さそうですね。PDF保存しているのは、どの部分でしょうか？
Web制作でIllustratorはほぼ無視してたけど、冷静になって今どきのイラレの機能を探ってみると、イラレはけっこうできる子になってる。特に一つのファイルにアートボードを複数設定できるのは、ページのバリエーションやテンプレートの量産に使えそう。あと、古い機能ではシンボル機能がPhotoshopにはない便利さがあるね。Webページの装飾が画像メインでなくなった今、もしかしたら使える子筆頭になるかも。
ここでお聞きするまで、Illustratorはちょっと、、と思っていましたが、そんなに出来る子に成長してたんですね。不勉強でした。ありがとうございます。
基本的にIllustratorでデザインしてます。Web用にちゃんと設定してあげればIlでも特に問題を感じたことはないですね。
ただ実際のところ、最近はスマホ案件ばかりなので、ラフを書いてそのままコーディングしながらデザイン組んでいくことが多いです。パーツはその時々Il Ps作りやすい方で作っています。
そうだ、個人的な謎ですが、CSSスプライトのような画像をIllustratorでもきちんとブレ無く作ることは出来るのでしょうか？どうしてもアンチエイリアスの関係で、ちょっとダメな印象がありました。WEBフォントが主流になっていけば、そういう装飾的な画像は減っていく方向かもしれませんね。。
できるよ。Web用にちゃんと設定すればね。でもこういう設定もイチイチメンドクサイよね。確認するのも。だからはやくウェブモードなるものが欲しいのよ。アドビさんよ！
わ〜、設定すれば出来るものなんですね！知りませんでした！！教えて下さってありがとうございます。
複数アートボードとCSSが読み込める点、最近はフラットデザインやそれに準ずる立体感の少ないデザインが多いために、メインで使う場合もありますね。
ドロップシャドウとかマスクとか多用する場合はPsのほうが楽な時もある。。
私はIllustratorでマスクを覚えたので、意外です。Photoshopのレイヤーが個別でカスタマイズしやすいので個人的に好きなんですけど、 ID:GKtW8/36yi4sさんの使い方は、何だか私には想像出来ない感じです！！進化しているんですね〜☆
あんまし使いません
私もです！！印刷媒体以外では、のっぺりしたイラストや、アイコンくらいでした。
Retina対応を考えるとIllustratorのほうが重宝することもある。Sketch良いよね。
おおー、そうなんですね。コメントありがとうございます☆
みんなの回答 17 件
Photoshop2：Fireworks8ぐらいですね。バナーとかはPhotoshop使うことが多いかも。個人的にはIllustatorはWeb制作には向かないと思います。
私も悩んでますが今は紙もやるのでDTPでも使いまわせるようにIllustratorでやってます！
定期的に出て、しかも荒れるスレ。
Sketchですかね...（小声
9割Fireworks、1割PhotoShop
写真の加工でPhotoShopを使う感じ。
今度、あえてIllustratorでやってみようかと思ってる。
逆に聞きたいけど、よほど背景や質感のに凝ったデザインやLPでもない限り、今やPSやFWやIIもそんなに使わないんだけどなー。むしろパーツ素材や部分的なところに使用してる感じ。CSSコーディングのストックもあるし。
だからアイコンやUIパーツなんかはIIがやりやすいときもあるし、サクッとありふれたサイトのときは、慣れ親しんだFWが最速。写真加工を中心としたエフェクトのときはPSが有利。
ゆえに、現在のWebデザインにおいて、メインとなるソフトは何？や、IIはWebデザイン向きではないというのは、もう過去の話題で、実務経験を積んだデキル人はそんなの関係ないって感じ。
適宜使い分ける。以上。
Photoshopも使いますがIllustratorも使います。
ワイヤーはIllustratorで作るので、そのままの流れでデザインもします。
アピアランスやフォントをスポイトで反映させたり、アートボードで複数ページを扱えるのはすごく便利です。
写真を加工する必要があったり写真が多い場合はPhotoshopだけど、最近はほとんどIllustratorでやってる。あと上の方も書いてるけど、FireworksはWebにはすごく使い勝手がいい。なぜ開発中止したし。
要はデザインによる。
コーダーとしてはFWだとありがたい
メインがコーダーでスマホ案件が多いので、いきなりコーディングから入る。
レイアウトやだいたいの色合いが決まったら、
アイコンパーツだけIllustratorで作る。
写真素材はPhotoshopで加工する。
鉛筆でスケッチして、イラレでワイヤーと仕様を作成します。仕様を参考に早い段階で、コーディングして、ブラウザから、ＰＤＦ保存したものをカンプ代りにクエアイアンと打ち合わせという流れになりつつあります。
Web制作でIllustratorはほぼ無視してたけど、冷静になって今どきのイラレの機能を探ってみると、イラレはけっこうできる子になってる。
特に一つのファイルにアートボードを複数設定できるのは、ページのバリエーションやテンプレートの量産に使えそう。あと、古い機能ではシンボル機能がPhotoshopにはない便利さがあるね。Webページの装飾が画像メインでなくなった今、もしかしたら使える子筆頭になるかも。
基本的にIllustratorでデザインしてます。
Web用にちゃんと設定してあげればIlでも特に問題を感じたことはないですね。
ただ実際のところ、最近はスマホ案件ばかりなので、ラフを書いてそのままコーディングしながらデザイン組んでいくことが多いです。パーツはその時々Il Ps作りやすい方で作っています。
複数アートボードとCSSが読み込める点、最近はフラットデザインやそれに準ずる立体感の少ないデザインが多いために、メインで使う場合もありますね。
ドロップシャドウとかマスクとか多用する場合はPsのほうが楽な時もある。。
あんまし使いません
Retina対応を考えるとIllustratorのほうが重宝することもある。Sketch良いよね。
関連するトピックス