中国企業からワイロを握らされた疑いでホンモノの売国議員が逮捕されたというのに、一斉に無関係な野党議員の名前をさえずり始める日の丸アイコンのネトウヨさんたち。 安倍政権を批判したら爆破される装置でも身体にくくり付けられてるのか?😗 https://t.co/GEo4yKsBaO
UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド(塗りつぶし)かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適なのでしょうか。 単なる好みの問題だと考える人もいますが、研究によると、認識の速さに違いがあることがわかっています。 ソリッドアイコンとアウトラインアイコンのどちらを使うべきかがわかれば、モバイルアプリの操作がしやすくなります。ユーザーはアイコンをより早く認識し、正しい選択をすることができるのです。 「Filled-in vs. Outline Icons: The Impact of Icon Style on Usability」という調査で、アイコンのスタイルは作業効率
青い鳥ともお別れ? デザイナーがアイコン制作の経緯を解説 「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
任天堂は12月1日、Nintendo Switch本体アップデートを実施。バージョン11.0.0の配信を開始した。大型アップデートとなる今回の本体更新では、さまざまな機能が追加されている。とくに、画像や動画をスマホやPCに直接送信できるようになったことなどが、熱心なファンを喜ばせている。しかし、今回のアップデートを快く思わない人々もいたようだ。そう、「アイコン評論家」である。以前より Nintendo SwitchのHOMEメニュー における「ゲームのアイコン」に審美眼を光らせていたコミュニティが、アップデートにて現れた“あのアイコン”に憤慨しているのだという。Nintendo Lifeなどが報じている。 今回の大型アップデートの目玉は、Nintendo Switch Onlineアイコンの追加である。Nintendo Switchには、月額課金サービスとしてNintendo Switch
事の発端は6月、Xの公式アカウント(@googlejapan)がChromeアイコンのカラーを説明する画像を投稿したことだ。アイコンに引出線(説明する箇所を強調する線)を付けて説明したところ、Xユーザーから「そういう生き物やキャラクターみたい」などの声が続出。手足と触角のついたChromeアイコンのファンアートが相次いで投稿され、話題になっていた。 これを受け、Google日本法人は「アニメを作りたい! という夢が膨らんだ」と説明。大塚隆史さんとピノキオピーさんの他、犬のイラストで知られるイラストレーター・じゅんさんや、コマ撮りアニメ「ポケモンコンシェルジュ」などを制作したアニメスタジオ・dwarf studios(東京都東村山市)をクリエイターに迎え、Chromeアイコンのキャラクターが主役となるアニメWebCMを制作する予定だ。 併せて、Xユーザーを対象にイラストコンテストも開催する。
iOS 14用にミニマムなアイコンを作ったデザイナー、1週間で1000万円以上を稼ぐ2020.10.09 18:00123,333 岡本玄介 これはデザインの大勝利ですね。 iOS 14で可能になった、iPhoneのホーム画面のカスタマイズで大儲けしたグラフィックデザイナーが現れました。その額はなんと、1週間で1千万円! グラフィックデザイナーTrafさんが作ったのはアプリの「アイコンセット」。iPhoneの「Safari」や「カメラ」など最初からインストールされているアプリだけでなく、TwitterやSlack、Spotifyなどメジャーなアプリ合計126個のアイコンをデザインしたのです。地色は黒、白、スレート(灰色)、そしてコバルト(青)の4色があり、それぞれに白か黒色の線描でアイコンを描いたミニマムなデザインとなっています。 Image: Traf気に入った人たちはこれらのセットを2
YoutubeのアプリアイコンがTVじゃなくなっている....!?だと....!? もし、「10年前にiPhoneを手に入れて喜んでいた人」がタイムスリップして、2019年のiPhoneを触ったら、きっとそう驚くんだろうと思います。 この時、いつも僕が気にしているのは、 書き換えられて、解雇されたTVアイコンの気持ちです。 リニューアルだ!と新しいアイコンばかりが世間では脚光を浴びますが、 その裏側ではサービスに尽くしてきた功労者達が首を切られているわけです。 「採用した当時は適切な表現だったが時代遅れになった」 / 「その概念が十分に知れ渡り、比喩表現はもういらない。お役御免」 様々な理由で、アイコンは突然、解雇されていくのだと思います。 みなさんには、聞こえませんか? アプリをアップデートしている最中、 「次は、自分の番なのではないか?」と震えるアイコンたちの声が。 アプリアイコンだけ
企業サイトやプロダクトページをはじめ、オンラインショップ、ポートフォリオ、ブログなど、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ライセンスで、商用プロジェクトでも無料で利用できます。
北朝鮮は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枚。 雪の中にたたずむ兵器の写真 一面に広がる花畑 夕日 田畑 滝 街並み 山岳地帯など風景写真が多め。 畑を耕す農機の写真も。ただしかなり雑な合成です。 ファイルの抽
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
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
riron博士@アプリ配信中 @rironriron 念のため補足しておくが、スマホネイティブ世代を悪く言う気は毛頭ない。受話器という物体が過去の物になりつつあるのに、それをモチーフにする意味が分からない、という話 riron博士@アプリ配信中 @rironriron 大量のリプライを読んで分かったこと ・世代関係なく色で判断する人が多い ・向きで判断する人も少なからずいる ・色と向きの整合性を見る人は珍しい ・ツイートを最後まで読まない人が結構いる(大事なこと書いてあるのに) ・PowerPointで描いた絵だと見抜いた人はいない x.com/rironriron/sta… riron博士@アプリ配信中 @rironriron 「固定電話のない家なんて存在するのかよ」というコメントが散見されるので調べてみた。2021年時点での世帯普及率は66.5%で、3世帯に1世帯は固定電話がない。高齢
2023/06/23 (更新日: 2023/09/29) Stable Diffusionでかわいいロゴやアイコンを作る方法 AIイラスト ※当ブログはアフィリエイト・アドセンスによる収益で運営されています。 Stable Diffusionを使ってロゴやアイコンを作りたい 他の人に注文するのめんどくさいんだよね。お金もかかるし… どうせ作るなら、自分の思いどおりのロゴやアイコンがいいな こういったお悩みにお答えします。 今まではSNSなどに使うロゴ・アイコンを作るためには、お金がかかるのが当然でした。かといって無料のフリー素材サイトから入手すると、他の人と被ってしまうこともしばしば…。 この記事では Stable Diffusionでかわいいロゴやアイコンを作るのは簡単 Stable Diffusionでロゴを作る方法 Stable Diffusionで文字ベースのロゴを作る方法 【SN
『マインクラフト』における、ある「有名スポット」への行き方が特定された。通称「pack.pngの場所」。名前だけではピンとこなくとも、画像を見れば膝を打つのではないだろうか。青い海に浮かぶ岩の小島を、ぽつりぽつりと木々が彩っている。本作のJava Editionを遊んだことのあるプレイヤーにとってはほとんど無意識に刷り込まれた景色といえるだろう。その正体はpack.pngと名付けられた画像だ。『マインクラフト』のゲームファイルに含まれており、ゲーム中ではデフォルトのリソースパックのアイコンとして表示される。またサーバー選択画面でも、アイコンが設定されていないサーバーのサムネイルとして白黒の状態で確認できる。 なおこの画面が確認できるのはバージョン1.13.2まで。 誰もが見たことあるものの、ほとんど気にも留められなかったpack.pngの風景。その起源に注意を向けたのは『マインクラフト』系
旧アイコンはこれだった↓ 服部平次が好きなので*1、服部の肌の色をアニメや映画から6色取って並べたアイコン。 でも以下の点が気に入ってなかった。 色のチョイス 特に明確な基準もなく、手元にあった服部の色から6色を「なんとなく」で選んだ。 描き方 GIMPでラスター画像として作ったので、拡大/縮小でぼやけてしまう。おまけに、角度とかは目分量で描いたので、歪んでるように見えてもやもやする。 もともとはTwitterの閲覧用アカウントのためのアイコンとして作ったので、めっちゃ適当だったけど、今のバイト先でも流れでこのアイコン使ってるし、来年の4月からの就職先でもずっと使い続けそうなので、もうちょっと整えようと思った。何らかの基準をもって色を選びたいし、ちゃんと座標を計算してパスを描きたい。 配色 服部の肌の色の豊富さに感動して作ったアイコンなので、今回もいろんな色をまんべんなく選びたい。 どうや
Microsoft 製品のロゴ・アイコン・画像 配布URL一覧 (Azure、Power Platform、M365など)MicrosofticonPowerBIPowerPlatformMicrosoft365 はじめに 社内で資料を作成するときに、AzureやPower Platformのロゴ・アイコンが必要なときありますよね。ネットから適当にダウンロードしてきたりしていないですよね🤔 ロゴ・アイコン管理ツール 私はEagleという画像の管理ツールを使用しています。 ロゴやアイコンは集めだすと何万個にもなるため、軽快に検索でき、ドラッグ&ドロップでパワポなどに貼り付けられるため使用感がとてもいいです。ぜひ試してみてください😁 使い方はこちらから。 Microsoft系ロゴ・アイコン一覧 本題のロゴ・アイコンリンク集です。使用方法については、それぞれのアイコンページの利用方法に則って
キャレットアイコンは、アコーディオンがその場で開くのであって、新しいページへの直接のリンクではない、ということを最も明確にユーザーに示すことができていた。 Accordion Icons: Which Signifiers Work Best? by Page Laubheimer and Raluca Budiu on August 23, 2020 日本語版2021年4月8日公開 アコーディオンが、現在、人気のあるUI要素であるのには理由がある。というのも、モバイルでは、コンテンツを折りたたんでページの長さを管理可能にする不可欠なツールになっている一方、デスクトップでも、視覚的な複雑さを軽減し、ユーザーが目下のタスクに最も関連性の高いコンテンツに集中できるようにしてくれるからだ(複雑なアプリケーションには特に適している)。 モバイルUXとアプリケーションデザインの両方の講座でよく聞かれ
テキストの横にアイコンを配置すると、アイコンが少し大きすぎてバランスが悪いと感じることはありませんか? アイコンは通常の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 既存のアイコンを
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のストロークとなっています。アイコンのフォーマッ
商用のプロジェクトでも無料で利用できる、スマホなどの小さなスクリーンに適した極小サイズでくっきりと鮮明に見える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ライセンスのた
米GoogleのWebブラウザ「Google Chrome」のアイコンが、突如ゆるキャラやマスコットとして人気になり出した。Xでは「Chromeくん」などとして、手足の生えたアイコンのファンアートなどが相次いで投稿されている。きっかけはGoogle日本公式Xアカウントが6月5日に投稿したとある図版だ。 公式アカウントが投稿したのは「実はChromeのアイコンにはグラデーションがかかっている」ことを示す画像。青・白の丸を赤・黄・緑のパーツが囲むおなじみのマークだが、実は赤・黄・緑の部分は単色でなく、微妙にグラデーションがかかっていることを紹介するものだ。 これだけでもちょっとした豆知識だが、Xユーザーには違った受け止められ方をした。この図版がまるでキャラクターのように見えるという意見が相次ぎ、ファンアートが作られ始めたのだ。 というのも、図版はアイコンに引出線(説明する箇所を強調する線)をつ
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
ニューヨーク(CNN Business) ネット通販大手の米アマゾンが、刷新したばかりの買い物アプリのアイコンのデザインを変更した。このアイコンをめぐっては、上部の青いリボンが好ましくない連想を招くと一部で指摘されていた。 「Amazonショッピング」アプリの新アイコンは当初、茶色い箱の上に青いリボンとアマゾンのロゴの矢印をあしらって笑顔のように見せるデザインだった。しかし変更後は青いリボンが青いテープのデザインに切り替わった。 リボンのデザインをめぐっては、旧ナチス・ドイツのアドルフ・ヒトラーの口ひげを連想させるという声が一部で上がっていた。 「新しいアイコンをヒトラーのように見えにくくするため、アマゾンがこっそり手を加えていたことを、私は完全に見逃していた」。英紙ガーディアンのエディターはそうツイートした。 同アプリのデザイン刷新は5年以上ぶりだった。新しいロゴではショッピングカート
ChumuNote(ちゅむのーと)🎣🐈⬛@épeler @tmgnrei 【 朗 報 】 白でバズったら白マイクがプレゼントで届きました!!!!!!!! え?????????🤔🤔🤔🤔🤔 そんなん #PR 全力で協力するしかないよね??? \TLM 102 White Edition/ ja-jp.neumann.com/tlm-102-white-… pic.twitter.com/IODm481YDp Neumann ノイマン @Neumann_Japan この度弊社では「TLM 102 White Edition」の特別キャンペーン「Neumann 春のホワイトセットプロモーション」を、2023年3月3日(金)より2023年4月30日(日)まで、ゼンハイザープロオーディオ公式店3店舗限定にて、数量限定で実施いたします。 プレスリリース neumannjapan.com/
WebサイトやスマホアプリのUIデザインにぴったり、Figma用の高品質でシンプルにデザインされたアイコン素材を紹介します。 たとえば、アローだけでも90種類以上、ホーム・サーチ・カート・メールなども複数のデザインで用意されており、UIにぴったりなのが見つかると思います。 Figmaなので、カラーやストロークの太さなどは簡単に変更できます。 Untitled UI Icons Untitled UI Iconsは、高品質でFigma用のアイコンが見つからなかったので作成した、とのことです。 UIデザイン用にクリーンで一貫性のあるニュートラルなアイコンライブラリで、Figmaのために、Figmaで作成されています。
ヤマハネットワーク/UC製品のアイコン/外観写真を用途を問わず、ご自由にダウンロードできます。 印刷用データとしてご利用の方は、SVG/EPSデータをご使用ください。 切り抜いて使用したい方は、PNGをご使用ください。 ネットワーク構成図 作成用アイコン
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが無料で利用できるIconicを紹介します。 アロー・ホーム、サーチ・ショッピングカート・バッグ・スター・メールなど、UIデザインでよく使用されるアイコンが揃っており、フォーマットはSVGで利用できます。また、Vue, Reactのコンポーネントとしても利用できます。 Iconic Iconic -GitHub Iconicアイコンの特徴 Iconicアイコンの使い方 Iconicアイコンの種類 Iconicアイコンの特徴 Iconicは24pxのグリッドでデザインされたSVGフォーマットのアイコンです。160種類のアイコンが揃っており、今後もアップデートで増やしていくとのことです。 Iconic アイコンは26のカテゴリに、全160種類。 24pxグリッドに基づくピクセルパーフェクトなデザイン。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く