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

Browse By

Tag Archives: Icon

[UI Design] 20 Beautiful Android L App and Icon Designs – Android Lに関するデザインリソースまとめ

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

Android Lに関する、UIやアイコンのデザインリソースをまとめた記事。この前発表されたばかりなのにもう色々と作られてるんですねー。マテリアルデザインにおけるアニメーションや、UIキット、アイコン素材、各種モックアップなどが紹介されてます。既存Appのモックアップ類は、いわゆる妄想系のようです。それぞれリンク先でPSDとか配布してるので、Android Lを対象としたアプリをデザインする際のリソースとなりそうです。

[Icon] Flat Icons – フラットなアイコンセットを紹介するサイト

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

フラットデザインのアイコンセットを紹介するサイト。ギャラリー形式で紹介されていて、各記事の詳細ページからダウンロードページに行ったり、直接ダウンロードできたりします。ものによってはPay with a Tweetだったりします。それなりに多くの種類のアイコンパックが紹介されているので、素材探しの際に役に立ちそうです。
そういや最近めっきりスキューモーフィックデザインのサイトとかアプリとか見なくなりましたね。トレンドの移り変わりというのはほんとに早いなぁとしみじみ思います。

[Icon] 100 Free iOS7 Vector Icons – iOS7っぽいアイコンセット

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

iOS7のUIデザインに近いアイコンセット。100個のアイコンがベクターフォーマットで配布されてます。Pay with a Tweet形式(TweetするとダウンロードできるYO)ではありますが、アイコンを右クリックしてイメージを別タブで表示すると、SVGファイルをブラウザウィンドウ内で直で表示できるので、それを保存すれば、Tweetしなくてもそのまま使えます。どのアイコンもiOS7っぽい細めの線画でデザインされているので、iOS App製作時のアイコン素材としてナイスな感じです。

[Web Design] Roundup of the Best Free Icon Fonts for Web Design – フリーで使えるアイコンフォントまとめ

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

フリーで配布されているアイコンフォントをまとめた記事。こういうの有料のものもチラホラあるんだけど、ここでは無料のものばかりが集められているようです。ありがたいですな。この手のアイコンフォントって1度導入さえしてしまえば、汎用的なアイコンをテキストみたく使えるので便利ですね。種類もそれなりにあるので、サイトのデザインに合うアイコンを見つけるのにも重宝しそうな内容です。

[Icon] UTF-8 Icons – コピペで使えるテキストアイコン

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

コピペで簡単に使う事ができるテキストアイコンをまとめたサイト。UTF-8環境で使えるようです。サイト内にはFavoriteアイコン、カテゴリごとに表示、よく使われる一覧という感じで3つの方法で閲覧する事ができます。ってか結構これ系のアイコンフォントってあるもんなんですね。そのままテキストとして使うのもイイですし、画像としてのアイコン制作の素体にも良さそうです。

[Icon Design] iOS 7 Icon Template – iOS 7 Appのアイコンテンプレート

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

iOS 7用Appのアイコンテンプレート。よくあるアイコンデザインのためのテンプレートではありますが、ここで配布されているものはPSD以外にSketchフォーマットのものもあり、好きな方を選んでダウンロードする事ができます。PSDの方は、スマートオブジェクトをひとつ編集すれば全部に適用されるという作りになってます。スライスも切ってあるので、iPhone、iPad、申請用、表示用などの各種サイズを1発で書きだす事ができます。最近Sketchユーザー多いっすよね。自分も導入しようかどうか迷い中。半額セールの時に買っときゃ良かったなぁ・・・。

[Icon Design] IICNS: A Library collection of beatifully designed iOS App icons – 美しくデザインされたiOS Appのアイコンギャラリー

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

美しくデザインされたiOS Appのアイコンギャラリー。アイコンがタイル状にズラっと並んだだけのシンプルなギャラリーサイトです。アプリのカテゴリごとに抽出して見ることができる他、アイコンクリックでAppStoreに行く事もできます。この手のギャラリーサイトでは普通アイコンの角が丸くなった状態で見せるのに、ここでは申請用App Iconそのままの角が付いた形で紹介されています。アプリのデザインや申請をした事のある人にはお馴染みの形です。iOS 7以降フラットなデザインが主流になった事もあり、多くのアイコンはシンプルかつフラットにデザインされています。アイコン制作のネタ探しにとってもナイスです。

[Icon Design] After iOS 7 icons – iOS 7以降、アイコンデザインはどう変わったか

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

iOS 7以降、Appのアイコンデザインはどう変わったかについて、BeforeとAfterで比較したTumblrブログ。Apple純正のアイコンの比較記事はiOS 7の公開前後によく見られたけど、ここでは主にサードパーティー製アプリのアイコンの変化を比較してます。いやこれ興味深いっすね。基本的にどのアプリもシンプルなフラットデザインに変わってるんだけど、その手法というのが主に「グラデーション」、「ドロップシャドウ」、「テクスチャ」の排除なんですね。それにアイコン内におけるシンボルやロゴマークのミニマル化が加わり、手数が減った分デザイナーの力量が問われるデザイン手法となってます。いわゆる引き算のデザインで、iOS 7のデザインフィロソフィーに沿う形でリデザインされてる場合が多いという印象。アプリアイコンをデザインする際の参考になりそうです。