ソリッドとアウトライン、認識しやすいアイコンはどちら？
UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド（塗りつぶし）かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適なのでしょうか。 単なる好みの問題だと考える人もいますが、研究によると、認識の速さに違いがあることがわかっています。 ソリッドアイコンとアウトラインアイコンのどちらを使うべきかがわかれば、モバイルアプリの操作がしやすくなります。ユーザーはアイコンをより早く認識し、正しい選択をすることができるのです。 「Filled-in vs. Outline Icons: The Impact of Icon Style on Usability」という調査で、アイコンのスタイルは作業効率
Popular Animated Icons – Free Download, GIF, JSON, AEP
Fast native apps with icons, illustrations and photos
How to work with SVG icons
There are many ways to use SVG icons in HTML and CSS, and I haven’t tried them all. This is how we do it in our small front-end team at Kaliop. It works well for our needs, which include: Content and communication websites, often based on big CMSes, rather than full-JS web apps. Icons which are often simple, single-color icons (each potentially used in several different colors depending on context
favico.js
favico.js v0.3.10 Make use of your favicon with badges, images or videos View on GitHub Try it: +1 -1 Set icon Play video Start webcam Reset Works on Chrome, Firefox, Opera and IE11+ Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color.
マイクロソフト、クラウドのシステム構成図に使えるアイコン集を公開。Windows Azure以外にも一般的なシステム構成図で使えそう
マイクロソフト、クラウドのシステム構成図に使えるアイコン集を公開。Windows Azure以外にも一般的なシステム構成図で使えそう マイクロソフトは、Windows Azure関連のシステム構成図を描くために使えるアイコン集「Windows Azure Symbol/Icon Set」を公開しました。こうしたアイコン集はすでにAmazonクラウドがすでに公開しており、多くの利用者に使われてます。 Windows Azure用に作られてはいますが、一般的なシステム構成図のためのアイコンも多く含んでいるため、さまざまな場面で利用できそうです。公開された多数のアイコンの中から、よく使われそうなアイコンを集めてみました。 データはPowerPoint形式、Visio形式、PNG形式で提供されています。GitHubやBitBucket、DropBoxなどのアイコンもあるので、デプロイ関連の図を描く
UIアイコンの最適化 — 認識速度の向上をめざして | architexture.jp アーキテクスチャ — 情報をデザインする可能性の探求
著者：アラ・コルマトヴァ（Alla Kholmatova） 翻訳者：浅野 紀予 インターフェース上のアイコンを、ただの装飾要素ではなく、その価値を高める要素にするのはどんなポイントでしょうか？ 直感的であること、美的価値があること、記憶しやすいこと、それとも文化の違いを超えて知覚できること？ 効果的なアイコンはそれらの特徴をいくつも持ちあわせていますが、私はあるひとつの尺度に注目したいと思います — それは認識速度、つまりそのアイコンをどれくらいの速さで発見し識別できるか、という尺度です。 単純な暇つぶしアプリなら、認識速度の違いは大した問題ではなく、体験全体を揺るがすほどの影響を与えはしないかもしれません。 でも、複雑なトレーディングアプリでは事情が異なるでしょう。その場合、アイコン表現に求められる要件は、一段とスピード優先の傾向を強めます。個々の要素の処理時間が、インターフェース全体
[Android Tips] Android Asset Studio でアセットをラクラク作成 | DevelopersIO
Android Asset Studio とは Android Asset Studio は Android アプリのアセット (アイコン素材やスタイルなど) をブラウザから生成することができるツール群です。アプリアイコンの作成から Notification 用のアイコン、また ActionBar のスタイルなどいろいろな素材を作ることができます。いろいろあるのでまとめてみました。 Launcher Icon Generator http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html ランチャーアイコン作成ツールです。手持ちの画像から各画面密度ごとのアイコンファイルを作成することができます。手持ちの画像がなくてもクリップアートとしていくつかのデフォルトアイコンを元に作成することもできるの
![[Android Tips] Android Asset Studio でアセットをラクラク作成 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/3457a10e2096f0bdd87f97cdc7602f6664bd9950/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F04%2Fandroid_eyecatch.png)
iOS7用のアイコン製作テンプレート（ピクセル最適化済） | fladdict
WWDCの発表を受けて、Appleが発表したiOS7用アイコンのイラストレータ用テンプレートを作ってみた。 すでにいくつか先行作成されたものがあるものの、ストアサイズ1024pxを基準としたものが多い。 だけどこのサイズは実機表示には都合がわるい。 120pxにリサイズするとデータが滲んでしまう。 そこでこのテンプレートでは、実機サイズ120pxの10倍スケールの1200px基準にしてみた。 10px単位で要素を配置すれば、パッキリとピクセルパーフェクトなアイコンになるはず。 検証に写真アイコンのコピーを作ってみたが、問題なく表示されるはず。 あわせて黄金比分割ガイドも、実機表示でピクセルが滲まないように端数調整している。 外枠のコーナーに関しては、どうも手動の視覚補正つきコーナー為、もう少し使い込んでアップデートしてみたい。 （アップデートしました）。
iOSデザイナーにオススメ！ 「iconsider」というアプリが便利すぎる！ | ナナメウエblog
iOSのデザインをやる時に一番大変なのが実機確認だと思います。 特にアイコンは実際にホーム画面に置いてみて、周りの他のアプリのアイコンに埋もれていないかなどを何度も検証します。 今まではiPhoneのホーム画面のスクリーンショットを撮って、その正確な位置に配置して画像として書き出したものをiPhoneに送信 → 確認という方法を使っていました。 一度ホーム画面のレイアウトを作ってしまうと難しくはないのですが、どうしてもiPhoneに送る手間がネックでした。 今回はそれを解消してくれる「iconsider」というアプリを発見したのでご紹介します。 こちらのアプリは、自分のDropboxにアイコン画像を入れるだけで自動的にiPhoneで確認することができるとても便利なもので、iOSデザイナーには必須になるんじゃないかと思います。 iconsider アイコンデザイン実機シミュレーター
spin.js
Share it! If checked, the option values will be stored in the URL so that you can easily share your settings. Features No images No dependencies Highly configurable Resolution independent Uses CSS keyframe animations Works in all major browsers Includes TypeScript definitions Distributed as a native ECMAScript module MIT License Spin.js dynamically creates spinning activity indicators that can be
defaulticon
[dih-fawlt] [ahy-kon] is a repository of elegant, visually unified, minimal icons with crystal clear clarity, based on black color. It Can be used for UI design on web, portable devices (iPhone, iPad, Android compatible devices, other smartphones etc) , desktop applications, and generally any kind of electronic or mechanic machinery interface. The set is completely customizable as it is available
Create a favicon for your web site with this free Photoshop plugin
ICO ファイルフォーマット・プラグイン - Webサイト用FaviconやVista用アイコンをWindowsで作成 このプラグインを使うと、ウェブサイト用のお気に入りアイコン(favicon)をPhotoshopで直接作成することができます。 faviconはWebブラウザのロケーションバーやブックマークの横に表示されるものです。 あなたのサイトの象徴となり、訪問者に印象付けるのに役立ちます。 このプラグインはPhotoshopの全バージョン(CS4やElements含む)で動作します。 また、バージョン9以降のPaint Shop Proでも動作可能です。 最新版のダウンロード: Windows, Photoshop全バージョン対応版 (Web用faviconの作成だけならこちらを選んでください) Windows, Photoshop全バージョン対応版 (Vista用アイコンの作成)
ＪＩＳ 絵記号例の公開無償ダウンロード
新着情報 2024年9月3日 【イベント案内】10月4日（金）13:30～オンライン「ADシンポジウム2024」増田明美さん（スポーツジャーナリスト）、倉野直紀さん（全日本ろうあ連盟）講演 2024年8月1日 【イベント案内】参加者募集「標準化と品質管理 全国大会 2024」 2024年7月31日 【イベント報告】第99回 令和６年度 全日本盲学校教育研究大会・熊本大会で共用品を展示 2024年7月29日 【お知らせ】全国銀行協会発行『銀行におけるバリアフリーハンドブック』改訂に協力 2024年7月4日 【動画アーカイブ】春風亭昇吉師匠の共用品落語公開中！ 2024年7月4日 【動画アーカイブ】ミュージカル3D紙芝居「いっしょにあそぼう」（13分程度) 2024年6月26日 【イベント案内】令和６年度 おかやまＵＤアンバサダー養成講座 受講者募集！（受講料無料・会場参加とオンラインで開催)
pinvoke - Icons and pixel fonts
3.570 iconos se incluyen en formato PNG (16x16 píxeles) + 352 extra iconos.
LogoTemplater.com - We create free blank logos templates designs and free vector art images. Creating logo templates in Adobe Illustrator EPS files for free.
Voope logo templates is set of curves Last added Logo templates of modern style. Simple vector curves in free Adobe EPS files help you boost your layouts. Voope.ZIP [191 kB] Zoozz, free logo templates This is set of free vector logo templates in EPS, AI and PDF file formats. Feel free to use it for your commercial projects. Zoozz.ZIP [124 kB] Create your own logos from free blank logo templates de
Nitram+Nunca › ２分の１ピクセルの輪郭線
写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。 結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。 そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。 結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。 メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。 そして、式当日とは違う衣装を選ぶことができるのも良いですね。 スタジオ撮影はもちろん、ロケーション撮影などで屋外での
Dreamplay.dk
IconCool Studio 6 Professional icon software with 10-year history. 2000 Free icons. www.iconcool.com
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create your Icon Font in seconds - 9000 Vector Icons Available - Free Icon Font Generator
Icons | Font Awesome
IconSweets 2