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

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


Font Awesome 5のアイコンをIllustratorやXDで使う方法！

U3
2020/4/13
2024/11/7

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

https://notes-de-design.com/design/font-awesome-5-illustrator/

コメント

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

関連する投稿

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

デザイン

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

デザイン

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

デザイン

  • 0
  • 104
  • 0
U3
Googleアナリティクスで外部リンクのクリック数を計測する方法！
https://analyze.siraberu.info/post-669/

デザイン

  • 0
  • 118
  • 0
U3
Adobe：PhotoshopでAdobeCCのログイン画面でIDが入力できない
Photoshopを使おうと思い、Adobe Creative Cloudのログイン画面が表示されたのでIDを入力しようとしても、反応がないという不具合がありました。Illustratorなど、Photoshop以外のアプリケーションを開いてそちらのAdobe CCログイン画面からだとログインができました。Photoshopのみの不具合のようです。

デザイン

  • 0
  • 1678
  • 1
U3
ゴリラ実験（注意の錯覚）ハーバード大学
ハーバード大学の研究室が行った、人間の注意力に関する実験があります。まずは、動画を見てください。黒いシャツのチームと白いシャツのチームが入り乱れながら、互いにバスケットボールをパスし合っています。「白いシャツのチーム」がパスをする回数を数えてください。複数人が動きながらパスしているので注意力が必要です。動画は埋め込むことができなかったので、YouTubeで「バスケット ゴリラ」などで検索して動画を見た後で、下のコメントを読んでください。↓

デザイン

  • 1
  • 2985
  • 0
U3
css:remとは
CSSの基本単位としてremを使うと超絶便利https://qiita.com/butchi_y/items/453654828d9d6c9f94b0可変のものはrem、不変のものはpxルート要素の font-size (例えば、html 要素の font-size) です。ルート要素で使うと初期値を表します。

デザイン

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

デザイン

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

デザイン

  • 0
  • 84
  • 0
U3
デザインの３つの分類とは？
design, Design, DESIGNこの３つは異なる意味合いで用いられるそうだ。見た目中心のデザイン（グラフィックデザイン、工業デザイン、印刷物）デジタル時代のデザイン（Webデザイン、UIデザイン、操作）デザインをビジネスに活用（デザイン思考、サービス設計、UX設計）一口に「デザイン」といっても、そのカバーする範囲や影響は異なる。だから、「デザイナー」と呼ばれる人どうしでも、互いの仕事はできなかったりすることが起こる。どれがどれに当たるかは下記のURLを参照ください。

デザイン

  • 0
  • 8
  • 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

文字化けしたりバリデーションに引っかかりそうな文字列（コピペ用）

1

16

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

1

17

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

1

18

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

1

19

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

1

20

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

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