Skip to main content
Participant
October 25, 2021
質問

Excelやcsvのレイアウト情報より、ワイヤーフレーム自動生成する方法につきまして

  • October 25, 2021
  • 返信数 1.
  • 334 ビュー

Excelやcsvにワイヤーフレームのレイアウト情報を記入し、Photoshop上にその情報に合わせたワイヤーフレーム作成をする方法があるのでしょうか。 

■Excelやcsvにワイヤーフレームのレイアウト情報
・以下表のような一覧

 

■Photoshop上のワイヤーフレーム

・上記表に合わせて、四角い枠が、レイヤー分割されて準備される

 

■手段

・上記表より、PSDファイル生成がベスト

・このベスト手法が不可の場合、作業の全部もしくは一部が自動化で実現

 オートメーション機能やJavaScript等、複数案あるかと思いますが、何が良案でしょうか?

このトピックへの返信は締め切られました。

返信数 1

assause
Community Expert
Community Expert
October 25, 2021

Photoshopでの作成が必須なのでしょうか。

表組でいえばInDesignに専用機能がありますし、そうでなければ図形の扱いはIllustratorのほうが有利だからです。

ビットマップデータとしてどうしても必要な場合でも、それらからビットマップ系の書き出しが可能だからです。

山崎5E6E作成者
Participant
October 26, 2021

ご返信、ありがとうございます。
はい、Photoshopが必須となっております。

レイアウト要件は決まっており、そのデータ(csvやexcel)からワイヤーフレームを作成後、Photoshop上でのグラフィック作業に入るためです。その際、ほかのソフトを一度経由するなどでも良いと考えております。

もっと具体化しますと、Axure RPというプロトタイピングソフトでワイヤーフレーム作成を行い、そのワイヤーフレームをベースに、photoshop上でグラフィック作業を行うというプロセス作成を目指しております。 その際、Axure RPから、xmlやhtmlでレイアウト情報を抽出できるため、csvやexcelへレイアウト要件のリスト化は可能です。