HashiCorp、UIデザインシステム「Helios」をオープンソースで公開。UIコンポーネントやアイコンなど
HashiCorp、UIデザインシステム「Helios」をオープンソースで公開。UIコンポーネントやアイコンなど TerraformやVagrantなどで知られるHashiCorpは、同社製品のユーザーインターフェイス開発に使われているデザインシステム「Helios」をオープンソースで公開しました。 デザイン設計の原則やサンプルと共に、25種類のUIコンポーネントと数百のアイコンが含まれています。 Check out the #opensource launch of Helios, the Ember.js-based design system we use to design and build our better, more consistent product UIs. https://t.co/1KqpdTMIri — HashiCorp (@HashiCorp) Janua
アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。 コピーしたSVGコードはHTMLに貼り付けて使用してもよし、Adobe XD, Figma, Sketchなどでも利用できます。 Akar Icons Akar Icons -GitHub Akar Iconsには現在、283種類のアイコンが揃っています。少し丸みを帯びたシンプルなデザインは、非常に使い勝手がよいと思います。MITライセンスで、商用プロジェクトでも無料で利用できます。
ボタンやアイコン、アロー、ハンバーガーメニューなど、UIでよく使用される要素にインタラクションを加えるスタイルシートを紹介します。HTMLはbutton要素だけのシンプルな構成で、classを与えるだけで簡単に利用できます。 UI interactions UI interactions -GitHub UI interactionsは、CSSのみでUIにインタラクションを加えるスタイルシートです。MITライセンスで、個人でも商用のプロジェクトでも無料で利用できます。 UI interactionsの使い方 すべてのコンポーネントには、デフォルトとアクティブの2つの状態があります。状態の切り替えは、is-activeのclassに基づいて発生します。 HTML HTMLは、button要素にclassを与えるだけでのシンプルな構成です。
Notion用のおしゃれでシンプルなアイコン素材を紹介します。 私はデフォルトの絵文字を使用していましたが、シンプルで統一感のあるアイコンに変更すると分かりやすくなり、Notionを使用するのがより快適になりました。 アイコンをNotionで利用するのは簡単で、スマホならタップしてコピペ、デスクトップならクリックでコピペするだけです。 Notionでアイコンの変更方法 Notion用のおしゃれでシンプルなアイコン素材サイト Notionでアイコンの変更方法 Notionでアイコンを変更するのは、簡単です。 アイコンをタップ・クリックし、「絵文字」から選択したり、「画像アップロード」でアイコンを指定したり、「リンク」にアイコンのURLを入力します。 Notionでアイコンの変更方法 この記事で紹介しているサイトのアイコンを利用する場合は、上記の「リンク」にアイコンのURLをコピペするだけです
桜ういろう on Twitter: "中国企業からワイロを握らされた疑いでホンモノの売国議員が逮捕されたというのに、一斉に無関係な野党議員の名前をさえずり始める日の丸アイコンのネトウヨさんたち。 安倍政権を批判したら爆破される装置でも身体にくくり付けられてるのか？😗 https://t.co/GEo4yKsBaO"
中国企業からワイロを握らされた疑いでホンモノの売国議員が逮捕されたというのに、一斉に無関係な野党議員の名前をさえずり始める日の丸アイコンのネトウヨさんたち。 安倍政権を批判したら爆破される装置でも身体にくくり付けられてるのか？😗 https://t.co/GEo4yKsBaO
UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド（塗りつぶし）かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適なのでしょうか。 単なる好みの問題だと考える人もいますが、研究によると、認識の速さに違いがあることがわかっています。 ソリッドアイコンとアウトラインアイコンのどちらを使うべきかがわかれば、モバイルアプリの操作がしやすくなります。ユーザーはアイコンをより早く認識し、正しい選択をすることができるのです。 「Filled-in vs. Outline Icons: The Impact of Icon Style on Usability」という調査で、アイコンのスタイルは作業効率
mold on Twitter: "三島由紀夫アイコン「テロなんて左翼の手段だぞ！」 #ネトウヨあほ列伝 https://t.co/NIVva7Lbpu"
三島由紀夫アイコン「テロなんて左翼の手段だぞ！」 #ネトウヨあほ列伝 https://t.co/NIVva7Lbpu
青い鳥ともお別れ？ デザイナーがアイコン制作の経緯を解説 「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
歌手で俳優の星野源が、28日深夜に放送されたパーソナリティを務める「星野源のオールナイトニッポン」（ニッポン放送／毎週火曜深夜1時～）にて、無断転載に注意を呼びかけた。 星野は同日、番組公式Instagramを開設したことを報告。そこで「あまり言いたくない話ではございますが、言ったほうがいい」と切り出し、「実はインスタに、星野源のANNの公式ホームページのブログの文章と写真を無断で転載している人がいるんです。単刀直入に言うと、消してください」と無断転載をしているアカウントに注意喚起。 「どういう気持ちでやっているのかな」「こういうのは僕が言うしかない」といい、「ファンの方がファンとしてみんなが見やすいようにとか、親切心でやってくれているとしたらすごくありがたいなと思うんだけど、実際やってることは結構迷惑」とキッパリ。理由として「みんながこのホームページを見に来てくれるから一生懸命作ろうと思
Nintendo Switch本体アップデートが実施されたのち、“アイコン評論家”たちが怒りだす。気になる人には気になる - AUTOMATON
任天堂は12月1日、Nintendo Switch本体アップデートを実施。バージョン11.0.0の配信を開始した。大型アップデートとなる今回の本体更新では、さまざまな機能が追加されている。とくに、画像や動画をスマホやPCに直接送信できるようになったことなどが、熱心なファンを喜ばせている。しかし、今回のアップデートを快く思わない人々もいたようだ。そう、「アイコン評論家」である。以前より Nintendo SwitchのHOMEメニュー における「ゲームのアイコン」に審美眼を光らせていたコミュニティが、アップデートにて現れた“あのアイコン”に憤慨しているのだという。Nintendo Lifeなどが報じている。 今回の大型アップデートの目玉は、Nintendo Switch Onlineアイコンの追加である。Nintendo Switchには、月額課金サービスとしてNintendo Switch
ゴールデンボンバーが自分たちの写真をSNSのアイコンにする事をNGに…「アイコンを推しの顔面にする事で、思っている以上に推しに迷惑をかけている事がわかる」
すけさん @staygold1957 ゴールデンボンバーでさえ、自分達の写真をアイコンの写真にするのをNGにしたのだから、こっちの思っている以上にアイコンを推しの顔面にすること問題が自分の推しに迷惑をかけているかがわかるよな。。。アイコンを推しにするのは全く愛の表現ではないのだよ。そう受け取らないのだよ。 2020-09-24 11:57:45
YoutubeのアプリアイコンがTVじゃなくなっている....！？だと....！？ もし、「10年前にiPhoneを手に入れて喜んでいた人」がタイムスリップして、2019年のiPhoneを触ったら、きっとそう驚くんだろうと思います。 この時、いつも僕が気にしているのは、 書き換えられて、解雇されたTVアイコンの気持ちです。 リニューアルだ！と新しいアイコンばかりが世間では脚光を浴びますが、 その裏側ではサービスに尽くしてきた功労者達が首を切られているわけです。 「採用した当時は適切な表現だったが時代遅れになった」 / 「その概念が十分に知れ渡り、比喩表現はもういらない。お役御免」 様々な理由で、アイコンは突然、解雇されていくのだと思います。 みなさんには、聞こえませんか？ アプリをアップデートしている最中、 「次は、自分の番なのではないか？」と震えるアイコンたちの声が。 アプリアイコンだけ
iOS 14用にミニマムなアイコンを作ったデザイナー、1週間で1000万円以上を稼ぐ2020.10.09 18:00123,167 岡本玄介 これはデザインの大勝利ですね。 iOS 14で可能になった、iPhoneのホーム画面のカスタマイズで大儲けしたグラフィックデザイナーが現れました。その額はなんと、1週間で1千万円！ グラフィックデザイナーTrafさんが作ったのはアプリの｢アイコンセット｣。iPhoneの｢Safari｣や｢カメラ｣など最初からインストールされているアプリだけでなく、TwitterやSlack、Spotifyなどメジャーなアプリ合計126個のアイコンをデザインしたのです。地色は黒、白、スレート（灰色）、そしてコバルト（青）の4色があり、それぞれに白か黒色の線描でアイコンを描いたミニマムなデザインとなっています。 Image: Traf気に入った人たちはこれらのセットを2
「これはこれで微妙」みんなが「フロッピーディスクのアイコンなんて若者は知らないだろ」と言うからVirtualBoxはSDのアイコンになっていた
Susumu Miwa @miwarin みんなが「フロッピーディスクのアイコンなんて若者は知らないだろ」と言うからVirtualBoxはSDのアイコンになってましたよ pic.twitter.com/eEaRCpdIN3 2021-07-15 08:28:24
星野源さん、自身の写真をファンがSNSアイコンに使用していることを「本当はダメなこと。本当に申し訳ないですけど、嫌です」と告白
5月28日深夜に放送されたラジオ番組「星野源のオールナイトニッポン」（ニッポン放送、毎週火曜深夜1時）で、音楽家・俳優の星野源さんが、自身の写真をファンがSNSのアイコンとして使用していることを、「僕、個人的な思いとしては嫌です。すいません」と言いにくそうに告白した。番組にファンから寄せられた質問に答える形で話した。 星野さんは、「『みんなやってるからダメじゃない』みたいになってるけど、例えばさ、テレビの画面を撮ってアイコンにしたりするって、本当はダメなことなんだよね。法律的にもさ。雑誌を撮って上げるとか、僕らが出したツイッターの画像を上げるとか、本当はダメなことなんだよね」と指摘した。
北朝鮮はPC向けの独自OS「Red Star」を開発していますが、そのRed Starのバージョン3.0で使用されているメディアファイルが抽出され、GitHub上で公開されました。抽出されたメディアファイルにはRed Star 3.0で使用されている壁紙・テーマ・アイコンなどが含まれています。 GitHub - BlackOtton/RedStar-Media: Extracted media files from North Korean OS, Red Star 3.0 https://github.com/BlackOtton/RedStar-Media Red Star 3.0から抽出された壁紙は以下の通り。全部で8枚。 雪の中にたたずむ兵器の写真 一面に広がる花畑 夕日 田畑 滝 街並み 山岳地帯など風景写真が多め。 畑を耕す農機の写真も。ただしかなり雑な合成です。 ファイルの抽
商用でも完全に無料！ WebサイトやアプリのUIに適したシンプルデザインで、SVG完備のアイコン素材 -Sargam Icons
企業サイトやプロダクトページをはじめ、オンラインショップ、ポートフォリオ、ブログなど、WebサイトやアプリのUIデザインに適したSVGアイコンが無料で利用できるSargam Iconsを紹介します。 アイコンは下記のラインをはじめ、デュオトーン・塗りの3種類で、700個以上が揃っています。しかもオープンソースなのは、嬉しいですね。 Sargam Icons Sargam Icons -GitHub Sargam Iconsの特徴 Sargam Iconsのダウンロード Sargam Iconsのアイコン Sargam Iconsの特徴 Sargam Iconsは700個以上のアイコンが揃った、シンプルで一貫性の高いSVGアイコンのセットです。 ライセンスはMITライセンスで、商用プロジェクトでも無料で利用できます。
UIデザイナーは要チェック！ 新しくなったMaterial Design 3は可変フォントやアイコン、アクセシブルで使いやすいカラーに
5/11,12に開催されたGoogle I/O 2022に伴い、Material Design 3のガイドラインが大幅アップデートされたので紹介します。 注目すべきキーワードは、アクセシビリティとパーソナライズ。 アクセシブルなコントラストを備えたダイナミックカラー、可変フォントRoboto FlexとRoboto Serif、可変アイコンフォントを使用したマテリアルシンボル、スイッチをはじめUI要素のデザインも変更されています。 Material Design 3 Material Design 3の大きな特徴は、表現力豊かなパーソナライズ機能とアクセシビリティ機能です。ダイナミックカラーのサポートに加えて、いくつかのマテリアルコンポーネントもアップデートされました。新機能は、オンラインやFigmaやGoogle Fontsなどで提供されており、すぐに利用できます。 Dynamic co
「求めてる通知バッジはこれだ」語学アプリ『Duolingo』のウィジェット、やらないとアイコンの鳥が怒ったり溶けたりする仕様になっている
Maki👩🚀 @Maki_bts_moon 昼間、まだまだ余裕な時頭パッカーンなって内なる(内なる)Duoがこんにちはしてる狂気なのあるよね。だんだんこうなっていくの見てたの私だけじゃなかった😂 twitter.com/dustjacketdiva… 2023-11-14 19:51:19 Kyo Nishikawa | Logpop 🗺⚓️🗾 @kyo24111_ja すごいよな、こういう設計 ほんとよくできてるアプリ このユーザーさんがアプリを開くより、この投稿がバズる方がリターンがでかいw この黄緑のトリは全て分かった上でやってるはず twitter.com/dustjacketdiva… 2023-11-14 17:58:27
これも動く?!面白アニメーション付き無料アイコン素材200個セット Free Animated Icons from Icons8
この記事では、ユニークなアニメーションを実装したアイコン素材200個セット「Animated Icons from Icons 8」をご紹介します。ウェブサイトやモバイルアプリで普段何気なく利用しているアイコンに、少しだけ動きを加えることでユーザーの注目を集め、アッと言わせるクリエイティブな仕掛けを演出できます。 素敵なアニメーションのアイコン素材パック Animated Icons from Icons 8 Animated Icons from Icons 8 は、ウェブサイトはもちろんiOSやAndroidにも対応したアニメーション付きアイコン素材で、ウェブやメディアなど8つの大きなカテゴリ分類されています。 ダウンロードできるファイル形式も豊富で、GIFアニメーションの他にAfter Effects用.aepファイル、JSONファイルがセットに。Airbnb謹製のアニメーションライ
2023/06/23 (更新日: 2023/09/29) Stable Diffusionでかわいいロゴやアイコンを作る方法 AIイラスト ※当ブログはアフィリエイト・アドセンスによる収益で運営されています。 Stable Diffusionを使ってロゴやアイコンを作りたい 他の人に注文するのめんどくさいんだよね。お金もかかるし… どうせ作るなら、自分の思いどおりのロゴやアイコンがいいな こういったお悩みにお答えします。 今まではSNSなどに使うロゴ・アイコンを作るためには、お金がかかるのが当然でした。かといって無料のフリー素材サイトから入手すると、他の人と被ってしまうこともしばしば…。 この記事では Stable Diffusionでかわいいロゴやアイコンを作るのは簡単 Stable Diffusionでロゴを作る方法 Stable Diffusionで文字ベースのロゴを作る方法 【SN
リンク 映画『あの花が咲く丘で、君とまた出会えたら。』公式サイト｜大ヒット上映中！ 映画『あの花が咲く丘で、君とまた出会えたら。』公式サイト｜大ヒット上映中！ 初めて恋をした人は、特攻隊員でしたー。福原遥×水上恒司ダブル主演！SNSで「初めて本を読んで泣いた」「号泣した」と超話題！シリーズ累計発行部数85万部突破のベストセラー、初の映画化決定！ 2772
『マインクラフト』で「例のアイコン」のワールドに行くことはできるのか。8か月の調査の末、AI技術と人海戦術が導き出した答え - AUTOMATON
ホーム ニュース 『マインクラフト』で「例のアイコン」のワールドに行くことはできるのか。8か月の調査の末、AI技術と人海戦術が導き出した答え 『マインクラフト』における、ある「有名スポット」への行き方が特定された。通称「pack.pngの場所」。名前だけではピンとこなくとも、画像を見れば膝を打つのではないだろうか。青い海に浮かぶ岩の小島を、ぽつりぽつりと木々が彩っている。本作のJava Editionを遊んだことのあるプレイヤーにとってはほとんど無意識に刷り込まれた景色といえるだろう。その正体はpack.pngと名付けられた画像だ。『マインクラフト』のゲームファイルに含まれており、ゲーム中ではデフォルトのリソースパックのアイコンとして表示される。またサーバー選択画面でも、アイコンが設定されていないサーバーのサムネイルとして白黒の状態で確認できる。 なおこの画面が確認できるのはバージョン1.
riron博士@アプリ配信中 @rironriron 念のため補足しておくが、スマホネイティブ世代を悪く言う気は毛頭ない。受話器という物体が過去の物になりつつあるのに、それをモチーフにする意味が分からない、という話 2024-04-17 00:40:25 riron博士@アプリ配信中 @rironriron 大量のリプライを読んで分かったこと ・世代関係なく色で判断する人が多い ・向きで判断する人も少なからずいる ・色と向きの整合性を見る人は珍しい ・ツイートを最後まで読まない人が結構いる（大事なこと書いてあるのに） ・PowerPointで描いた絵だと見抜いた人はいない x.com/rironriron/sta… 2024-04-17 23:19:57 riron博士@アプリ配信中 @rironriron 「固定電話のない家なんて存在するのかよ」というコメントが散見されるので調べてみた。
旧アイコンはこれだった↓ 服部平次が好きなので*1、服部の肌の色をアニメや映画から6色取って並べたアイコン。 でも以下の点が気に入ってなかった。 色のチョイス 特に明確な基準もなく、手元にあった服部の色から6色を「なんとなく」で選んだ。 描き方 GIMPでラスター画像として作ったので、拡大/縮小でぼやけてしまう。おまけに、角度とかは目分量で描いたので、歪んでるように見えてもやもやする。 もともとはTwitterの閲覧用アカウントのためのアイコンとして作ったので、めっちゃ適当だったけど、今のバイト先でも流れでこのアイコン使ってるし、来年の4月からの就職先でもずっと使い続けそうなので、もうちょっと整えようと思った。何らかの基準をもって色を選びたいし、ちゃんと座標を計算してパスを描きたい。 配色 服部の肌の色の豊富さに感動して作ったアイコンなので、今回もいろんな色をまんべんなく選びたい。 どうや
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 既存のアイコンを
キャレットアイコンは、アコーディオンがその場で開くのであって、新しいページへの直接のリンクではない、ということを最も明確にユーザーに示すことができていた。 Accordion Icons: Which Signifiers Work Best? by Page Laubheimer and Raluca Budiu on August 23, 2020 日本語版2021年4月8日公開 アコーディオンが、現在、人気のあるUI要素であるのには理由がある。というのも、モバイルでは、コンテンツを折りたたんでページの長さを管理可能にする不可欠なツールになっている一方、デスクトップでも、視覚的な複雑さを軽減し、ユーザーが目下のタスクに最も関連性の高いコンテンツに集中できるようにしてくれるからだ（複雑なアプリケーションには特に適している）。 モバイルUXとアプリケーションデザインの両方の講座でよく聞かれ
これでもう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のストロークとなっています。アイコンのフォーマッ
「お前はオレの邪魔をした。ぶっ殺してやるから出てこい」――。執拗（しつよう）にあおられて停車させられたうえ、ボコボコに殴られた男性によれば、宮崎文夫容疑者はこんな調子でキレていたらしい。 日本のお盆の話題を独占した”あおり殴打事件”を起こした暴走カップルがようやく大阪市で逮捕された。ただ、”ガラケー女”こと喜本奈津子容疑者がテレビカメラの前で、「相手があおって来た！ 悪いのは向こう！」と訴えるなど、いまだに「動機」などがよく分かっていない。 なぜこれほど社会問題にもなっている中で「あおり運転」をしようと思ったのか。どういう思考回路でドライバーを殺そうと考えたのか。同様のトラブルを防ぐためにも、報道機関の皆さんはぜひとも真相を突き止めていただきたい。 その一方で、企業のリスクを扱う人間としては、そういう社会的課題よりも気になることがある。それは今回の事件が「BMWのイメージ悪化」にどう影響を
Microsoft 製品のロゴ・アイコン・画像 配布URL一覧 （Azure、Power Platform、M365など） - Qiita
Microsoft 製品のロゴ・アイコン・画像 配布URL一覧 （Azure、Power Platform、M365など）MicrosofticonPowerBIPowerPlatformMicrosoft365 はじめに 社内で資料を作成するときに、AzureやPower Platformのロゴ・アイコンが必要なときありますよね。ネットから適当にダウンロードしてきたりしていないですよね🤔 ロゴ・アイコン管理ツール 私はEagleという画像の管理ツールを使用しています。 ロゴやアイコンは集めだすと何万個にもなるため、軽快に検索でき、ドラッグ＆ドロップでパワポなどに貼り付けられるため使用感がとてもいいです。ぜひ試してみてください😁 使い方はこちらから。 Microsoft系ロゴ・アイコン一覧 本題のロゴ・アイコンリンク集です。使用方法については、それぞれのアイコンページの利用方法に則って
医療や健康、メディカル、ヘルスケアのアイテムが美しくデザインされたアイコン素材を紹介します。 珍しいアイコンがかなり多く揃っており、医療や健康関連のデザインをする時には重宝すると思います。SVGだけでなく、Figma用も揃っているので、便利です。
斧のアイコンのヤツとかこわい ぜったいけんかしたら斧ふりまわしてくる
商用のプロジェクトでも無料で利用できる、スマホなどの小さなスクリーンに適した極小サイズでくっきりと鮮明に見えるSVGアイコンを紹介します。 SVGなので、もちろん大きいサイズでも美しく表示され、カラーの変更も簡単。しかもオープンソースなのは、嬉しいですね。 Radix Icons Radix Icons -GitHub Radix Iconsの特徴 Radix Iconsのダウンロード Radix Iconsの使い方 Radix Iconsの特徴 Radix Iconsはスマホなどの非常に小さいスペースでも視認性を損なわずに使用できるようデザインされたSVGアイコンで、極小サイズ（15x15）でもくっきりと鮮明に見えるようにデザインされています。 MITライセンスで、商用プロジェクトでも無料で利用できます。
「何のアイコンか分かりくい」「アップデートで発見しにくくなった」――Gmailのアイコンが10月に変わったことに対し、一部のユーザーからこんな声が上がった。メールアプリであることを直感的に認識しにくくなったというのだ。以前はMの文字下に影のように重なっていた封筒が、現在のデザインでは取り去られている。 特に今回の変更では、Gmailのアイコンがブルー、レッド、グリーン、イエローの4色デザインとなり、Google製の他のアプリと配色が統一された。これによってアプリの統一感は出た一方、色による区別が付きにくくなったとする声も上がった。 このような例はGoogle マップでも発生した。アイコンがマップそのものをベースにしたデザインからマップ上にピンを刺すデザインへ変更されたとき、「Google マップ＝地図のアイコン」と頭に刷り込まれていたユーザーは戸惑いを覚えた。 Googleに限らず、アイコ
WebサイトやスマホアプリのUIデザイン用にシンプルで、可読性を最大限に高めたアイコン素材を紹介します。ライン・デュオトーン・ソリッド・フラットの4つのスタイルに、計4,000種類のアイコンが揃っています。 アイコンはオープンソースなので、商用プロジェクトでも無料で利用できます。Figmaで配布されているので、すぐに使用できるのも嬉しいですね。 4,000 Free + Open Source Icons アイコン界のヘルベチカを目指して、可読性を最大限に高めるために14pxのグリッド上に構築されています。Streamlineの10年以上の経験を持つ8人のアイコンデザイナーによって作成されています。 アイコンの利用方法は簡単で、下記ページにアクセスし、「Figmaで開く」をクリックします。
WebサイトやスマホアプリのUIデザインにぴったりなSVGアイコンを紹介します。「Humble」の名の通り、主張しすぎない控えめでシンプルなデザインです。 オープンソースで個人でも商用でも無料で利用できます。アイコンはSVGなので、サイズやカラーの変更はCSSで簡単にできます。さらに、Figma用も用意されているのは、嬉しいですね。 Humbleicons Humbleicons -GitHub Humbleiconsは、WebサイトやスマホアプリのUIデザイン用にニュートラルでシンプルにデザインされたSVGアイコンのセットです。MITライセンスで商用プロジェクトでも無料で利用できます。 アイコンはまとめて全部のダウンロードもできます（後述）が、個別に使用することもできます。アイコンをクリックすると、SVGのインライン・スプライトのコードがコピペできます。
プログラマにとって、さまざまなテンプレートが用意されていて、すぐに完成度の高いデザインが手軽に実現できる「Bootstrap」は、非常に便利なフレームワークとして使われています。 そのBootstrapが初めて独自開発したアイコン集「Bootstrap Icons」バージョン1.0がリリースされました。 Bootstrap本体は、現在バージョン5に向けて開発が進められています。Bootstrap Iconsはこのバージョン5用に提供される予定で開発がすすめられ、バージョン5よりも一足先に正式版として公開されました。 Bootstrap Iconsは現時点で、さまざまな矢印やショッピングカート、吹き出し、スマイルマーク、ソートを示すアイコンをはじめとする約200種類のアイコンが用意されており、Bootstrapと一緒に、あるいは単独で利用することができます。 ライセンスはMITライセンスのた
アイコンの重要性アイコンを新しくした理由は、サイトもTwitterアカウントも増やす中で、分かりやすいようにとアイコンを違うものにしていたのです。 そうしたら、どれがどれだか分からなくなってきました💦 「たよらこ」として運営しているものは、1つに統一したいなと思いました。 ブログとTwitterのアイコンが別というかたもたくさんいますよね。 この人とこのブログ一緒だったんだ～と、かなり時間が経って分かることも何度もある。 早く言ってよ～～的な。 アイコンを共通にすることで、分かりやすいしブランド化できますね。 SNS上ではアイコンは自分の分身です。 なぜそのアイコンにしているの？と個人的に不思議に思ったもの。 写真が選択されていない→印象が薄い・得体の知れない感・距離感色や絵が強烈すぎる→目がチカチカ・個性的をアピールすると好みが分かれるかも怖い絵→これも好みが分かれますが、アイコンを見
ニューヨーク（ＣＮＮ Ｂｕｓｉｎｅｓｓ） ネット通販大手の米アマゾンが、刷新したばかりの買い物アプリのアイコンのデザインを変更した。このアイコンをめぐっては、上部の青いリボンが好ましくない連想を招くと一部で指摘されていた。 「Ａｍａｚｏｎショッピング」アプリの新アイコンは当初、茶色い箱の上に青いリボンとアマゾンのロゴの矢印をあしらって笑顔のように見せるデザインだった。しかし変更後は青いリボンが青いテープのデザインに切り替わった。 リボンのデザインをめぐっては、旧ナチス・ドイツのアドルフ・ヒトラーの口ひげを連想させるという声が一部で上がっていた。 「新しいアイコンをヒトラーのように見えにくくするため、アマゾンがこっそり手を加えていたことを、私は完全に見逃していた」。英紙ガーディアンのエディターはそうツイートした。 同アプリのデザイン刷新は５年以上ぶりだった。新しいロゴではショッピングカート
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons
これなら簡単！CSSのみで、ボタンやアイコンに気持ちいいさまざまなアニメーションを加える -UI interactions
無料で使える！ Notion用のおしゃれでシンプルなアイコン素材サイトをまとめました
ソリッドとアウトライン、認識しやすいアイコンはどちら？
さよならTwitterの青い鳥。11年使われたアイコン、デザイナーが解説 - 週刊アスキー
星野源、写真の無断転載に注意喚起 SNSアイコン使用も「嫌です」 - モデルプレス
10年後、仕事がなくなっていそうなアイコン - Qiita
iOS 14用にミニマムなアイコンを作ったデザイナー、1週間で1000万円以上を稼ぐ
北朝鮮独自のOS「Red Star 3.0」から抜き出した壁紙やアイコンがダウンロード可能に
Stable Diffusionでかわいいロゴやアイコンを作る方法
犬アイコンの人「特攻隊員は犬死に」に約5万いいね 。しかし反論含む議論は白熱
スマホネイティブ世代はこの三日月アイコンも意味が分からないだろうなぁ→上書き保存がフロッピーのアイコンなのと同じ
アイコン変えた - 見返すかもしれないメモ
アコーディオンのアイコン：どのシグニファイアが最適か
なぜ「BMW」は叩かれるのか “自己チュードライバー”のアイコンになる日
商用利用無料！ 医療・健康向けのUI用に美しくデザインされたSVGとFigmaのアイコン素材 -svg.health
斧のアイコンのヤツとかこわい ぜったいけんかしたら斧ふりまわしてくる
商用利用無料！スマホなどのUIデザインに最適、極小サイズでくっきりと鮮明に見えるSVGアイコン -Radix Icons
「Gmailどこいった」――Googleアプリのアイコン統一から考えるアイコンデザインの過去と未来
Figmaですぐに使えるUIデザイン用のアイコン素材！ シンプルで、可読性を最大限に高めた4,000種類のアイコン
商用利用無料！ UIデザインに最適、シンプルで控えめにデザインされたSVGの高品質なアイコン素材 -Humbleicons
Bootstrapにとって初めての独自アイコン集「Bootstrap Icons」バージョン1.0が初公開
好きな部分を軽量ウィンドウに切り離し ～「Visual Studio Code」2023年11月更新／プロファイル機能の追加アイコンやJavaScript/Python向けの便利機能なども
ブログ、SNSアイコン｜自分だけの特別なものを作成、依頼する方法 - 白い平屋の家を建てました
Ａｍａｚｏｎアプリの新アイコンはまるであの人？ 好ましくない連想でデザイン変更