並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 330件

新着順 人気順

iconの検索結果1 - 40 件 / 330件

  • Choosing the perfect icons for your typeface

    A complete guide on how to pair icons and typefaces to create a consistent visual language.Choosing the right icon set to complement a specific typeface is crucial for maintaining visual consistency in a project. This ensures that all the elements work together to create a recognizable brand and improve the overall user experience. Here's what you need to know to make the right choices. Early cons

      Choosing the perfect icons for your typeface
    • 昔の日本ではハート形を何と呼んでいたのだろう 気になるねえ 何故気になっ..

      昔の日本ではハート形を何と呼んでいたのだろう 気になるねえ 何故気になったのか 昨晩の鉄腕DASHで自然薯を掘っているのを見たから 「自然薯を探すときはまず特徴的なハート形の葉を探すとよい」のような説明がされることがままある 「ハート形」という概念が無い昔の日本だと自然薯や山芋の葉のような形を何と呼んでいたのか、というのを知りたい 調べましょうね とりあえず「ハート 昔 日本」でぐぐってみるか…… なるほど、西洋からいわゆる「ハート」概念が伝来する以前から土器や織物にハート形の文様が存在する、と 神社仏閣など建築物には「猪目」と呼ばれるハート形の意匠が施されている、と なるほどねえ じゃあ昔の日本で自然薯を探すときは「猪目型の葉っぱを探すとよい」と説明されていたのだろうなぁ~ ……とはならない 「西洋ハート伝来以前から猪目と呼ばれるハート形の文様が存在した」イコール「自然薯など芋系のハート

        昔の日本ではハート形を何と呼んでいたのだろう 気になるねえ 何故気になっ..
      • How to design icons in Figma

        An in-depth guide to icon creationDesign should be democratic, that's why our team refuses to hide the process behind our art. So here we are, ready to reveal all our tricks in what has become by its own merits a great home for any icon designer: Figma. What you need to know before designingWe want to make sure that this article is interesting for those who are already familiar with the icon desig

          How to design icons in Figma
        • これでもうUIデザイン用のSVGアイコンに困らない! 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy

          商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Codeのプラグインも揃っており、そこから直接アイコンを利用することもできるので、かなり便利です。 Iconbuddy -200K+ open source free svg icons Iconbuddyの特徴 SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr

            これでもうUIデザイン用のSVGアイコンに困らない! 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy
          • Feature Flag Deep Dive

            チーム勉強会で Feature Flag とトランクベース開発の話をしました (追加訂正と書かれているスライドは、勉強会後議論した結果を反映したものです)

              Feature Flag Deep Dive
            • UIデザインで、小さいサイズでもはっきりと美しく見えるように設計されたMicroサイズのSVGアイコン -Heroicons Micro

              テキストの横にアイコンを配置すると、アイコンが少し大きすぎてバランスが悪いと感じることはありませんか? アイコンは通常のMiniサイズだと20x20ですが、それより一回り小さく高密度のUI向けに設計されたMicroサイズの16x16のSVGアイコンを紹介します。 Heroicons Micro Heroicons -GitHub Heroicons Microの特徴 Heroicons Microのダウンロード Heroicons Microのアイコン Heroicons Microの特徴 Microサイズのアイコンは、先日v2.1にアップデートされたHeroiconsに新しく加わったサイズです。 タイトで高密度のUI向けに設計されており、UIデザイン用に約300種類のアイコンが揃っています。MITライセンスで、商用プロジェクトでも無料で利用できます。 Heroicons 既存のアイコンを

                UIデザインで、小さいサイズでもはっきりと美しく見えるように設計されたMicroサイズのSVGアイコン -Heroicons Micro
              • Input Prompts · Kenney

                Contains glyphs for: Xbox 360, Xbox One & Xbox Series PlayStation™ 1 – 5 Steam Deck Steam Controller Nintendo Switch Nintendo Wii Nintendo WiiU Playdate Keyboard & mouse Generic controls Flairs

                  Input Prompts · Kenney
                • これでもうUIデザイン用のSVGアイコンに困らない! 2,000種類以上が揃った商用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon

                  WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 このアイコンの特徴は、小さいサイズでもくっきり見えること。2,452種類のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 MingCute Iconのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute Iconは、Webサイトやスマホアプリ用にシンプルで洗練されたデザインのアイコンです。すべてのアイコンは、24x24のグリッド内に設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストロークとなっています。アイコンのフォーマッ

                    これでもうUIデザイン用のSVGアイコンに困らない! 2,000種類以上が揃った商用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon
                  • イーロン・マスク、Twitterのホームアイコンが鳥小屋だったことにようやく気づく。iOSアプリ更新で撤去完了 | テクノエッジ TechnoEdge

                    最近 iOS版の X / 旧Twitter をアップデートして何か微妙な違和感を覚えた人は、もしかするとこれが原因かもしれません。 小鳥のさえずりという意味であるサービス名「Twitter」を自身の宿願だった「X」に変え、アイコンもブランド価値の高かった青い鳥から「𝕏」にしてユーザーを驚かせるなど、旧Twitterの象徴である鳥の追放に余念がないイーロン・マスク氏ですが、ホームアイコンが鳥の巣箱だったことには気づかなかったらしく、Xに変えたあともTwitterと同じままでした。

                      イーロン・マスク、Twitterのホームアイコンが鳥小屋だったことにようやく気づく。iOSアプリ更新で撤去完了 | テクノエッジ TechnoEdge
                    • 「ドコモの絵文字が見づらい問題」を考える なぜ、今のスマホにそぐわないのか

                      携帯電話を用いたコミュニケーションの手法の1つに「絵文字」がある。日本で生まれたこの絵文字は、GoogleとAppleによって標準化され、今ではさまざまなスマートフォンやPCでもでも閲覧できる。 その一方、ドコモで販売されるAndroidスマートフォンには、いまだフィーチャーフォン時代の絵文字が表示される。しかしこれが今のスマートフォンにそぐわない側面が出ている。この絵文字問題について考察したい。 今の絵文字は日本のものをベースにGoogleとAppleが標準化を提案 絵文字を携帯電話に採用したのは、NTTドコモが最初だ。この後にDDI(現au)、J-フォン(現ソフトバンク)が採用する形で続く。絵文字にはシフトJISというコードが用いられていたが、互換性維持の空き領域に絵文字を割り当てたことから、キャリア間で互換性がなく、文字化けの要因となっていた。 後に自動変換サービスも展開されたが、使

                        「ドコモの絵文字が見づらい問題」を考える なぜ、今のスマホにそぐわないのか
                      • Free Vector Icons & Icon Pack with Free download 200K+ Icons | BlendIcons.com

                        Free IconsThe world’s largest unique icons, drawn by hand and designed for creative expression. With dozens of different styles. Start by downloading our free vector icons.

                          Free Vector Icons & Icon Pack with Free download 200K+ Icons | BlendIcons.com
                        • これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons

                          WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上! ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ

                            これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
                          • All styles Icons - Free All styles Vector Icon Download | BlendIcons.com

                            Free IconsThe world’s largest unique icons, drawn by hand and designed for creative expression. With dozens of different styles. Start by downloading our free vector icons.

                              All styles Icons - Free All styles Vector Icon Download | BlendIcons.com
                            • Mezze – Convert and Export Icons as React Components | Figma

                              It's a chore keeping icons updated cross-functionally. Mezze allows you to convert and export icons as React components, and pushes changes directly to your Git repos. See Mezze in action 🎬 ⚡ Benefits: Designers no longer have to export icons from Figma every time there are changes or additions...

                                Mezze – Convert and Export Icons as React Components | Figma
                              • Free Icons Download, Various Styles Free Vector Icon's | BlendIcons.com

                                A new way to work!17 wholesome months. That’s how long it took us to gather all your most-used icons in one place. Meet BlendIcons, your favorite icons platform. The perfect free icons app Focus is everything.With BlendIcons, you can plug into a flow of creative work. Enjoy elegant, clean, monochrome and colored icons from one central place. No more tons of low-quality, pixelated icons. Every icon

                                  Free Icons Download, Various Styles Free Vector Icon's | BlendIcons.com
                                • 最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ

                                  最近Webサイトやスマホアプリを利用していてふと気づいたことがある。 「あれ、さっき見てたのどれだっけ?」と思うくらい無意識のうちにどれだったかがわからない状態。そう、アイコンがどれも似ている。その感覚自体は以前にもあったのだが、今回は趣が少し違う。 以前は「アイコン全てカラフル問題」だったのが、今回は「アイコンどんどん黒くなっていく問題 = ブラック化現象」が発生している。 そう、最近は白と黒のアイコンがあまりにも多くないか?そんな気がして少し考察してみることにした。 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 X → Twitterへのドラスティックなリブランドの衝撃まずその傾向の代表が、爽やかな水色からシックなモノトーンになった Twitter、いや、Xだろう。

                                    最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ
                                  • Lucide Icons

                                    Beautiful & consistent icon toolkit made by the community.

                                      Lucide Icons
                                    • TwitterがXになったし、アプリアイコンだけでA~Zはそろう? 大人の自由研究やってみた

                                      TwitterがXになったし、アプリアイコンだけでA~Zはそろう? 大人の自由研究やってみた:明日から使えるITトリビア(1/4 ページ) 8月を迎え、夏休みに入った小中高生も多いだろう。夏休みといえば、記者が思い出すのは自由研究の宿題だ。記者は当時、本で調べた昆虫の生態レポートなどを提出していたが、もし2023年に自由研究に取り組むなら、もっとネットやITサービスを利用していたのだろうかと、ふと考える。 8月3日現在、IT系ニュースで今話題の中心になっているのは、X(元Twitter)関連の話だろう。イーロン・マスク氏によってアプリの名称がTwitterからXへと変わり、多くの人に影響を与えた。そんな中、記者の中で1つの疑問が浮かぶ。「『X』アプリができたし、アプリアイコンでアルファベット26種全てそろったのでは?」 というわけで、スマートフォンのアプリアイコンでアルファベット26種全て

                                        TwitterがXになったし、アプリアイコンだけでA~Zはそろう? 大人の自由研究やってみた
                                      • CSS Modules で作る SVG Icon Component

                                        この<Icon />コンポーネントを使用すると、以下キャプチャのようになります。 UI ライブラリから提供されているものを使用する選択肢もありますが、デザイナーが用意した SVG を使用する場合は自作する必要があります。自作<Icon />コンポーネントのフォルダ構成は、概ね以下のようになるでしょう。 SVG Icon Component をどう作るか アイコン画像を背景画像ではなく SVG にする理由は「塗り色」を動的に変更したいためです。新色を追加するとき、全種のアイコン画像を追加するのは大変です。SVG であれば、要素に対しpath { fill: #ff0; }のように CSS 指定をすることで動的に塗り色を変更できるため、このようなケースでは「インラインレンダリング」が選択できます。インラインレンダリングであれば、塗り色だけでなくサイズも動的に変更できます。 ただし、インラインレ

                                          CSS Modules で作る SVG Icon Component
                                        • さよならTwitterの青い鳥。11年使われたアイコン、デザイナーが解説

                                          青い鳥ともお別れ? デザイナーがアイコン制作の経緯を解説 「Twitter」を運営するXのイーロン・マスク氏が7月23日、「まもなくTwitterブランドと、そして徐々に、全ての鳥たちとも別れを告げる」とTwitter上で発言。 And soon we shall bid adieu to the twitter brand and, gradually, all the birds — Elon Musk (@elonmusk) July 23, 2023 Xは、同氏がツイッター買収のために設立した企業。同氏の発言は、Twitterという名称と、象徴的な鳥のアイコンを、新しいものに置き換えていくことを示唆している。 Today we say goodbye to this great blue bird This logo was designed in 2012 by a team o

                                            さよならTwitterの青い鳥。11年使われたアイコン、デザイナーが解説
                                          • Iconbuddy — 200K+ open source free svg icons

                                            The ultimate source for icons.Download, Customize, Edit and Personalize. Over 200k+ open source icons.

                                              Iconbuddy — 200K+ open source free svg icons
                                            • Figmaですぐに使えるUIデザイン用のアイコン素材! シンプルで、可読性を最大限に高めた4,000種類のアイコン

                                              WebサイトやスマホアプリのUIデザイン用にシンプルで、可読性を最大限に高めたアイコン素材を紹介します。ライン・デュオトーン・ソリッド・フラットの4つのスタイルに、計4,000種類のアイコンが揃っています。 アイコンはオープンソースなので、商用プロジェクトでも無料で利用できます。Figmaで配布されているので、すぐに使用できるのも嬉しいですね。 4,000 Free + Open Source Icons アイコン界のヘルベチカを目指して、可読性を最大限に高めるために14pxのグリッド上に構築されています。Streamlineの10年以上の経験を持つ8人のアイコンデザイナーによって作成されています。 アイコンの利用方法は簡単で、下記ページにアクセスし、「Figmaで開く」をクリックします。

                                                Figmaですぐに使えるUIデザイン用のアイコン素材! シンプルで、可読性を最大限に高めた4,000種類のアイコン
                                              • イラストレーション・アイコン素材|デジタル庁

                                                素材集の活用で、行政手続きをもっとわかりやすく専門的でわかりにくい行政手続きの改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政府として公式に配布する専用の素材がありませんでした。 そのため、地方自治体や民間サービスの方々が独自に作成する必要があり、表現が伝え手によってバラバラになる課題を抱えていました。 コストを抑えて、わかりやすい表現が可能にイラストレーションやアイコン素材の作成には、専門的な知識と多くの時間が必要です。視認性が高く保たれているか? 日本に暮らす人、訪れる人が理解しやすい表現になっているか? など、さまざまな検討事項があります。どなたでもご利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省くことができます。 また同時に、素材制

                                                  イラストレーション・アイコン素材|デジタル庁
                                                • どなたでも利用できる、イラストレーション・アイコン素材集を配布します |デジタル庁

                                                  ※2023年6月27日 「今回配布を予定しているアイコンの例」画像を差し替えました。 ライセンスの記載について追記しました。 デジタル庁では、行政手続をわかりやすくするためのイラストレーションやアイコン素材集の制作をおこなっています。 2023年の始めにプロジェクトが発足し、これまでデジタル庁の四半期報告会見資料や、重点計画資料で活用をおこなってきました。これらの素材集を、府省庁や自治体、事業者の方々など、どなたでも活用ができるように配布をはじめます。 Figma Communityで公開しているデジタル庁デザインシステムから、ウェブやアプリケーションで利用ができる素材を6月中に配布開始予定です。 専門的でわかりにくい行政手続の改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政

                                                    どなたでも利用できる、イラストレーション・アイコン素材集を配布します |デジタル庁
                                                  • Serial Info Viewer(フリーウェア) - sakayaya - BOOTH

                                                    Windows10,Windows11に接続されているCOMポートをすべて表示します。 デバイスマネージャーを開かなくても簡単にCOMポートを調べることができます。もともとは自分用に作成しましたが、結構便利なので公開します。Python3.11.3で開発しています。 ダウンロードしてくれたら、DL数の目安を知りたいので💛ボタンをクリックしてくれるとありがたいです。 詳細デバイスマネージャーを開かなくても簡単にCOMポートを調べることができます。ダウンロードしたzipファイルを適当なフォルダーに格納します。立ち上げたらSerial Information Viewボタンをクリックするだけで使用できるシリアル通信ポートを確認できます。 ESETのウィルススキャンソフトにてスキャン済。デジタル証明はありません。初回起動時に「WindowsによってPCが保護されました」と表示される場合があります

                                                      Serial Info Viewer(フリーウェア) - sakayaya - BOOTH
                                                    • もうこれでSVGアイコンを探すときに困らない! 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes

                                                      当ブログでもたくさんのSVGアイコンのライブラリを紹介してきましたが、それらのほとんどがひとまとめに閲覧・検索できる便利なサイトを紹介します。 複数のアイコンライブラリから探せるだけでなく、異なるライブラリのアイコンをまとめてアイコンフォントにもできます。矢印アイコンはMaterial Iconsで、ホームアイコンはBootstrapで、ということもできます。

                                                        もうこれでSVGアイコンを探すときに困らない! 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes
                                                      • 商用利用無料! 医療・健康向けのUI用に美しくデザインされたSVGとFigmaのアイコン素材 -svg.health

                                                        医療や健康、メディカル、ヘルスケアのアイテムが美しくデザインされたアイコン素材を紹介します。 珍しいアイコンがかなり多く揃っており、医療や健康関連のデザインをする時には重宝すると思います。SVGだけでなく、Figma用も揃っているので、便利です。

                                                          商用利用無料! 医療・健康向けのUI用に美しくデザインされたSVGとFigmaのアイコン素材 -svg.health
                                                        • UIデザインに最適! シンプルなSVGアイコン素材が7,000種類以上揃っていて、完全に商用利用無料 -Phosphor Icons

                                                          WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。 アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデザインに適用できると思います。 Phosphor Icons Phosphor Icons -GitHub Phosphor Iconsの特徴 Phosphor Iconsのアイコンのダウンロード Phosphor Iconsのアイコン Phosphor Iconsの特徴 Phosphor Iconsは、WebサイトやスマホアプリのUIデザインをはじめ、プレゼンテーションやダイアグラムなどさまざまな成果物に使用できるフレシキブルなアイコンのセットです。 7,000種類以上のSVGアイコンが揃っています。 6つのスタイル(Thin, Light, Regular, Bold,

                                                            UIデザインに最適! シンプルなSVGアイコン素材が7,000種類以上揃っていて、完全に商用利用無料 -Phosphor Icons
                                                          • 【悲報】広島現代美術館のトイレにまたしてもイシキタカイ系デザイナー自己満足の無意味ピクトグラムが設置された上に無意味な能書きまで追加される。「男」「女」と横に明記されている分まだ救いはあるか

                                                            公(広島市) @kou_mamorukai 元「広島市を護る会」代表。 #広島市 に #ヘイトスピーチ 条例を作ろうという外部団体ができたので、条例制定反対の民意を届けるため会を立ち上げました、が、状況が落ち着いたので活動休止しました。 行政のHPからスクショで抜くことがありますが転載自由。もともと自分のものでもないですし🙄

                                                              【悲報】広島現代美術館のトイレにまたしてもイシキタカイ系デザイナー自己満足の無意味ピクトグラムが設置された上に無意味な能書きまで追加される。「男」「女」と横に明記されている分まだ救いはあるか
                                                            • Google Chrome、南京錠アイコンを2023年9月に廃止

                                                              Google Chromeチームは5月2日(米国時間)、「Chromium Blog: An Update on the Lock Icon」において、2023年9月にリリースを予定している「Google Chrome 117」からアドレスバーにおける南京錠アイコンの表示を廃止すると伝えた。代わりに「調整」を意味するアイコンを表示すると説明している。 Chromium Blog: An Update on the Lock Icon アドレスバーの南京錠アイコンはWebブラウザがHTTPSで通信を行っていることを示すものとして導入された。通信の多くがHTTPで行われていた時代、傍受を防ぎやすいHTTPSが使われていることを示すために南京錠のアイコンが導入された。導入当初このアイコンは役割を果たしたが、現在この意味は失われはじめていると点をGoogleは指摘している。 Googleは次の2つ

                                                                Google Chrome、南京錠アイコンを2023年9月に廃止
                                                              • 速度表示のデザインにウサギとカメのイラストを添えたら管理職から「海外で理解されないのでは」と質問されたがISOにも設定されているマークである

                                                                RFIR @RFIR0706 速度表示には綺麗にデザインした🐇🐢のイラストを添えている。こちらは賛否両論、とある管理職は「海外で理解されないのでは?」と。それは逆で欧米機械、🐇🐢表示多くISOにも設定有。国内でも、その流れを受けた建機/納期/船舶に🐇🐢多用 ともあれ国人種問わず分かりやすい方向へと考えて pic.twitter.com/5kpBfQXlSe 2023-05-03 11:11:25

                                                                  速度表示のデザインにウサギとカメのイラストを添えたら管理職から「海外で理解されないのでは」と質問されたがISOにも設定されているマークである
                                                                • ずぼらな私の2023年のファビコン事情(SVGでダークモード対応)

                                                                  2023/05/03: 下部にさらにズボラな案を追加、FAQも追加しました。 デモサイトを作りました。リポジトリはこちら。 favicon(ファビコン)てなに? みんなだいすき、ブラウザのタブの妖精、この小さいアイコンたちです。 サイトに設定されているファビコンをチェックするには Chrome だと Favicon Detector 拡張を使うと便利。ぜひインストールしていろんなサイトを見てみてくださいね! こちらは Spotify のファビコンを Favicon Detector 拡張でチェックした例です。 ところでファビコン、こんなにいる? つらつらと…長い…全部いるのこれ? <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-tou

                                                                    ずぼらな私の2023年のファビコン事情(SVGでダークモード対応)
                                                                  • SVGアイコンを探すときの新定番! オープンソースのSVGアイコンを横断検索で、好みのデザインを見つけることができる -Iconhunt

                                                                    オープンソースのSVGアイコンを探すときに大変なのが、好みのデザインを見つけることだと思います。たとえば、検索用の虫メガネアイコンだとレンズの大きさ、持ち手の長さ、レンズと持ち手のバランス、ストロークの太さなど、いろいろなデザインのアイコンがあります。 オープンソースのさまざまなアイコンを横断検索して、好みのデザインを見つけることができるSVGアイコン特化の検索エンジンを紹介します。 Iconhunt Iconhuntは、オープンソースのアイコン(約150K)を対象にした検索エンジンです。キーワードを入力すると、各ライブラリのそのアイコンが一覧で表示されます。アイコンはすべて、MITライセンスの下でライセンスされているIconify -GitHubに従っています。

                                                                      SVGアイコンを探すときの新定番! オープンソースのSVGアイコンを横断検索で、好みのデザインを見つけることができる -Iconhunt
                                                                    • なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか?

                                                                      回答 (3件中の1件目) いわゆるフラットデザインと呼ばれるデザインの潮流は明確に原点があります。 以下は、マイクロソフトが2010年にデザインイベントMIX10でセッション公開した資料です。 https://www.slideshare.net/stevecla/windows-phone-ui-and-design-language-3511859 オリジナルの資料(Windows Phone UI and Design Language)は公開終了してしまったようなので、slideshareにあるコピーのリンクを貼っておきます。 iPhoneの登場とスマートフォン市場の勃興に...

                                                                        なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか?
                                                                      • MidjourneyをWebデザインの素材として使う方法!呪文公開。

                                                                        私は今、画像生成AIが楽しくて、暇さえあれば色々な画像を生成して楽しんでいます。 もともと、私がAI画像生成を使い始めたきっかけは、Webメディアのデザインの素材として使えるのではないかと思ったことがきっかけです。 私はいくつかのメディアを運営しているのですが、そのなかで多くの写真素材やイラスト素材が必要になります。大抵はフリー素材を使用しているのですが、フリー素材の中に気に入るものがない場合はストックフォトサイトで購入することもありました。 素材探しには結構時間かかることもあったので、AIを使って自分で素材を生成できるならそっちの方が速そうだし、なんか楽しそうだなと思いました。 Midjourneyを使って4か月ほど経ち、これまでに色々な画像を生成して、Webサイトのアイキャッチ、Web広告なんかを作ってきましたが、とても満足しています。 そこで、この記事では、実際にサンプルで作ったWe

                                                                          MidjourneyをWebデザインの素材として使う方法!呪文公開。
                                                                        • CDB@初書籍発売中! on Twitter: "しかし、Twitter公式アイコンが青い鳥から犬に変わったの、使ってて心理的に与えるダメージがものすごいな。プロが曲線を組み合わせて作った良質でシンプルなデザインから、ネットミームの写真切り出しに変わっただけで、サービス全体が下品でアングラな雰囲気になる。デザインの重要性ってすごいね" / Twitter

                                                                            CDB@初書籍発売中! on Twitter: "しかし、Twitter公式アイコンが青い鳥から犬に変わったの、使ってて心理的に与えるダメージがものすごいな。プロが曲線を組み合わせて作った良質でシンプルなデザインから、ネットミームの写真切り出しに変わっただけで、サービス全体が下品でアングラな雰囲気になる。デザインの重要性ってすごいね" / Twitter
                                                                          • メタファー空間でGPT4に発散と抽象化をさせてから具体化する - 西尾泰和のScrapbox

                                                                            あるメタファーの空間において二つのメタファーの対比(B)についてGPT4に列挙(1)させ、それからその対比を抽象化(2)させる。その後、抽象化した対比を異なるドメインに応用して具体化(3)させた

                                                                              メタファー空間でGPT4に発散と抽象化をさせてから具体化する - 西尾泰和のScrapbox
                                                                            • Googleドライブの匿名アニマルを愛でる

                                                                              ライターの業務上、Googleドライブのドキュメントやスプレッドシートを使うことがよくある。 いつも気になっているのが、「他のユーザーがいまこのファイルを見ています」という状態を示す動物アイコン。どうしてこのチョイスにしたんだ?というものが多く、表示されるたびにスクリーンショットを撮っていた。 今回は、筆者が集めた匿名アニマルコレクションを1匹ずつ観賞し、そのよさを愛でたいと思う。 Googleドライブでファイル共有をしたことがある方なら、一度は見たことがあるだろう。 こういったページの…… この部分。 「いま他のユーザーがこのドキュメントを見ていますよ」ということを表していて、オンマウスで動物の名前が表示される(Googleの公式ヘルプ曰く“この現象は、ドキュメントを一般公開している場合や、リンクを知っているユーザーとドキュメントを共有している場合に発生します。”とのこと)。 その際、表

                                                                                Googleドライブの匿名アニマルを愛でる
                                                                              • UIデザインのアイコンにお勧め! セリフフォントの特徴をデザインに取り入れた美しいアイコン素材 -Icons8

                                                                                当ブログでもお馴染みのIcons8から実験的なアイコンとして、セリフフォントの特徴をデザインに取り入れたSerif iconsがリリースされたので紹介します。 アイコンはセリフフォントのようにストロークの端に飾りがついているデザインで、箇条書きリストやテキストボックスに適しています。

                                                                                  UIデザインのアイコンにお勧め! セリフフォントの特徴をデザインに取り入れた美しいアイコン素材 -Icons8
                                                                                • IconHunt

                                                                                  Required parameter: searchterm, string: searchterm Keywords: palette, boolean: Filter icons by palette. Example queries: "arrow palette=false", "car palette=true". style, "fill" or "stroke": Filter icons by style. Example queries: "arrow style=fill", "car style=stroke". prefix, string: Icon set prefix if you want to get result only for one icon set. Example queries: "arrow prefix=mdi", "car prefix