SketchかXD。両方軽く触って良い方を選ぶでいいと思う。相互変換可能だし、どちらか一方を覚えておけば支障はないと思う。
ディティールを作り込むのはイラレやフォトショに軍配が上がるけど、最終出力がプロトなのだとしたら、SketchやXDを使わない手はないね。組み合わせてもいいし。少なくとも、この業界において食わず嫌いはいかんよ。プログラマー(とくにフロントエンド)は、出ては消えていく技術を追っているんだから、デザイナーはSketchやXDぐらい軽く覚えてもらわないと困る。
HP作ったりLP作ったりしてるWEBデザイナー。ワイヤーはXDでデザインはXDもしくはPhotoshop。デザインは写真をどこまで使うかによってXDかPhotoshopかは決める。LPとかECサイトならPhotoshop、HPならXDが多いかなあ。
未だにFireworksはさすがに俺だけのようだな
インブラウザ。なんかのフレームワークと gulp+pug+sass でやってる。
フォトショで2倍画像書き出すときに、荒れるやつをなんとかしてほしい。
フォトショ一択
Re:7 スマートオブジェクトにしててもなる？
Re:6 すべてをインブラウザで行うのは無理があると思うけど、半分くらいはインブラウザでのデザインを想定しておかないと、ほんとうの意味でのWebデザインはできないと思う。そういう意味で、コーディングをまったくしらない素人が作ったPSD/AIファイルのweb化って、デザインの半分はコーダーがやってるってことだと思う。
figma使ってインブラウザで仕上げしてます。https://note.mu/sonicjam/n/n6a9f46e6710a上記noteで解説されてるようにレスポンシブの画面サイズ可変時の各要素の拡大・縮小やスペースの取り方を定義できるのでコミュニケーションコストが下がりました。
パターンとかばりばり使わないといけないのはフォトショ。それ以外はFigma。XDはラスタ画像の書き出しがくそ粗いから止めた。
DTPもやるからずっとWEBもイラレ＋エディタVSCODEこれってよくないのかな・・・
Re:13 もちろん写真の編集加工修正はフォトショね
Re:13 小数ピクセル、画像にクリッピングマスク、テキストの横%小さくして無理やり1行に詰め込もうとするとかしないんだったらイラレでも良いです（雑魚コーダー並感）
Re:13 自分が問題を感じてないのであれば好きなの使えばいいと思うよ！
なんだかんだいってフォトショ。できることの幅が他のツールとはやはり違う。XDはワイヤーや、案件の内容によるが、それでも、イラレやフォトショはかかせないというのが現場の意見。ただXDはは良い。XDをどんどん強化してほしい。
Sketchは未だにMacしか出てないし、XDは痒いところに全く手が届かない…。(自分はMac使いだけど)だから結局インブラウザ。
17 件の回答
SketchかXD。両方軽く触って良い方を選ぶでいいと思う。相互変換可能だし、どちらか一方を覚えておけば支障はないと思う。
ディティールを作り込むのはイラレやフォトショに軍配が上がるけど、最終出力がプロトなのだとしたら、SketchやXDを使わない手はないね。組み合わせてもいいし。少なくとも、この業界において食わず嫌いはいかんよ。プログラマー(とくにフロントエンド)は、出ては消えていく技術を追っているんだから、デザイナーはSketchやXDぐらい軽く覚えてもらわないと困る。
HP作ったりLP作ったりしてるWEBデザイナー。
ワイヤーはXDでデザインはXDもしくはPhotoshop。
デザインは写真をどこまで使うかによってXDかPhotoshopかは決める。LPとかECサイトならPhotoshop、HPならXDが多いかなあ。
未だにFireworksはさすがに俺だけのようだな
インブラウザ。なんかのフレームワークと gulp+pug+sass でやってる。
フォトショで2倍画像書き出すときに、荒れるやつをなんとかしてほしい。
フォトショ一択
Re:7
スマートオブジェクトにしててもなる？
Re:6
すべてをインブラウザで行うのは無理があると思うけど、半分くらいはインブラウザでのデザインを想定しておかないと、ほんとうの意味でのWebデザインはできないと思う。そういう意味で、コーディングをまったくしらない素人が作ったPSD/AIファイルのweb化って、デザインの半分はコーダーがやってるってことだと思う。
figma使ってインブラウザで仕上げしてます。
https://note.mu/sonicjam/n/n6a9f46e6710a
上記noteで解説されてるようにレスポンシブの画面サイズ可変時の各要素の拡大・縮小やスペースの取り方を定義できるのでコミュニケーションコストが下がりました。
パターンとかばりばり使わないといけないのはフォトショ。
それ以外はFigma。
XDはラスタ画像の書き出しがくそ粗いから止めた。
DTPもやるからずっとWEBもイラレ＋エディタVSCODE
これってよくないのかな・・・
Re:13
もちろん写真の編集加工修正はフォトショね
Re:13
小数ピクセル、画像にクリッピングマスク、テキストの横%小さくして無理やり1行に詰め込もうとする
とかしないんだったらイラレでも良いです（雑魚コーダー並感）
Re:13
自分が問題を感じてないのであれば好きなの使えばいいと思うよ！
なんだかんだいってフォトショ。
できることの幅が他のツールとはやはり違う。
XDはワイヤーや、案件の内容によるが、
それでも、イラレやフォトショはかかせないというのが現場の意見。
ただXDはは良い。XDをどんどん強化してほしい。
Sketchは未だにMacしか出てないし、XDは痒いところに全く手が届かない…。(自分はMac使いだけど)
だから結局インブラウザ。