モックアップからスライスまでの流れを効率的にしたい

更新 2019/07/30

(この記事は投稿から日にちが経過しているため、内容が古い可能性があります)

スライスに使用するソフト事情について

クライアントへのモックアップも、最近の作業は流れ上イラストレーターの機会が多いが、
一段落したので、昨今のカンプ・モックアップ事情について調べてみた。

すると、モックアップにはイラストレーターでは多くのアンチエイリヤスが


発生しやすいので、Photoshopで作成しているというウェブ制作会社を見つけた。

その他にも、モックアップ専用の各種ツールがどんどん出ていて、結構人気を集めているようだ。

そういうツールやソフトウェアは、実際に試してみないと明言できないので、
この続きは実際にレスポンシブデザインに自由自在に対応しそうなめぼしをつけたあるツールを
ゆっくり時間のある時に、試してみようと思う。

モックアップについて先生と話す機会があったので、いくつか聞いてみた

1.イラストレーターでモックアップを作成するとき、PC用のモック幅を
スマホやタブレット幅に自動で変換する機能がないのか?

【先生の答】それはない。だからていねいに作るのであれば、それぞれ別幅で作らなければならない。
しかしプレゼン時に幅をデスクトップ上で、自由自在に変更して、プレゼンすればいいので、
特に別々に作る必要はないのではないか。

2.モックアップ作成時にたとえばイラストレーターで作ったパーツ類は、素材としてそのまま使えるのか?

【先生の答】使える。だからどのソフトの素材が多く使いそうかで、イラストレーターで
モックを作るのか、フォトショップでモックを作るのかを決め、素材が多そうな方でモックを
作ると効率がいい。

3.先生は現在仕事でモックを作るときに、どのソフトを使っていますか?

【先生の答】クライアントのウェブの内容により、イラストレーターと、フォトショップと
fireworksの3つの中から選んで決めている。

4.fireworksはもうサポートが終了しますがまだ使うんですか?

【先生の答】別にバージョンはそのままでも十分使える。
なれている方が便利がときがあるので、それはそれで使う。

モックアップ後のスライス作成のことを考えると、CS5ならPhotoshopとFireworksの互換性が
非常に良かったらしく、イラレから書き出したPSDをFireworksで開いてスライスするという
手もあったとの事。

イラレの端数設定や線カラーの修正したくない時は、書き出してPhotoshopでスライス作成もできそう。

ピックアップ記事

  1. Affinity Photoでも簡単に電子印鑑ができます!
    目次2023年10月インボイス制度導入前、Affinity Photoでの電子印鑑…
  2. ホームページの制作(Web制作)は、専門職がチームを組んで行います。見ず知らずの人たちが一緒に仕事を…
  3. (3)-3 GAFAMAからの脱出 2022年ブラウザはこれに決めました!おすすめ理由
    目次GAFAMAからの脱出する上で何はともあれブラウザの存在は大きいブラウザのセキュリティ度計…
  4. UIとUXを混同してる人が多すぎる
    目次 UIとUXを混同してる人が多すぎる チームプロジェクトにおけるUXとUIの「急がばま…
  5. LinkedinバッチをWordpressで表示させるには?
    目次これがLinkedinバッチの実物で、一番大きい特大サイズですLinkedinバッチをWo…
Web制作の流れ
もっとくわしい何を頼めるの?料金は?
PAGE TOP