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

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


Adobe XD：リピートグリッドの間隔を調整したい

U3
2020/3/17
2024/11/7

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

https://blogs.adobe.com/japan/web-exploring-repeat-grid-in-adobe-xd/


セルの隙間にマウスを移動すると、セル間のパディングを簡単に調整できる

コメント

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

関連する投稿

マッチングサイトのデザイン参考サイト
準備中

デザイン

  • 0
  • 144
  • 0
U3
GIF（ジフ）アニメーションを無料で作成できるサービス10選
https://ferret-plus.com/2315gifs「gifs」はYouTubeの動画を、一瞬でGIFアニメーションに変換できるサービスPicGIF Lite「PicGIF Lite」は、写真やショートビデオからGIFアニメーションを作成できるアプリMacのみダウンロードして利用可能GifCamデスクトップ上の動きをGIFアニメーションにできるWindowsのみ利用可能LICEcap「LICEcap」は、デスクトップ上の動きをGIFアニメーションに変換することができるWindows・Macどちらでも

デザイン

  • 0
  • 110
  • 0
U3
Adobe XDで作成したデータをPSD（Photoshop）データとして書き出せる「Photopea」
Photopeahttps://www.photopea.com/サイトにアクセスし変換したいXDファイルを開いて、「ファイル」から「PSDとして保存」注意・リピートグリッドを解除しておく必要がある・ロゴは文字化けした・フォントは変わる

デザイン

  • 0
  • 1057
  • 0
U3
Adobe XD:位置の固定がなくなった
デザインモードにあった「位置の固定」が見当たりません。→2019年6月更新で、「スクロール時に位置を固定」がプロトタイプモードのプロパティインスペクターに移動しました。https://twitter.com/risay/status/1140858814125580288

デザイン

  • 0
  • 327
  • 0
U3
Font Awesome 5のアイコンをIllustratorやXDで使う方法！
https://notes-de-design.com/design/font-awesome-5-illustrator/

デザイン

  • 0
  • 649
  • 1
U3
【CSS】liの背景を縞々にする
liやセルの背景色を交互に付ける疑似クラスの:nth-child(n)を使いますnth-child(2)2番目のみに適用します。nth-child(2n)(2*0)=0、(2*1)=2、(2*2)=4という計算を繰り返すため偶数に背景色が付きます。nth-child(2n+1)(2*0+1)=1、(2*1+1)=3、(2*2+1)=5という計算を繰り返すため奇数に背景色が付きます。nth-child(2n-1)(2*0-1)=-1、(2*1-1)=1、(2*2-1)=3という計算を繰り返すため奇数に背景色が付きますが、この計算式を使うことはあまり無いでしょう。li:nth-child(even){ background:#CCCCCC; } tr:nth-child(even){ background:#CCCCCC; } td:nth-child(even){ background:#CCCCCC; } 古いIEは非対応です。

デザイン

  • 0
  • 112
  • 0
U3
コンバージョンボタンのデザインについて
参考https://swingroot.com/conversion-cta/色緑色が、青、紫、オレンジと比較してダウンロード数が3倍という結果も。コンバージョン率は同じ赤と緑なら、赤の方が21%コンバージョン率が高いというデータがある。よって安心が必要なボタンは緑行動を引き起こすボタンは赤がよさそうである。デザインの統一感にこだわり過ぎず、効果のあるCTAボタンを。重要なのは目立っていることである。ボタンとわかりやすい形アイコンをつける文字の左側にアイコンを配置するとボタンとわかりやすい立体感、動きボタンのテキスト訪問者目線の話し言葉に。

デザイン

  • 0
  • 136
  • 0
U3
ブラウザによって色が違う
違いの表現できるモニターで見ると異なって見えます。モニターを変えると同じに見えます。違いの分かるモニターの場合Edge,Chromeの見え方がそのまま（比較的色あせた感じ）Firefox,IEはやや鮮やかに見えるhttps://mato-memo.net/windows/srgb-color.html

デザイン

  • 0
  • 900
  • 0
U3
マテリアルデザインとは？　導入方法など
マテリアルデザインについて 2014年にGoogleが発表したデザインのガイドラインのこと。 UIデザインの変遷スキューモフィズム　→　フラットデザイン・モダンUI　→　（わかりにくい）　→　マテリアルデザイン 　→　ニューモーフィズム（2020～）マテリアルデザインは現実世界を表現マテリアルデザインでは、光、影、奥行きの表現を追加することで、現実世界の物が持つ「質量」表現している。参考URL マテリアルデザインでやってはいけない72のこと（間違いチェックリスト）https://saruwakakun.com/html-css/material/failure マテリアルデザインでの「ボタン」の使用ルールと作り方（サンプルCSS付）https://saruwakakun.com/html-css/material/button マテリアルデザイン https://material.angularjs.org/latest/demo/フレームワークによる実装Material Design for Bootstrap 4https://mdbootstrap.com/docs/jquery/https://uxmilk.jp/76081

デザイン

  • 0
  • 257
  • 0
U3
Adobe XD で使用できるすべてのショートカットキー
やり直し　Ctrl + Shift + Zhttps://helpx.adobe.com/jp/xd/help/keyboard-shortcuts.html

デザイン

  • 0
  • 69
  • 0
U3

アクセスランキング

1

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

8

2

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

6

3

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

5

4

Webデザイナー＋コーダー＝Readdy

4

5

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

4

6

NEWマークを任意の日数だけ表示させる（JavaScript）

4

7

★リスト表示をjQueryで絞り込んで表示させる方法(フィルタ機能)

4

8

Google広告で領収書や支払明細を発行したいとき

4

9

Adobe:Special characters must be escaped :[<].と出た

4

10

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

4

11

顧客管理：BASEの例

4

12

Excel：都道府県をプルダウンで選択すると、その都道府県の市区町村だけが次のセルの選択肢として出てくる

4

13

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

3

14

コンタクトフォーム7のテキストエリアのサイズ指定方法

3

15

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

2

16

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

2

17

WBMP形式の画像ファイルとは

2

18

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

2

19

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

2

20

Facebook広告：Facebookピクセルとは？

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

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

1

3

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

1

いいねランキング

1

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

2

2

Looker Studio（Googleが無料で提供するBIツール）

1

3

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

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

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

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

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