UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド（塗りつぶし）かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適なのでしょうか。 単なる好みの問題だと考える人もいますが、研究によると、認識の速さに違いがあることがわかっています。 ソリッドアイコンとアウトラインアイコンのどちらを使うべきかがわかれば、モバイルアプリの操作がしやすくなります。ユーザーはアイコンをより早く認識し、正しい選択をすることができるのです。 「Filled-in vs. Outline Icons: The Impact of Icon Style on Usability」という調査で、アイコンのスタイルは作業効率
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 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 Symbol/Icon Set」を公開しました。こうしたアイコン集はすでにAmazonクラウドがすでに公開しており、多くの利用者に使われてます。 Windows Azure用に作られてはいますが、一般的なシステム構成図のためのアイコンも多く含んでいるため、さまざまな場面で利用できそうです。公開された多数のアイコンの中から、よく使われそうなアイコンを集めてみました。 データはPowerPoint形式、Visio形式、PNG形式で提供されています。GitHubやBitBucket、DropBoxなどのアイコンもあるので、デプロイ関連の図を描く
著者：アラ・コルマトヴァ（Alla Kholmatova） 翻訳者：浅野 紀予 インターフェース上のアイコンを、ただの装飾要素ではなく、その価値を高める要素にするのはどんなポイントでしょうか？ 直感的であること、美的価値があること、記憶しやすいこと、それとも文化の違いを超えて知覚できること？ 効果的なアイコンはそれらの特徴をいくつも持ちあわせていますが、私はあるひとつの尺度に注目したいと思います — それは認識速度、つまりそのアイコンをどれくらいの速さで発見し識別できるか、という尺度です。 単純な暇つぶしアプリなら、認識速度の違いは大した問題ではなく、体験全体を揺るがすほどの影響を与えはしないかもしれません。 でも、複雑なトレーディングアプリでは事情が異なるでしょう。その場合、アイコン表現に求められる要件は、一段とスピード優先の傾向を強めます。個々の要素の処理時間が、インターフェース全体
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/dfbcc560b3b14f8ab7a360931d20153151b49026/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F04%2Fandroid_eyecatch.png)
WWDCの発表を受けて、Appleが発表したiOS7用アイコンのイラストレータ用テンプレートを作ってみた。 すでにいくつか先行作成されたものがあるものの、ストアサイズ1024pxを基準としたものが多い。 だけどこのサイズは実機表示には都合がわるい。 120pxにリサイズするとデータが滲んでしまう。 そこでこのテンプレートでは、実機サイズ120pxの10倍スケールの1200px基準にしてみた。 10px単位で要素を配置すれば、パッキリとピクセルパーフェクトなアイコンになるはず。 検証に写真アイコンのコピーを作ってみたが、問題なく表示されるはず。 あわせて黄金比分割ガイドも、実機表示でピクセルが滲まないように端数調整している。 外枠のコーナーに関しては、どうも手動の視覚補正つきコーナー為、もう少し使い込んでアップデートしてみたい。 （アップデートしました）。
iOSのデザインをやる時に一番大変なのが実機確認だと思います。 特にアイコンは実際にホーム画面に置いてみて、周りの他のアプリのアイコンに埋もれていないかなどを何度も検証します。 今まではiPhoneのホーム画面のスクリーンショットを撮って、その正確な位置に配置して画像として書き出したものをiPhoneに送信 → 確認という方法を使っていました。 一度ホーム画面のレイアウトを作ってしまうと難しくはないのですが、どうしてもiPhoneに送る手間がネックでした。 今回はそれを解消してくれる「iconsider」というアプリを発見したのでご紹介します。 こちらのアプリは、自分のDropboxにアイコン画像を入れるだけで自動的にiPhoneで確認することができるとても便利なもので、iOSデザイナーには必須になるんじゃないかと思います。 iconsider アイコンデザイン実機シミュレーター
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
[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
新着情報 2026年5月12日 【R8年度法人賛助会員ご紹介】NPO法人カラーユニバーサルデザイン機構様 2026年5月1日 【情報更新】ポスタープロジェクト「コレがウチの共用 KYOYO Design」 2026年3月26日 【お知らせ】標準案内用図記号ガイドライン2025が公開されました（交通エコロジー・モビリティ財団） 2026年1月13日 【R7年度法人賛助会員ご紹介】シンテックス株式会社様 2025年12月4日 【R7年度法人賛助会員ご紹介】徳武産業株式会社様 2025年8月1日 【R7年度法人賛助会員ご紹介】株式会社ロッテ様 2025年7月11日 【R7年度法人賛助会員ご紹介】株式会社ヘラルボニー様 2025年6月17日 【R7年度法人賛助会員ご紹介】エクスポート・ジャパン株式会社様 2025年6月17日 【R7年度法人賛助会員ご紹介】タカオ株式会社様 続きを表示 2025年1
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
写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。 結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。 そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。 結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。 メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。 そして、式当日とは違う衣装を選ぶことができるのも良いですね。 スタジオ撮影はもちろん、ロケーション撮影などで屋外での
IconCool Studio 6 Professional icon software with 10-year history. 2000 Free icons. www.iconcool.com
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
