XDで表(テーブル)を作成する方法【Adobe XDの基礎】

WEB

今回はAdobeのUI/UXデザインソフトのXDで表(table)を表現する方法を紹介します。

XDではWEBサイトのUI/UXの作成に向いているソフトですが、WEBでよく使うレイアウトのアセッツは外部からリンクを持ってこないと無いです。即ち表(テーブル)もオリジナルで作成するしかありません。

しかし表(テーブル)はどう作るかはどこにも載っていないです。ただXDのようなクリエイティブなソフトの使い方は発想次第なので表(テーブル)に関しても工夫すれば簡単に作れます。

XDで表(テーブル)を作成

①まず初めに長方形(R)ツールで適当なサイズの長方形オブジェクトを配置します。

②長方形を選択した状態で右側のプロパティインスペクターの上にある「リピートグリッド」を押して、●の部分を引っ張って同じ長方形をリピートします。

③リピートグリッドモードのままで長方形と長方形の間を選択すると、余白の調整が出来ます。これを上下左右-1に調整します。

④「グリッドをグループ解除」ボタンをクリックしてリピートグリッドモードを解除します。すると各長方形オブジェクトを選択出来る様になります。

⑤各長方形オブジェクトに色やテキストを入れれば表(テーブル)の完成です。後は大きさや余白などを調整して完成です。


以上が「XDで表(テーブル)を作成する方法【Adobe XDの基礎】」でした。

今後もXDに関しての使い方などの記事を色々と更新していきます。WEB制作で今後の必須ツールになると思うので是非一緒に知識を付けていきましょう。

この記事を書いた人
KEITO

AI × IT × WEB3|関東在住。本職はディレクター 。AIを活用してビジネス開拓。仕事の依頼はTwitterからお願いします。YouTube、Twitter、Instagramもお願い致します。

WEB
この記事を共有する
スポンサーリンク
スポンサーリンク
KT LIFE
スポンサーリンク

暗号資産投資するなら以下

Bybit

国内人気No.1!屈強なサーバー/信頼性抜群!トレーダー御用達の取引所。

通貨数338種以上
レバレッジ最大100倍
現物取引手数料Maker:0%〜0.1%
Taker:0.02%〜0.1%
先物取引手数料Maker:0%〜0.01%
Taker:0.03%〜0.06%
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり・JPY利用可
特典下記から登録で初回ボーナスあり
登録リンクBybitへの登録は こちら
招待コード22295
レビュー記事レビュー記事は こちら
BigBoss&CRYPTOS

最大レバレッジ1111倍・日本円換金ルート

通貨数BigBoss:15種以上
CRYPTOS:15種以上
レバレッジ最大1111倍
スポット手数料Maker:0.02%〜0.18%
Taker:0.05〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設少し敷居が高い
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクBigBossへの登録は こちら
招待コード6690951
レビュー記事レビュー記事は こちら
Nexo

高APYでのステーキング&レンディング

通貨数60種以上
レバレッジ
スポット手数料Maker:0.04%〜0.20%
Taker:0.03%〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクNexoへの登録は こちら
招待コード
レビュー記事レビュー記事は こちら

他おすすめ取引所はこちら

タイトルとURLをコピーしました