もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法
こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったことがありませんでした。 しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとしては使いませんでしたが・・・) 最近話題になっていたこちらのサイトがとても便利です。 Fontello - http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭
無料で使える高品質な50のデザインパーツ素材集 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
最近デザインに関する記事を少しずつ増やしているSEO Japanですが、予想以上に人気に嬉しいながらも微妙に戸惑っていたりもします。とはいえ、需要があればお届けするということで新たな無料素材のご紹介。 — SEO Japan Blaubarry UI Kit Review & Rating Stars… (PSD) 7 Styled Tickets Settings Menu (PSD) Black UI Kit LOGIN FORM PSD Sign In Notepad Solid UI Kit Classic Login Form UI-Element Set Simple Slider UI Elements White&blue set MP3 player Notification Style iPad and iPhone icons Pagination Moonify U
最近リリースされたフリーアイコンセット50選「50 (Really FRESH) High Quality and Free Icon Sets」
WEB制作において、非常に便利な素材の一つアイコン。直感的に意味を示してくれる指標になったり、作りこまれたアイコンはそれだけでデザインのクオリティをアップさせてくれたりします。今日紹介するのは最近リリースされたフリーアイコンセット50セットまとめたエントリー「50 (Really FRESH) High Quality and Free Icon Sets」です。 3D Glossy Icon Set: 20 Free Icons シンプルなものから、立体的なもの、一点物などなど様々なアイコンセットがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Facebook & Twitter Icons ~ Cake style フェイスブックやTwitterのアイコンをスィーツで表現したアイコンセット Html5 icons シンプ
無料で商用OKな高品質アイコン集がダウンロードできる「ArtDesigner.lv」
ウェブサイトやちょっとしたワンポイントに使える高品質なアイコン集が「ArtDesigner.lv」にて公開されています。それぞれアイコンセットはCCライセンスで配布されており、ライセンスの範疇であれば無料で利用することができます。商用利用もOKなので、助かる人は多いはず。 Lovely Website icons Pack#1 | Artdesigner.lv 中身はこのような8種類のアイコンがPNGで収録されています。 Lovely Website icons Pack#2 | Artdesigner.lv こちらも中身は8種類のPNGファイル WEB UI Treasure Chest v 1.0 | Artdesigner.lv 種類が多彩で、しかもPSDファイルで提供されています。文字などはレイヤーで重ねられているので、ほかの文字に変えたい場合にも簡単に編集することができます。 S
webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」
ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ
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
フリーで商用可のハイクオリティなネットショップ用アイコンセット「E-Commerce Icon Set」＆モバイル用アイコンセット「Mobile Icon Set」
「Web Icon Set」からのタレコミによると、オンラインストアやネットショップ、電子商取引などのために無料で使用できる「E-Commerce Icon Set」と電話やメール、無線LAN、地図、カレンダーのイメージを含んだ「Mobile Icon Set」をリリースしたとのこと。いずれもPNG形式で、サイズは「E-Commerce Icon Set」が32×32・48×48・64×64・128×128の4種類、「Mobile Icon Set」48×48・64×64・128×128の3種類が同梱されているため、いろいろな使い方ができるようになっています。 個人用途だけでなく、商用利用も可能と明記されており、今回も非常に使やすいアイコンセットに仕上がっています。 ダウンロードは以下から。 E-Commerce Icon Set | Web Icon Set http://www.web
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
29000個以上もの膨大な数のアイコンが揃ったサイト「Free Icons Web」 | つーる亭