technologiesこの広告は、90日以上更新していないブログに表示しています。Webデザイン文字のサイズ・色やパスの線の太さ・塗りの色などを抽出してくれるスクリプトを作成しました。要素を選択してスクリプトを実行するだけです。属性ごとに色分け+レイヤー分けしているので区別がつきやすいようにしています。「Shiftキー」を押しながら実行すると絶対座標・縦横サイズも併せて抽出できます。テキストとパス以外の要素(ex.画像、グループ、グラフなど)や、スライスが切ってあるものは画像部品であると見なし、画像エリアを表すマゼンダの半透明も併せて表示します。上記の表示だと複雑なUIの場合にごちゃごちゃしてしまうので、アートボードの外側に表示できるオプションも用意しています。Commandキー)を押しながら実行してください。その後、アートボードのサイズを大きくすることで指示書として作成することができます。Shiftキーを両方押しながら実行することも可能です。試しに下図のデザインにこのスクリプトを用いてみます。アートボードの大きさを広げ、属性の位置を調整してしてあげるだけで下図のような指示書を作成することができます。他のスクリプトと組み合わせて以前作成したスクリプトと併用することで、相対座標指定の指示書を短時間で作成することができます。参考ですが、UIデザインにillustratorを使うときの設定は下記の記事を参照して下さい。hats私がいつも作っている指示書に似た感じの表示形式にしてみたので、ここをこうして欲しいなど要望があったら連絡いただけるとうれしいです。topの違い座標をいじるようなスクリプトを作成していると、たまに予測不...2014-11-11illustratorでUIデザイン:画面遷移図作成スクリプトillustratorでUIデザインをし始めると便利だなーと思うところが...2014-09-17illustratorでUIデザイン:スクリプトの注意点illustratorのスクリプトについて調べていくうちに意外と引っか...2014-09-04illustratorでUIデザイン:ボタン量産スクリプトまたillustrator用のスクリプトを作成してみました。タイトルそ...2014-09-03illustratorでUIデザイン:便利なショートカット今回は便利なショートカット集です。»プロフィールid:two-hatsUIデザイン関連のネタや、個人的なインテリアの趣味など思いついたものを投稿するごった煮なブログです。(2)月別アーカイブはてなブログをはじめよう!two-hatsさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。