安全でアクセシブルなアイコン・フォント
Translation of: Bulletproof Accessible Icon Fonts by Filament Group アイコン・フォントを利用する場合、あらゆるユーザーに適切にアイコンを提供しようとすると、かなり気をつける必要があります。そのフォントが読み込まれなかった時にどうなりますか？@font-faceがまだサポートされていないブラウザーでは？ どうすれば安全に(bulletproofに)アイコン・フォントを利用できるかをこれから解説したいと思います。 効率的で機能的なウェブサイトを制作するという、この終わることのない探求において、ベクター形式のアイコンを提供する手段として、簡便であるフォントを利用することが何度も提案されてきました。対して私達は通常ベクター形式のアイコンとしてSVGをIan Featherがブログ書いたような理由から選んで(また、薦めて)おり、既に
iconmonstr - Free simple icons for your next project
To use this icon, you must first accept the license agreement.
Google Visual Assets Guidelines - Part 2
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
Free vectors icons
No notifications to show yet You’ll see useful information here soon. Stay tuned!
アイコンデザインの参考に。GoogleのUIパーツ・ガイドライン資料 | ビジュアルシンキング
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
全120種類、シンプルながら細部までしっかり作りこまれた商用利用無料のアイコン素材 -Application Icon Set
アイコン全120種 ダウンロードできるファイルのフォーマットは下記の通りです。 PSD: 制作用のベクターシェイプ3サイズ PNG: すぐに使う用3サイズ CSH: Photoshop用のカスタムシェイプ アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。 詳しくはダウンロードファイルの「LICENSE.txt」をご覧ください。
質感がたまらないiOSのデザインアイコン - RyoAnna
ボクシンググローブ 世界のデザイナーが集まるDribbbleで、質感がたまらないiOSアイコンを見つけた。どれも作り込みが素晴らしい。 ウイスキー Nikon 一眼レフカメラ レコードプレイヤー 日記 ミリタリーヘルメット 海水パンツ アクアリウムボトル アコーディオン コカコーラ キャップ プレイステーション マニラ封筒 BRAUN 時計 Amazon Kindle ホイール ヴィトンバッグ ピル カセットテープ スーツケース Minox カメラ マルボロライト ゴルフバッグ 洗濯機 ラジオ 特に、ボクシンググローブのKonstantin Datzさんと、マルボロライトのDavid Imさんのデザインが好きだ。 可愛いアイコンはどれだけ見ていても飽きない。 関連記事 iPhoneで最も美しいアプリアイコンは？ - #RyoAnnaBlog ハッピーマックをデザインしたスーザン・ケアのスケ
200を越えるアイコンが揃ったBootstrap向けWeb Font·Font Awesome MOONGIFT
Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立
全50種類、PNGもPSDも揃ってるシンプルなデザインのピクセルベースのアイコン素材 -50 Crisp Web UI Icons
全50種類、PNGもPSDも揃ってるシンプルなデザインのピクセルベースのアイコン素材 -50 Crisp Web UI Icons
webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」
ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ
icloudのアイコンに隠れた美しさの法則。
Thank you for coming to my blog! this article English version is here. 先日のWWDCで発表されたicloud。アップルのクラウド本格参入ということで色々とサービスが話題になっていますが、相変わらずアイコンのデザインも綺麗に仕上がっていますね。 では、なぜ美しく見えるのか、少し視点を変えてアイコンのデザインそのものに注目して、その美しさの理由に迫ってみたいと思います。 まずは、なんとなく眺めてみましょう。 雲の輪郭が不規則な曲線を描きつつも、とてもバランスのとれた形になっていますね。ワラのなかから一本の針を見つけるぐらい、とまではいかないと思いますが、シンプルでバランスのとれた形にしながらも雲に見えるような形に定着させるのは、簡単そうに見えて意外と難しく、磨き抜かれたデザインだということが分かりますね。 なんとなく眺めて
全653種、商用利用無料、再配布可能な太っ腹のフリーアイコン -Default Icon
全653種、商用利用無料、再配布可能だけでもすごいですが、更にベクターのEPS付きとフリー素材として至れり尽くせりのアイコンを紹介します。 アイコンのデザインもシンプルなので、使い勝手もよさそうです。 Default Icon [ad#ad-2] ダウンロードできるアイコンのフォーマットはEPS, PNG（16x16, 32x32, 48x48, 64x64, 128x128, 256x256）です。 アイコン全653種はウェブサイト・ウェブアプリケーション用にさまざまなものが揃っています。 以前紹介した際はver.1で168種類でしたが、作者様よりver.2にして数も増やしたよ、と連絡を受けました。 [ad#ad-2] アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。また、再配布も可能、とのことです。
35 Useful Photoshop Patterns | Web Design Blog, Web Designer Resources
About Contact Is A Dating App Designed to be Deleted the Answer to Modern Online Dating?Hinge, an app created for online dating which is designed to be deleted after meaningful connections are made, offers a fresh concept of digital courting. This distinct approach was engineered with the idea that once users build special bonds via this platform, they no longer need it in their lives and can dele
カラーもサイズも変更可能！全200種PSD付きのシンプルなアイコン素材
商用利用無料、さまざまなウェブサイト・ウェブアプリケーションでの利用を想定してデザインされたGoogle+風のシンプルなアイコン素材を紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Noun Project: Free Icons & Stock Photos for Everything
新着記事
新着記事
29000個以上もの膨大な数のアイコンが揃ったサイト「Free Icons Web」 | つーる亭
新着記事
PSDフォーマットで利用できる40の新しいと無料アイコンセット | ウェブという選択肢