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/


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

コメント

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

関連する投稿

レスポンシブデザインでWebサイトのデザインを作成する方法
https://marketingnative.jp/how-to-create-a-responsive-web-design/

デザイン

  • 0
  • 118
  • 0
U3
XD：レスポンシブデザインの作り方
https://wp.yat-net.com/?p=6784

デザイン

  • 0
  • 221
  • 0
U3
アトミックデザインとは
アトミックデザインは、Skechと相性が良い考え方。Uデザイナーにとての銀の弾（問題を超簡単に解決してくれる手段）となりうるパーツを一番小さい単位（ボタンなど）からデザインしていく（原子からデザインしていく）手法。LABEL要素、INPUT要素、Buttonなどの各要素のデザインをまず決める。アメリカのWebデザイナーが提唱したデザイン手法。

デザイン

  • 0
  • 58
  • 0
U3
SVGのpath要素
SVGを使えば表現できる図形やアニメーションの幅が広がります。今ではほとんどのブラウザがSVGをサポートしています。＜マーク等、画像を使うほどでもない時に使います。SVGのpathタグを使っている例https://coubic.com/のフッターメニューの折り畳み上向き＞下向き＞ナビメニューナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめhttp://photoshopvip.net/97481参考https://ferret-plus.com/7522https://liginc.co.jp/web/html-css/html/154217

デザイン

  • 0
  • 105
  • 0
U3
ニューモーフィズム～Webデザインのトレンド
Webデザインのトレンドは、スキューモーフィズムからマテリアルデザイン、そしてニューモーフィズムへと移り変わっています。スキューモーフィズムWebサイトのUIデザインの概念。実物っぽい装飾を施したデザインのこと。リッチデザインとも呼ばれる。フラットデザインの対局にある。マテリアルデザインGoogleの提唱するマテリアルデザインは、フラットデザインのシンプルさを残しながらも、影や立体感で実物っぽさを出すことに挑戦している。ニューモーフィズム（Neumorphism)2020年のUIで新しく出てきたニューモーフィズムは、マテリアルデザインに写実性を持たせたもの。背景と部品が同じ色で作られている斬新な設計である。XDのUIキットhttps://xdfile.com/free-neomorphic-ui-kit-xd/ジェネレーターhttps://neumorphism.io/デモhttps://demo.themesberg.com/neumorphism-ui/https://demo.themewagon.com/preview/free-bootstrap-4-html5-ui-kit-website-template-neumorphism-ui

デザイン

  • 0
  • 1131
  • 0
U3
フローチャートを作るための無料ツール
パワーポイントやWord、Excelで作るよりこのツールを使うのがよさそう。共有もしやすいし、図の調整もしやすい。   https://www.draw.io/  クラウドで使えます。   Chromeで追加したら、最初に右下の地球マークから日本語に言語設定をすると、つかいやすいです。Google翻訳の日本語のようですが、英語よりはずっとよいです。   赤字の「保存してください」をクリックしないと、消えます。      

デザイン

  • 0
  • 403
  • 0
U3
マテリアルデザインのボタン
マテリアルデザインはGoogleにより明確なガイドラインが発表されています。「ボタンの位置や形」や「影のつけ方」までルールが決まっています。https://saruwakakun.com/html-css/material/vs-flat

デザイン

  • 0
  • 186
  • 0
U3
Adobe XDの無料素材
Adobe XDの無料のUIキット、アイコンセット、プラグイン、アプリ連携などを活用して、UI/UXデザインを始めてみましょう。https://www.adobe.com/jp/products/xd/resources.htmlタブが分かれています。

デザイン

  • 0
  • 104
  • 0
U3
「インフォグラフィック」を簡単に作れるサイトCANVA
インフォグラフィックとはグラフィカルに情報を伝えることをインフォグラフィックと言います。次の7種類があります。ピクトグラム：非常口のマークなど、直感的にわかるマークダイアグラム：情報を幾何学的なマークで表したものチャート相関図フローチャート年表地図ノンデザイナーがインフォグラフィック作るとなると敷居が高く感じますが、かんたんにインフォグラフィックが作れるツールがあります。Canvahttp://www.canva.com作ったインフォグラフィックを埋め込みコード（HTML)として出力して、ホームページに埋め込めます。ワードプレスに挿入する用の出力形式もあります。ホームページに埋め込んだ場合、Canva上で行った修正がそのまま反映されるのでとても便利です。インフォグラフィックのシェアなどもできます。Canvaのクレジットは表示されるものの、無料プランもあります。他にもあります。easel.lyhttps://www.easel.lyPiktocharthttps://piktochart.comVenngagehttps://venngage.com

デザイン

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

デザイン

  • 0
  • 235
  • 0
U3

アクセスランキング

1

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

7

2

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

6

3

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

4

4

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

4

5

マテリアルアイコンがずれる

3

6

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

2

7

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

2

8

VS CodeのCopiletに日本語音声入力したいが英語になってしまう時の対処法

2

9

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

2

10

[Microsoft Word] 表紙や目次の後からページを開始するようにするには

2

11

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

2

12

Google広告×アクセス解析でLooker Studioを使うべき「3つの理由」

1

13

どのようにアクセス解析をして、どのようなレポートを出せばよいか

1

14

米国の「CLOUD法」という強力な法律

1

15

メール送信：resendのドメイン設定（ムームードメインへの入力方法）

1

16

AIの引用数を見る方法〜Bing Webmaster Tools

1

17

「クラウドサービス」って何？　初心者にもわかりやすく教えて

1

18

ディープリサーチってなんだ

1

19

AIワークフローツールの使い分け、Zapier・MakeとDify、Coze、Gumloopをどう使い分けたらいいか

1

20

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

1

コメントランキング

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