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

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


Adobe XD で使用できるすべてのショートカットキー

U3
2020/5/11
2024/11/7

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

やり直し　Ctrl + Shift + Z


https://helpx.adobe.com/jp/xd/help/keyboard-shortcuts.html

コメント

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

関連する投稿

フリー素材集（イラスト）
https://www.seo-pro.jp/seo/free-img-illust-2019

デザイン

  • 0
  • 123
  • 0
U3
Photoshop：足りない背景を簡単につぎ足す方法（コンテンツに応じた塗りつぶし）★便利！
ものすごく簡単！写真などを定型サイズに合わせたいときに、背景が足りない場合があります。そんなとき、Photoshopなら簡単に自然な背景を追加することができます。メニューバー＞編集＞コンテンツに応じた塗りつぶし写真をレイヤーに取り込みます。レイヤーをラスタライズします。つぎ足したい部分（余白）を選択します。編集＞コンテンツに応じた塗りつぶし　を選択OKをクリック塗りつぶし部分だけの別レイヤーが出来ます。塗りつぶし　を使う方法もありますが、上記の方が断然自然ですごいです。すごいです。塗りつぶしの手順写真をレイヤーに取り込みます。レイヤーをラスタライズします。つぎ足したい部分（余白）を選択します。シフトキー+F5をクリックOKをクリックメニューバー＞編集＞塗りつぶし上記ではショートカットを使いましたが、メニューバーから選択することもできます。設定は下記の通りです。デフォルトでこうなっていると思うので、そのままOKボタンでよいと思います。使用：コンテンツに応じる描画モード：通用不透明度：100%写真もご参照ください。

デザイン

  • 0
  • 230
  • 0
U3
WebP（ウェッピー）とは？　Googleが開発した画像のフォーマット
WebPとは、2010年にGoogleが発表した新しい画像の保存形式（フォーマット）。2020年秋以降、AppleのSafariを含む全ての主要ブラウザでWebPが利用可能になりました。メリット非可逆圧縮（JPEGと同じ形式）なのに、アルファチャンネル（透過）を使えます。JPGとPNGの良さを両方合わせ持つファイルサイズが小さいこと　→Webサイトの表示速度が速くなる変換方法Googleが開発した画像データ変換サイトSquooshを使います。https://squoosh.app/Photoshopのプラグインを使う方法もあります。

デザイン

  • 0
  • 77
  • 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
  • 113
  • 0
U3
デザインの余白：上下に余白がある場合は下の余白を少し広く
「視覚的な安定感」を出すために、下側の余白（ボトムマージン）をわずかに広く取る手法が非常によく使われます。1. 理由：人間の視覚特性（錯視）人間は、幾何学的に真っ中心にあるものを、「少し下に沈んでいる」と感じる傾向があります。視覚的中心: 数学的な中心よりも、わずかに上が心地よい中心（視覚的中心）と感じられます。安定感: 下の余白を広くすることで、重心が下がり、デザインが「どっしり」と安定して見えます。逆に下が狭いと、要素が下に落ちそうな、窮屈で不安定な印象を与えてしまいます。2. 具体的な活用シーンシーン余白の調整方法効果ポストカード・ポスター下の余白を一番広くする（上＜左右＜下）額装された絵画のような高級感と安定感が出る。ボタン内の文字下を数ピクセルだけ広くする（または上を詰める）アルファベットの小文字などの重心を考慮し、中央に見えるようにする。Webサイトのセクション基本は上下均等だが、フッター付近は広く取るコンテンツの終わりを明確にし、安心感を与える。名刺のデザイン下側に名前や連絡先を置く際、底辺に余裕を持たせる手で持った時の隠れを考慮しつつ、視覚的なバランスを整える。3. 「均等」の方が良い場合もちろん、すべてにおいて下を大きくすれば良いわけではありません。以下のような場合は上下均等が好まれます。グリッドシステムを重視するWebデザイン: 規則正しいリズムで作る場合、上下のパディング（内側の余白）を揃えたほうがコーディングも美しく、モダンでフラットな印象になります。情報密度が高いアプリのUI: 画面をスクロールして次々に情報が出てくる場合、余白に差がありすぎるとリズムが崩れて見づらくなることがあります。まとめ：迷った時の「黄金比」もし「どれくらい広げればいいか？」と迷ったら、まずは以下の比率を試してみてください。上：下 ＝ 1：1.2 〜 1.5これだけで、プロっぽく落ち着いたレイアウトに見えるはずです。

デザイン

  • 0
  • 9
  • 0
U3
Photoshopで人物を切抜き：CC「選択とマスク」
https://helpx.adobe.com/jp/photoshop/how-to/crop-using-select-mask-tips.html 1.「選択範囲／選択とマスク」（キーボードショートカットキー：command+option+R／Ctrl+Alt+R）ワークスペースに切り換える 2.「クイック選択ツール」でドラッグして、選択範囲を作成する 3.「境界線調整ブラシツール」でふさふさしている部分をドラッグする 4.「出力先」を選択し、「選択とマスク」ワークスペースを終了する

デザイン

  • 0
  • 93
  • 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
  • 261
  • 0
U3
Adobe:Special characters must be escaped :[<].と出た
Dreamweaverで「Special characters must be escaped :[<].」というエラーが出た場合。『「＜(不等号記号)」はHTMLのタグとして使われ意味を持った特殊文字ですので、エスケープ文字を使うようにしなさい』というものです。文章内に不要な「＜」を残している場合にも表示される＜ のエスケープ文字は ”＆ｌｔ；”＞ のエスケープ文字は ”＆ｇｔ；”．＆ のエスケープ文字は ”＆ａｍｐ；””　のエスケープ文字は ”＆ｑｕｏｔ；”Dreamweaverのデザインビュー上でこれらの文字を入力すると、自動的にエスケープ文字に変換してくれる

デザイン

  • 0
  • 12798
  • 0
U3
スマホアプリのプロトタイプアプリ 「Prott」
無料で30日使えます。https://prottapp.com/ Adobe CCならXDもありますが、Prottはクラウドサービスなので共有がしやすそうです。 

デザイン

  • 0
  • 609
  • 0
U3
Font Awsomeで別窓で開くアイコンを使う
リンク先を別窓で開く場合に、自動で別窓アイコンがつくようにする参照元https://applired.net/external-link-icon//* 外部リンクのアイコン表示 */ #main a[target="_blank"]:after{ font-family: "Font Awesome 5 Free"; content: "\f360"; margin: 0 4px; font-weight: 600; font-size: 1.1em; }

デザイン

  • 0
  • 339
  • 0
U3

アクセスランキング

1

【解決】モニターディスプレイが消える「入力信号が見つかりませんでした」

5

2

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

4

3

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

4

4

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

4

5

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

4

6

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

3

7

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

3

8

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

3

9

Rocket.chatのスターとピン止めの違い

3

10

TortoiseSVNのインストールと日本語化

3

11

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

3

12

Events Managerの予約フォームをカスタマイズしたい

3

13

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

2

14

Macでカタカナ変換するショートカットキー

2

15

無料でフォームを作成できるツール

2

16

ロリポップの「スタンダードプラン」と「ハイスピードプラン」は何が違うの？

2

17

ワーカーへ外注する際の源泉徴収の概念（法人）

2

18

コンタクトフォーム７：テキストボックスの幅がsize:で変わらない

2

19

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

2

20

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

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

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

1

3

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

1

いいねランキング

1

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

2

2

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

2

3

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

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

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

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

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