Web担メモ
ログイン メモする
Web担メモ
  • HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。


Adobe XD：スクロールできるアートボードの作成

U3
2022/11/11
2024/11/7

編集にはカテゴリー認証が必要です ▼受付終了にする

スマホで際の時に垂直スクロールさせて長いコンテンツも表示できるようにしたい。
参考URL https://helpx.adobe.com/jp/xd/help/create-scrollable-artboards.html

コメント

コメントはまだありません。

関連する投稿

コーディングを依頼するときのXDへの指示の書き込み方サンプル
TantanWebファクトリーさんの,小規模WEB制作のための簡易的なスタイルガイドhttps://tantan.work/2021/06/18/style-guide-ui-pattern/コーダーさんに依頼するときのXDの指示の書き込み方サンプル。参考になりました！

Adobe XD

  • 0
  • 1558
  • 1
U3
メインコンポーネントにテキストやオブジェクトを追加するには
メインコンポーネント（親）を編集して、その上にテキストやオブジェクトをおいても、インスタンス（子）に反映されません。方法あらかじめ用意したテキストをカットメインコンポーネントの中の一つのオブジェクト（背景など）を選択ペースト２の手順を踏めば、インスタンスへ反映されました。

Adobe XD

  • 0
  • 209
  • 0
U3
AdobeXDでマスクを使う方法
XDでは、Photoshopのクリッピングマスクのようなこともできます。マスクを作成して、画像やその他のコンテンツを部分的に隠します。XD上での操作画像を用意します。画像の上に、シェイプで丸などを描きます。画像とシェイプの両方を選択し、Windowsの場合は右クリックでシェイプをマスクを選択／mac

Adobe XD

  • 0
  • 492
  • 0
U3
Adobe XD　共有方法の違い
Adobe XDは、作ったデザインを関係者にリンクで共有できるとても便利な機能があります。お客さん、社内のメンバー、プログラマ－等、共有する関係者の立場によって、共有モードも変えられます。XD の新しい共有モードhttps://helpx.adobe.com/jp/xd/help/share-des

Adobe XD

  • 0
  • 1771
  • 0
U3
Adobe XD：私がよく使うショートカットや機能
選択したオブジェクトを書き出し　⌘E選択したアートボードなどを、パワポ資料などに貼り付けるために画像で書き出しする時によく使います。アートボード複製　⌘Dこれは次の画面ほぼ同じ場合とか、フッターヘッダー共通の場合とか多いので、にガンガン使います。参考：Macのメニューに表示される記号https://

Adobe XD

  • 0
  • 109
  • 0
U3
Adobe XD：オブジェクトが勝手にパスに変換されてしまう
数値指定による角丸ツールが出てこないと思ったら、□のオブジェクトが勝手にパスに変換されていました。一度パスに変換されると、もうオブジェクトには戻せないので、また一からオブジェクトで作りなおす必要があります。レイヤーのアイコンを見れば、選択している□などの図形がオブジェクト（■）なのか、パス（🖋）なの

Adobe XD

  • 0
  • 3669
  • 3
U3
XDの便利な使い方（Tips）
ガイドを出すには：アートボードの左端にカーソルを合わせてドラッグするx、y座標に+50 などと入力とするとパディングが入れられる●インタラクションの設定スマホのハンバーガーメニューなど「プロトタイプ」モードにする。アクション＞オーバーレイ

Adobe XD

  • 0
  • 95
  • 0
U3
プロトタイプモードで画面遷移が設定できる
Adobe XD は画面上部に「デザイン」「プロトタイプ」「共有」の３つのタブがあります。「プロトタイプ」を選択すると、オブジェクトをクリックしたときに＞マークが出て、それをドラッグ＆ドロップして遷移先と繋げることができます。

Adobe XD

  • 0
  • 148
  • 0
U3
Adobe XDの機能：スタック　って何
リピートグリッドの順番入れ替えができる。リピートグリッドを解除し、グループ化。プロパティインスペクタのレイアウト＞スタックにチェックを入れるSHIFTキーを押したまま要素をドラッグドロップすると要素を入れ替えできるスタック機能は一個だけ余白の変更ができる。SHIFTを押せば、リピートグリッドと同様に

Adobe XD

  • 2
  • 268
  • 0
U3
Google マテリアルのアイコンと画面を Adobe XD に読み込む方法
フォントが有効になっているかをまず確認Adobe Fonts の Roboto ページダウンロードXDのメニューからUIキットを入手＞マテリアルデザイン　とたどって（Windowsの場合）ダウンロードリンクページを開く。ダウンロードページhttps://material.io/archive/gui

Adobe XD

  • 0
  • 1184
  • 0
U3

アクセスランキング

1

Font Awesome などアイコンフォントにないはてなブックマークを自力で追加する簡単な方法

11

2

「逆ドメイン形式」とは

8

3

Excelで指定の行に飛びたいとき（例えば2300行目とか）にパッと移動できる方法は

7

4

VSCodeで複数ファイルを横断して検索＆置換する方法　Option+Shift+F

7

5

「ロボットではありません」の証明作業をしなくてもよい Invisible reCAPTCHA

7

6

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

6

7

プロトタイプモードで画面遷移が設定できる

6

8

Monaca：iOSのリリースビルドのための準備１

6

9

Criteoという広告が勝手に表示される

6

10

Windowsマーク+Vで過去のコピーもペーストできるようになった！

6

11

SSL証明書の有効期限が切れた場合

6

12

rakuten handを初期化しても電話番号の情報が残っている

5

13

YouTubeの「クイズ」機能とは？

4

14

App Storeでアプリを一時的に配信停止にする方法

4

15

自分のチャンネルのYouTube動画に広告が表示されないようにしたい

4

16

SafariでFacebookの埋め込みが表示されない

3

17

Google広告：デバイスによって広告の表示割合を調整する方法

3

18

Google Playストアでアプリを一時的に非公開にする方法

2

19

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

2

20

Excelで一つの値を一番下のセルまでコピーしたい時

2

コメントランキング

1

「２人の営業パーソン」のクイズ

1

2

AIO (AI最適化) 重点要件

1

3

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

いいねランキング

1

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

2

2

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

3

「２人の営業パーソン」のクイズ

1
この投稿者に問い合わせ
この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

  • シェア
  • ログイン
  • 利用登録する
  • ログアウト
  • マイアカウント
  • メモする
  • このサイトについて
  • 問合せ
Copyright © Web担メモ
シェア
いいね！ X このエントリーをはてなブックマークに追加 LINEで送る