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

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


マテリアルデザインのボタン

U3
2020/4/20
2024/11/7

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

マテリアルデザインはGoogleにより明確なガイドラインが発表されています。「ボタンの位置や形」や「影のつけ方」までルールが決まっています。


https://saruwakakun.com/html-css/material/vs-flat


参考URL https://material.io/design

コメント

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

関連する投稿

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

デザイン

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

デザイン

  • 0
  • 63
  • 0
U3
マテリアルデザインにおけるカード、チップス、タブの使い方
カードカードは、より複雑で詳細な情報への エントリーポイントとして用いられることが多い。カードは 異なるタイプのオブジェクトから構成されるコンテンツを表示するのに便利な手段である。また、似たようなオブジェクトでも、 サイズやアクションが多様なものを表示するのにも適している。サイズが同じでアクションも

デザイン

  • 0
  • 649
  • 0
U3
Font Awesome などアイコンフォントにないはてなブックマークを自力で追加する簡単な方法
https://hayashikejinan.com/webwork/css/913/

デザイン

  • 0
  • 309
  • 0
U3
Adobeの契約がないけれど,IllustratorやPhotoshopのデータを開いて編集したいという時はどうしたらいい?
無料のInkscapeを使えば編集ができるMacのInkscapeダウンロード画面https://inkscape.org/download/mac-os-x/

デザイン

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

デザイン

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

デザイン

  • 0
  • 228
  • 0
U3
Adobe Stock :Adobeが提供するサブスクリプションの素材ストックサービス
イラストレーターやアフターエフェクツでモーショングラフィックスを作る時に便利なベクター素材もあります。アニメーション動画、PR動画などを作りたい時にもぴったりでは。

デザイン

  • 0
  • 175
  • 0
U3
「デザイン・ルールズ」から学ぶ、情報が伝わりやすいデザインの4原則
デザインというと、センスや才能が必要だと思われがちですが、実はいくつかのルールを知るだけで、見やすいデザインを作ることができます。デザインの基本を学べる名著「デザイン・ルールズ」で紹介されている4つの原則をご紹介します。1. 近接(Proximity)関連する項目は近くに配置し、関連しない項目は離し

デザイン

  • 0
  • 41
  • 0
U3
「インフォグラフィック」を簡単に作れるサイトCANVA
インフォグラフィックとはグラフィカルに情報を伝えることをインフォグラフィックと言います。次の7種類があります。ピクトグラム:非常口のマークなど、直感的にわかるマークダイアグラム:情報を幾何学的なマークで表したものチャート相関図フローチャート年表地図ノンデザイナーがインフォグラフィック作るとなると敷居

デザイン

  • 0
  • 164
  • 0
U3

アクセスランキング

1

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

11

2

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

10

3

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

9

4

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

7

5

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

6

6

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

4

7

スーパーリロードのショートカットは[Ctrl]+[Shift]+[R]キー

4

8

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

3

9

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

3

10

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

2

11

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

2

12

情報整理における「コウモリ問題」とは?

2

13

動画生成を自動化できるマルモキャスト

2

14

ChatGPTはもう古い? 知らなきゃ損の便利なAIツール

2

15

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

2

16

同一サーバー上で同じ階層にWordPressサイトを複製する手順・プラグイン不使用

2

17

Apple Distribution証明書の発行上限数は3つ

2

18

拡張子が.dat のファイルがメールに添付されて送られてきた場合の原因と対処法

2

19

社外にファイル共有する時は注意! Word・Excelのプロパティ情報に個人情報が載る場合が

2

20

Macのテキストエディットで.txtファイルを作る

2

コメントランキング

1

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

1

2

AIO (AI最適化) 重点要件

1

3

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

1

いいねランキング

1

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

2

2

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

2

3

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

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

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

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

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