これでもうUIデザイン用の高品質なSVGアイコンに困らない！ 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上！ ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ
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完備のアイコン素材、しかもオープンソースで商用無料 -Potlab Icons
アイコンをクリックして、コードをコピペ アイコンのライセンスはCC 4.0のオープンソース、商用プロジェクトでも無料で利用でき、改変、再配布もOKです。 以下にアニメーションで動くSVGアイコンをいくつか、コピペしてみました。 SVGなので、サイズは簡単に変更できます。 「Send」アイコン <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> <style> .send { animation: send 2s cubic-bezier(1, -0.47, 0.01, 1.37) infinite both; } @keyframes send { 0% { transform: translateY(0) translateX(0); } 100%
高齢者向けサービスにおけるUIデザイン｜『高齢者のためのユーザインタフェースデザイン』の書評
現在、本業・副業ともにWEBデザイナーとしてデザイン・コーディングをしているゆるけーです。 本業で携わっているWEBサービスが割と高齢者向けのサービスで、ITリテラシーやUIが今の自分と考え方が異なるよなーと思っているなか、『高齢者のためのユーザインタフェースデザイン』という書籍に出会いました。 高齢者関係なく普通にアクセシビリティの観点でも重要な視点がたくさんあり、とてもいい書籍だったので、ざっくり大事だと思った箇所を抜粋しつつ自分で探した事例等をざっと記事にまとめていきますー。 視覚 高齢者になると視力が低下する傾向があります。ただ、視力の低下＝フォントを大きくするだけではありません。 視力の低下は老眼や光覚の減少などより複雑です。 主な視力の低下の具体例は以下のような点。 老眼：近く・遠くのものの焦点が合わない 周辺視野のぼやけ：画面の端に気づきにくい 中心視野の損失：画面の中央が暗
全部、完全に商用利用無料！ UIデザインに適した400種類以上のSVG・Figma用も揃ったシンプルでかわいいアイコン素材 -Doodle Icons
アイコン用のグリッドを使用して手描きされた、ちょっとラフなかわいい感じにデザインされたアイコン素材を紹介します。 15のカテゴリに、400種類以上のアイコンがセットになっており、個人でも商用プロジェクトでも完全に無料で使用できます。フォーマットは.png, .svg, .figが揃っているのも便利ですね。 Doodle Icons -Khushmeen Doodle Iconsの特徴 Doodle Iconsのダウンロード Doodle Iconsの特徴 Doodle Iconsは、イラストレーターでアニメーターでもある@khushmeensidhu氏による、手描きのアイコン素材です。 アイコングリッドを使用して、手描きされたアイコン 15のカテゴリに、400種類以上のアイコン 個人でも商用プロジェクトでも無料で利用できます 帰属は必要ありません アイコンのフォーマットは、.png, .s
2021年、最も注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン＋8ptグリッド＝調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行
もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma、Sketch、Illustratorとさまざまなアプリ用のファイルも用意されています。 iconsax iconsax -GitHub iconsaxの特徴 iconsaxのダウンロード iconsaxのアイコン iconsaxの特徴 iconsaxは、vue.jsのオープンソースのフレームワーク「vuesax」の公式アイコンです。個人でも商用プロジェクトでも完全無料で利用できますが、別の名前で販売および配布はできません。詳しくはライセンスをご覧ください。
無料＆登録いらずで1000種類以上のアイコンをフォントのように使用できる「Unicons」
何らかの意図やさまざまな機能を記号化して表現するアイコンはサービスやUIを分かりやすく彩ってくれるものですが、細かいアイコンを多数用いる場合、画像としてダウンロードして埋め込んで、というのは面倒なもの。アイコン集「Unicons」では、1000以上のアイコンを無料かつ登録いらずでゲットできるほか、画像のダウンロードも不要でフォントのようにサイトにアイコンを埋め込むことができます。 1000+ free vector icons - Unicons - Iconscout https://iconscout.com/unicons 「Unicons」のトップページから「Start using for Free」をクリックすると、使い方説明にスクロールします。 アイコンを埋め込むために必要なのはわずか2ステップで、CSSに特定のコードを追加した後、埋め込みたいアイコンを選んでコピーしたMark
保存アイコン＝フロッピーディスクの時代は終わった…？ | Goodpatch Blog
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
iconmonstr - Free simple icons for your next project
To use this icon, you must first accept the license agreement.
認識の三角形とパースの記号論 - ebikusu's diary
以前に、「シネクドキ（提喩）の位置づけ」で、瀬戸賢一の“認識の三角形”を示した。また、「認識の三角形に立ち戻って」では、同氏の「認識のレトリック」を読んだ感想として、メトニミーとシネクドキに対応するかたちで、メタファーａやメタファーｂなどが分けられるのではないかと触れた。さらに、「アイコン・インデックス・シンボルとレトリックとの対応」では、京都産業大学の卒業論文から、「アイコン−メタファー」、「インデックス−メトニミー」、「シンボル−シネクドキ」の対応を紹介した。 ところで、瀬戸賢一の「認識のレトリック」を読み返していると、認識の三角形とパースの記号の三分法の対応ということで、３つの三角形が示されていた（p205）。その意味するところをまとめたのが、以下の図である。上に紹介した京都産業大学の卒論と同じ対応関係となっている。 このような対応を考えることは、その背景となっている関係性からして、
本当は教えたくないイケてるアイコン素材集サイト「FLAT ICON DESIGN」がすごい
パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ
あの「iGoogle」の機能を継承したスタート画面カスタマイズ拡張「iChrome」 | 教えて君.net
かつて惜しまれつつサービス終了となった「iGoogle」。様々なウィジェットによってスタート画面をカスタマイズ可能なサービスだったが、この機能を継承したGoogle拡張「iChrome」が登場している。iGoogleが忘れられない元ユーザーはぜひ試してみるべし。 「iChrome」は、Chromeのスタート画面をカスタマイズする拡張だ。「iGoogle」とそっくりの機能とUIを備えており、カレンダーや天気予報、TwitteやFacebook、Feedlyといった機能を自由に配置して、自分だけのスタートページを作成できる。ウィジェットの数こそまだiGoogleには及ばないものの、画面のデザインや背景画像の変更など、iGoogleを忠実に再現している。 iGoogleが終了してからというもの、これといったブラウザのスタート画面が見つからない人は、ぜひ導入してみよう。 ■ 「iGoogle」のよ
iPhone/Androidアプリのモックアップ作りに便利なPSD・AI・ICON配布サイト｜スマートフォン｜モバイル／スマートフォン｜PHP & JavaScript Room
iPhoneタブバー＆ツールバー用アイコン iPhone UI iPhone外観素材〔iPhone3 / iPhone 4 / iPhone 4S〕 iPhoneアプリケーションアイコン iPhone風のアイコンジェネレーター iPad UI iPad 外観素材〔iPad / iPad2〕 iPod Touch 外観素材 Androidメニュー用アイコン Android UI Android外観素材 Android Widget UI〔ウィジェットテンプレート〕 Droidくん Androidアプリケーションアイコン Androidアイコンジェネレータ〔画像をアップするだけでガイドラインに沿ったアイコンを生成〕 モノトーン系アイコン iPhoneタブバー＆ツールバー用アイコン 2010/9/26 PSD PNG PSD icon Sweets License: 個人・商用利用可 iPhon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインに適したアイコンがこれで見つかる！ UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer
Free open source icons, illustrations, emojis and graphics - Iconduck
ソニーチームが開発、ハードウェアをハックする「MESH」
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Entypo