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

コメント

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

関連する投稿

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

Adobe XD

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

Adobe XD

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

Adobe XD

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

Adobe XD

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

Adobe XD

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

Adobe XD

  • 0
  • 94
  • 0
U3
Adobe XDでFont Awsomeを使う
XDにFont Awesomeのアイコンを表示させる手順大きくは、以下の手順になります。Font AwesomeをデスクトップにインストールFont Awesomeのサイトで貼り付けたいフォントをコピーXDに貼り付ける：テキストを選択してペーストする。Font Awesomeを選ぶ。注意！！XDには

Adobe XD

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

Adobe XD

  • 0
  • 107
  • 0
U3
XD：レスポンシブデザインを作成する時の各デバイスのサイズ
サイズは何で作る？モバイルファーストで作る時は、375px（一番小さいSEのサイズ）で作る場合が多い。PCサイズ：1366pxiPadの画面分割で作る場合もあるプロジェクトやターゲットによっても変わる

Adobe XD

  • 0
  • 274
  • 0
U3
XD：マルチフロー：1つのファイル内で複数のプロトタイプのフローを設定できる機能
Adobe XDの2020年8月のアップデートでは、「マルチフロー」が搭載されました。

Adobe XD

  • 0
  • 415
  • 0
U3

アクセスランキング

1

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

6

2

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

6

3

ホームページのアクセスカウンターは最近なぜ見なくなったの？

6

4

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

5

5

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

5

6

コーディングを依頼するときのXDへの指示の書き込み方サンプル

5

7

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

4

8

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

4

9

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

4

10

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

3

11

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

3

12

Adobe XD：オブジェクトが勝手にパスに変換されてしまう

3

13

GoogleChrome（クローム）が勝手に翻訳してしまう

3

14

ロケットチャットの新規通知をデスクトップ表示させるには

3

15

Clerkとは？　「認証〜ユーザー管理」のためのSaaS

2

16

オンボーディングとは

2

17

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

2

18

Windows10 のサポートを無料で2026年10月まで延長できるプログラム

2

19

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

2

20

ホームページで複数ページのヘッダーとフッターを共通にするサンプルコード

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で送る