【追記あり】アイコン変えようぜアイコン！アイコンから推測するはてな民傾向 - はてブのまとめ
こんな記事を読んだ。 SNSのプロフィール画像は？ 年代別に差、Twitterは「キャラアイコン」最多 アドビ調査 - ITmedia ニュース SNSでデフォルト画像のまま使ってる人は15%ほどだそうだ。 はてなブックマークも一応SNSだ。しかし、私の体感的に恐らくデフォルトのまま使ってる人は50%を超えてる。 Twitter、Facebook、mixi、様々なSNSがありますがその中でもはてなブックマークのデフォルトアイコン率は群を抜いている。 そもそもSNSとしての機能ではなくブックマークするためだけに使ってる層が多いのが考えられる。 逆に言えばコメントをよくしているユーザーほどアイコンを変更してる人が多いのかな。 しかーし、コメントをするのにアイコンを変えてない人がいるのです。もったいない！ 【スポンサードリンク】 アイコンを変えることによってこんな効果がある ・周りの人に覚えられ
ウェブでも紙でも商用利用無料！コリス限定のホビー系アイコン素材150種類を配布します！ -Celebrations Icon Set
海外のクリエイティブチーム「Freepik」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定のアイコン素材を配布します。 先日Twitter@colisscomでどんなアイコンが欲しいか希望を聞き、Freepikの中の人と相談し、アイコンを作成していただきました。 Freepik.comは、海外のウェブ制作系ブログSmashing MagazineやSix RevisionsやWeb Designer Depotでもお馴染みで、そのブログだけのオリジナルのアイコンセットを配布するコラボに当ブログも加わりました。 日本では初だそうです、やったね！ アイコンのテーマは「Celebrations」 ビジネス系のは他のサイトにたくさんあるので、ホビーやライフなどを主体としたアイコンを依頼しました。
iOS 17 Outlined Icons – Download free PNG, SVG icons
Fast native apps with icons, illustrations and photos
CSS3で実現するアローアイコン
CSS3で実現するアローアイコン スマートフォンなどでリンク領域を示すことなどで使われることが多いアローアイコン。これをCSS3を使って表現する方法を紹介します。 ちなみにアローアイコンとはこんなかんじのリストの右にある矢印。(アローアイコンの正式名称とかあるのかしら) まず、HTMLは次のようにします。今回は便宜的にアローアイコンを付けるa要素にclass属性「arrow」を付加しています。 <ul> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#">link</a></li> <ul> .arrowには以下のようなCSSを指定します。 li a
WebHostingHub Glyphs
Glyph Icon Font from WebHostingHub High quality icons that are easy to use with Bootstrap, other CSS frameworks and in any web projects. They also work in desktop software such as Adobe Photoshop or Microsoft Word. They are perfect for use in mobile developement on Android or iOS devices. Icons rock when used as a font! Font gives you freedom to change icon's size, color, shadow and other things o
Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字（現在地表示） アイコンと文字（通常表示） ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねｗ それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook（アプリ） ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
0.1ランク上のアイコンの作り方講座
第2回 P4D デザイナー向けプログラム部 http://prog4designer.github.com/ で発表させていただいたスライドです。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック https://speakerdeck.com/ken_c_lo/zurui-design ノンデザイナーのための配色理論 http://www.slideshare.net/saucerjp/ss-14902681 初めての欧文書体 http://www.slideshare.net/shoheiitoh/ss-17245066 Bootstrapのカスタマイズ例 https://speakerdeck.com/machida/railsenziniafalsetamefals
黒板にチョークで書いたようなかすれ具合がいい味を出してるフリーのアイコン素材 -Chalk Web Icons
ウェブだけでなく、紙でも利用可能なハンドメイドのフリーのアイコン素材を紹介します。 黒板デザインの名刺でも作りたいですね。 Free Chalk Web Icons アイコンのデザインは全部で40種類で、Facebook, Twitter, Google+をはじめさまざまなソーシャルサービスが揃っています。 アイコン全40種類 ダウンロードできる素材のフォーマットはPSDと透過PNGで、サイズは64x64, 128x128, 256x256と大きなものまで揃っています。 素材の利用にあたっては個人でも商用でも無料で、ウェブだけでなく印刷、ポスター、フライヤー、名刺などに使用しても構わない、とのことです。 詳しくは下記ページをご覧ください。 Download Terms
21 Inspiring Examples of Icons in Web Design - Web Design Ledger
Inspiration 21 Inspiring Examples of Icons in Web Design Gisele MullerJune 4, 20129 Comments04.5k Icons are a really important element of an attractive and effective website. It doesn’t matter if you use an icon from a free pack or if you design your own, if you use them properly it makes all the difference. Today we gathered a few examples of inspiring icon usage to keep your ideas floating. From
Icons DB - free custom icons
You can get all 4215 icons in any color you want ! Choose your color or select from the preset colors ! 36 free themed icon sets, every icon set with all 4215 iconsGrey wool icon setVintage paper icon setCardboard blue icon set ... see all 36 icon sets Just added iconssea horseairbnbmessengertanktopwinamp 2brain 3toxicrosebottle 10crown 5star 16ssl badge 2 satellite 3filing cabinet 2lionapple 3sem
アイコン関連ブックマーク激増の2012年を振り返って、今年見てきたアイコン系リソース全部紹介！ | バンクーバーのうぇぶ屋
今年はアイコンWEBフォント系のサイトが本当に増えましたねー。知らずの間に僕のブックマーク内のアイコンカテゴリも、もはや収集がつかない勢いで増えている事に気づいて、さぁちょっと個人的に整理が必要だと思いましたので、今日はこれまでも利用／参考にさせてもらってきたアイコンリソースサイトと、今年僕が知ったアイコンWEBフォントを紹介しているサイト交えて、完全にオンリーアイコンネタで今日は記事を書かせて頂ければと思います！ 半分以上は僕の備忘録になりますが、こういったリソース関連は今年も来年もやっぱりできる限り周りのWEB屋同士でも共有させて頂ければと思っています！念のためライセンスは一個一個のアイコンに対して表記してあったりパッケージで表記してあったりまちまちなので、ご自身でご確認頂けますと幸いです！っていうか、まとめ出してちょっと公開したのですが、とんでも無い量になってしまってホントすいません
さまざまなアイコンデザインに出会えるアイコン紹介サイトまとめ「10 Websites for Finding iOS App Icon Design Inspiration」
さまざまなアイコンデザインに出会えるアイコン紹介サイトまとめ「10 Websites for Finding iOS App Icon Design Inspiration」 デザイン制作をしているとさまざまなアイコンが必要になりますが、クオリティを追求したアイコンを考えるというのはなかなか時間のかかる作業です。そこで今回紹介するのが、さまざまなアイコンデザインに出会えるアイコン紹介サイトをまとめた「10 Websites for Finding iOS App Icon Design Inspiration」です。 Pinterest / Search results for iOS Icon iPhoneアプリのアイコンデザインをまとめたサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■iOS Icon Gal
Pinterest - サルベーション・マウンテン
Discover recipes, home ideas, style inspiration and other ideas to try.
Page is Under Review
Page is Under Review The lab is awaiting moderator review and approval.
Icons | iOS Icon Gallery
Showcasing beautiful icon designs from the iOS App Store
これは使い勝手がよさそう! PSD形式のハイクオリティアイコン45選
Download Lens Icon Icon. Get lens & icons vector icons in SVG, PNG, ICO or ICNS on Icon Packs ✓ No Copyright images ブリーフケースアイコン こちらもブリーフケースの表面の質感がなかなか良い感じ。革っぽさを演出しているみたいですが、これもいい勉強につながりそうです。 Briefcase | Inventlayout.com – Download free PSD, AI resources like textures, icons, buttons, backgrounds and many many more… ドローイングツールアイコン 割と定番といえば定番な感じのアイコンデザインですが、個人的に気になったのが影の部分。こうした影の部分って黒系一色でぱっと作られてるものが多
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://iconmelon.com/
クレジットカード ロゴ 〜 素材ダウンロード
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
iOSやAndroid向けのアプリアイコンを作成出来るオンラインのジェネレーター・MakeAppIcon
