Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Icon

[iOS App Icon] 46 Fabulous iOS Icon Designs – iOS Appのクールなアイコンデザイン

  • Pocket
  • このエントリーをはてなブックマークに追加

iOS Appのクールなアイコン作例まとめ。46の作例が紹介されてるけど、このまとめ記事で紹介されてるアイコン、どれもマジにスゴいっす。作り込みがハンパないというか、アイデアの質も素晴らしい。実在するAppのアイコンはあまりない印象だけど、あの角丸の正方形の中によくこれだけアイデアと時間を詰め込んだなぁと感心するものばかり。現実にある何か物質的なものを模したものが多く、特にテクスチャの使い方や質感には並々ならぬこだわりを感じます。アプリのアイコン制作時に役立ちそうな内容。

[Icon] Free Icon Fonts for Web User Interfaces – フリーのアイコン素材まとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

フリーで配布されているアイコン素材のまとめ記事。WebデザインやMobile Appのデザイニングに向いた内容です。シンプルなピクトグラムが多く、デザインの素体としても使えそうです。最近こういうのって有料のものを多く見るけど、探せばちゃんと無料のものもあるんですね。ナイスなまとめ記事。

[Materials] WebTreats ETC – アイコンやテクスチャなどのWeb向け素材配布サイト

  • Pocket
  • このエントリーをはてなブックマークに追加

アイコンやテクスチャ、Photoshop用のブラシやレイヤースタイル、カスタムシェイプなどの素材配布サイト。素材としては様々な種類がありますが、テクスチャ類が一番多い印象。どれも無料のようで、フォトショップユーザー向けのものが多いですね。デザインの素材探しに使えそうです。

[Icon] Font Awesome – Twitter Bootstrapと相性のいいアイコンフォント

  • Pocket
  • このエントリーをはてなブックマークに追加

Twitter Bootstrapとの併用を想定したアイコンフォント。LESS、CSS、さらにはBootstrapを導入せずに使う方法が解説されていて、それぞれの環境での導入方法についても詳しく紹介されてます。ダウンロードされたZipファイルを解凍すると、SVGやPDFなどのベクターリソースも格納されているので、単純にアイコン素材としても使う事ができます。数が多くまたデザインがシンプルなので、使い勝手はとても良さそう。最近Webフォント形式のアイコン配布形態増えてきましたよね。デザイナーのネタ帳に是非これひとつ。

[Icon] iconmonstr – シンプルなアイコンギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

シンプルなアイコンギャラリー。モノクロで描かれた実用的なピクトグラムアイコンがセットではなく個別に配布されてます。新しいのが描かれる度にちょいちょい追加されてるようです。配布フォーマットはPNGとSVG。ベクターデータでダウンロードできるのがとってもナイス。シンプルなアイコン素材を探す時にナイスですな。

[Icon, Wallpaper] Prettify – アイコンと壁紙のギャラリーサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

アイコンと壁紙のギャラリーサイト。WebやAppなどで使える素材というよりは、どちらかというとデスクトップアイコンとして使ったり、MacやiPadの壁紙として使う事を想定した素材が集められてます。以前はアイコン素材とかデスクトップ壁紙とかアホほど収集してたのに、最近あんまししなくなりました。よく見てたサイトが次々と閉鎖しちゃったせいかな。久しぶりにイイ感じのまとめサイト見つけたので、ちょいちょい見てみようかと。

[Icon Design] Pinterest – Icons – Apps mobile – PinterestでのiOS Appのクールアイコンまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

Pinterestでのクールアイコンまとめ。iOS Appのクールなアイコンをまとめた内容です。紹介されているアイコンがどれもクールなので、Appデザインの際の参考になります。っていうかPinterestってこういう使い方アリだなーとか思いました。普段それほどガンガン使うWebサービスではないので、なんかイイなっていうか、アリだなって思った次第であります。あ、けどリンク先ほとんどDribbbleだな・・・w

[Icon Design] Apple’s Icon Ecosystem or: Carrying the Quality All The Way Through – MacとiOS間において相互に影響し合うアイコンデザイン

  • Pocket
  • このエントリーをはてなブックマークに追加

MacとiOS間において相互に影響し合うアイコンデザインについての考察。記事の内容はかなり長いので、端的に「例を見せてくれよ」っていうせっかちな人は、ここ(Mac→iOS)ここ(iOS→Mac)を見るとイイです。Mac AppアイコンとiOS Appアイコンとで大きく異なる点のひとつに、角丸の枠の有無があります。元々Mac版のあったアプリにはアイコンに合う背景が与えられ、逆の場合はなくなった背景を補うような形で意匠に変化が加えられる場合が多いみたい。アイコンデザインの参考になるかどうかは分からないけど、デザイナーがいかにしてアイコンのコアの部分を両OSで使い回してるのかを見るのは、なかなか興味深いです。