アイコンフォントか？ SVG アイコンか？ | Accessible & Usable
公開日 : 2015年12月17日 (2018年1月20日 更新) カテゴリー : アクセシビリティ この記事は、「Web Accessibility Advent Calendar 2015」の17日目のエントリーです。 ウェブデザインにおいて、アイコンを配置することは多いと思います。特にここ数年はアイコンフォント (Font Awesome) を採用する案件が個人的に多かったこともあり、「アイコンフォントのアクセシビリティ向上」という記事を書いたりもしました。 ところがアイコンフォントにはもっと根本的なアクセシビリティ問題があるという指摘もあります。たとえば以下の記事が参考になるでしょう。 PUAアイコンフォントのアクセシビリティ - Unreviewed Seriously, Don’t Use Icon Fonts - Cloud Four Blog 総じて言うと、アイコンフォント
IconJarが神 | murmuring design
こんにちは、最近「IconJar」というアプリがお気に入りなのでご紹介しますね。 概要： IconJarはOS X用のアプリケーションです。 現在こちら からベータ版が無料ダウンロード可能。ひとことでいうと、「アイコンを管理していつでも呼び出せるツール」です。名前そのままですね。 実際使ってみる： セットアップできたら、早速使ってみましょう。 使い方は簡単。対応している形式（PNG、SVG、GIF、TTF、OTF）のアイコンファイルをドサッとドラッグ＆ドロップするだけ。あとはいい感じにIconJarがまとめてくれます。 タグ付けや、フォルダ管理ができます。もちろん複数選択での一括編集も可能。不思議なことに、四角いマークには“Square”など、インテリジェントなタグ付けがなされます。だいたい、突っ込むだけでOKです。 あとは、使いたくなったときにIconJarを呼び出して、お好きなアイ
Dellの新アイコンはどのようにデザインされたのか？
「Dell」が使用する新しいアイコンの作成を依頼されたデザイン事務所が、新アイコンのお披露目＆デザインのポイント解説を、オンライン・ポートフォリオサイト「Behance」にて公開しています。 Dell — Corporate Icons on Behance https://www.behance.net/gallery/22981687/Dell-Corporate-Icons アメリカの大手広告代理店であるY＆Rから、「Dellの新しいコーポレートアイコンを作って欲しい」という依頼がデザイン事務所のForma＆Coに舞い込みました。Dellといえば世界でも有数のコンピューター関連企業で、コンピューターやサーバーの製造・販売から、ソフトウェアの販売までさまざま事業を行っているわけですが、これらのサービスを表すアイコンのデザインを依頼されたそうです。Dellの事業範囲の広さから、Forma
【保存版】デザインにも提案資料にも "めっちゃ使える" 無料のアイコン素材サイト17選
どうも、平成の☆ やな☆ぎさわです。 デザインや資料作成などで素敵なアイコンをサクッと配置したり、ワンポイントで使いたい時ってありますよね。 そんなとき、自分で作ると時間がかかるし、そもそも作れないよぉなんて悩んでる方は多いのではないでしょうか。というわけで、王道中の王道ですが、今回は素敵なアイコンサイトのご紹介と行きたいと思います。 もはや何番煎じだかわからないからこそ、全力で厳選しました。ぜひ。 ありとあらゆるアイコンが無料＆超激安で手に入る金字塔的サイト「ICONFINDER」 ICONFINDER >>サイトはコチラ 僕は、資料を作る際に必ずと言っていいほどこのサイトに依存してます。 検索は英語限定ですが、JPG、PNG形式はもちろん、ベクターデータや3D系まで異常なほど豊富なアイコン収録数が魅力。 本職のデザイナーさんでここを知らないって人はもはやいないと思いますが、非デザイナー
IcoMoon : 好きなアイコンをピックアップしてWebフォントにできるサービス
IcoMoon : 好きなアイコンをピックアップしてWebフォントにできるサービス IcoMoon App IcoMoonは以前のエントリーでも紹介したようなアイコンフォントを配布しているサイト。 そしてこのサイトが立ち上げたサービス・IcoMoon Appは自社製のアイコンを始めIconic、Entypo、という3種類のフォントセットの中から好きなフォントをパッケージングしてオリジナルのアイコンフォントを組み立てられるサービスです。 アイコン一覧の中から気に入ったアイコンを選択したら下の『F』ボタンをクリック。 （隣の画像ボタンからそのままSVG画像としてダウンロードすることも可能） するとアイコンに文字コードが割り当てられるのでダウンロードボタンをクリックするとWebフォントとして一式（TTF, SVG,EOT, WOTF, CSS, HTML）がZIPでパッケージングされてダウンロー
Apple OS X Lion Buttons in CSS | Improve your UI | Pixify
Use OS X Lion to Improve Your UI As you probably know, OS X Lion was released yesterday. While there are 250 some odd new features in Lion, what you probably notice first is the new interface design. Part of the new design is new icon buttons in apps like Mail, seen below. I'm going to recreate OS X Lion's buttons in CSS for use in your UI. The new control bar in Mail. The colored, gel-like button
Free Best Minimal Icon Sets | Top Design Magazine - Web Design and Digital Content
Writen by Alexandru / Comments Off on Free Best Minimal Icon Sets This is a very useful collection of free minimal icon sets. The internet is full of free icons, so you don’t have to lose your time making new ones. It’s free and easy to use. 108 Mono Icons Free iPhone Toolbar Icons Pictodeck Gcons Social Mono Chrom Icons 30 Free Vector Icons WPZOOM Developer Icon Set Iconic Icon Set Monochrome Sym
40 Useful Free Folder Icon Sets | Naldz Graphics
Our computer is considered to be our personal library where our important documents are saved and organized. Hence, we tend to make our desktop personalized so as to make it more private and enticing. One of the usual items we see in computers are Folder icons where files are kept and saved. These icons, though small and seem irrelevant, plays an important role for computer-users everywhere. It or
汎用性の高いPSD, AI付きの高品質なモノクロのアイコン素材
WPZOOM Developer Icon Set (154 free icons) [ad#ad-2] アイコンは全部で154種類、フォーマットはPNG, PSD, AIが揃っています。
ハイクオリティな最新のアイコンを集めた「50 New Free High Quality Icons Sets」
デザインのポイントとして多いに活躍してくれるアイコンは、いくつあっても嬉しいものです。そこで今回紹介するは、ハイクオリティな最新のアイコンを集めた「50 New Free High Quality Icons Sets」です。 （IsoIcons – Workspace | Artdesigner.lv） 非常にクオリティの高い多彩な種類のアイコンが集められています。中でも気になったアイコンセットをいくつかピックアップしましたので、下記よりご覧ください。 ■Guifx : Solar System Icons さまざまな惑星をリアルに表現したアイコンセット。どこか神秘的な印象を感じることができます。 ■Icon Pack: 256×256 Business Icons | Tutorial9 使い勝手のよさそうな、シンプルだけど作りこまれた定番風のアイコン。さまざまなシーンでおおいに活躍し
Matte Blue And White Square Icons Arrows » Icons Etc
Click the icons to download individually, or download the complete set in one zip below. Start of Two Arrows (Arrow) Icon #116734 Solid Up Triangle Icon #116848 Simple Right Arrow Icon #116789 Circled Right Arrow Icon #116802 Dotted Northeast Arrow Icon #116740 Pointing Down Hand Icon #116814 Circled Up Arrow Icon #116803 Simple North Arrow Icon #116771 Curvy Arrow Icon #116737 Two Sided Left Righ
50 Remarkable Free Icon Sets Released In 2010 - noupe
Today we present a refreshing collection of free icon sets. In the past, we posted a huge collection of icon sets and due to the increasing users’ demand, we decided to showcase a yet another collection. Everyone knows that a suitable icon can help users with nice metaphors (if used properly). This is the reason why many artists and designers pay attention to icons that they use in their designs.
Top 25 Free Icon Resources for Web Designers | Speckyboy - Wordpress & Design
Icons play a critical role in UI design, offering a simple yet effective way of conveying information and direction while enhancing user experience. Luckily, most icon sets are free for designers to use in many different types of projects, including web and mobile app design. It’s just a matter of finding the icon set that best suits the requirements of your project. That’s where this collection c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
Chrome ウェブストア
名前を入れるだけで可愛いアイコンを作成してくれるサービス「256locks」 | ライフハッカー・ジャパン
Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
404 Not Found
いろいろな高品質デザインアイコン
