Adobe Compで描画するシェイプとダミーテキスト

Adobe Compはモバイル端末でレイアウトカンプなどのアイデアをいつでも書きとめておける便利なアプリです。

紙面レイアウトのカンプだけでなく、ウェブデザインのワイヤーフレーム作成にも役立ちます。

アプリはこちらからダウンロードしてください。

Adobe Compの特徴

ipadからはIllustratorやPhotoshopとのデータの共有もできるため、外出先で作成したAdobe Compのデータを読み込み、デスクトップ上で細部を仕上げる、というようなことも行うことができます。

シェイプツール

今回はシェイプ機能の三角形を使って図形の組み合わせを作ってみます。

• 

• 

• 

シェイプツールから選択することで図形を描画します。

または、シェイプの形をスクリーンで描くことで指定の図形を描画します。

• 

• 

カラーの変更はカラーボタンをタップして調整します。

線の描画は表示にチェックをいれることで線の有無を切り替えます。

文字の入力

ジェスチャーもしくは文字ツールで文字ボックスを表示します。

タイトルを選び文字設定を行います。

複数行テキストで本文部分を表示させます。

Adobe compは基本的にレイアウトカンプを作成するためのアプリであり、テキストもおおよその設定だけできればよいという設計になっています。
そのため、詳細な文字組みなどをここで行う必要はないのですが、書体選択、テキストサイズ、行間、文字間といった基本的な設定をすることは可能です。

日本語ダミーテキストはデフォルトで表示されていますのでそのまま設定を変更すればよいのですが、欧文で組みたい場合はテキストを流し込む必要があります。

欧文ダミーテキストはこちらをお使いください。世界中で使われている有名なLorem ipsumと言われいてるダミーテキストです。

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.