アプリアイコンってどんなのが良いの？ アップル直々のまとめ2013.07.17 19:00 福田ミホ 数あるアプリの実績を踏まえて。 良アプリ、人気アプリのデザインに、目を引く印象的なものが多いのは、たまたまじゃありません。アプリアイコンは一見ただのカラフルなタイルみたいですが、そのデザインはアプリ全体にとってすごく重要で、ユーザーがそのアプリをどう思うか、使いたいかといったことに大きな影響を与えているんです。 そんなアプリのアイコンがどんなデザインであるべきか、アップルが直々にまとめてくれました。先週、アップルは今年のWWDCのデベロッパーセッションを元にした動画群を公開していました（訳注：現在は削除されている模様）。そこにまとめられたものの多くは、普通の人にはほとんど興味が持たないようなデベロッパー的な深過ぎる知見だったんですが、その中にiOSにおけるデザインのベストプラクティスがまと

先日のiOS7の発表で新しいフラットなデザインが... / 俺だったらこうする！iOS7デザイン集 / Ariel VerberさんのiOS7デザイン。他...全22件 先日のiOS7の発表で新しいフラットなデザインがお披露目されました。大方予想通りのデザインで、驚きも今ひとつだったようですが、皆さんはいかがでしたでしょうか。 海外デザイナーの中では、自分だったらiOS7をこうデザインする、といったコンセプトデザインを発表して盛り上がっているようです。 そこで、ここではそんなデザイナーが作った、本家に負けず劣らずな素敵デザインをご紹介します。

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 こうした資料は、アイコンやロ

本日、iDownload Blogが、｢iOS 7｣で刷新されたアプリのアイコンと｢iOS 6｣のアプリのアイコンとの比較画像を公開しています。 どちらが良かったかは好みの分かれるところかもしれませんが、こうやってみるとどう変化したかが分かり易いですね。

2013年として最近のフリーアイコンを探すと、どこもかしこも「フラットアイコン」ばかりでしたが、一つここで総まとめしておきたいと思います。 フラットアイコンも、よーくみるとそれぞれ若干の違いや特徴があるんだなと、並べてみるまであまりわかりませんでしたが・・。というわけでして、無料アイコンをお探しの方はチェックしてみてください。 フラット無料アイコン ソーシャルメディアフラットアイコン。 ソーシャルメディア、ブラウザ系の無料フラットアイコン フラットUIアイコン iPhoneアイコン用PSDファイル 各種ファイル用のフラットアイコン1 各種ファイル用アイコン2 フラットアイコン Vol.1 フラットアイコン Vol.2 フラットアイコン Vol.3 フラットアイコン Vol.4 サークルバッチ型の無料アイコン いろんな形のソーシャルメディア用フラットアイコン WebサイトUI無料アイコン 各

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

yahoo.comのUIに使用されているアイコンのデザイン設計に関して。 Yahoo! 新システムは、Yahoo!のUIデザインチームとiconwerkが協力して作りました。 image by iconwork iconwerkのサイトより、デザインのポイントを。 フラットなデザインの秘密がわかります。 1.パーツの共通化 アイコンに統一感を出すために、共通化したシンプルなブロック・パーツを積み上げてデザインを作り上げています。 image by iconwork 2.いろんなサイズに対応 16ピクセルからプリント用の大きいサイズまで、ひとつのデザインで対応できるように設計されています。 image by iconwork

主にDribbbleで見かけたAdobeの各ソフトや様々なファイルタイプのアイコンセットのまとめです。 テンプレートやUIデザイン等でも最近フラットデザインを多く見かけると思いますが、アイコンも同様でフラットな感じのものがほとんどです。 紹介しているアイコンを使用する際は、ライセンス等は各自で確認してください。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

メタファー、日常生活であまり使うことのない言葉ですが、実はWebを通して私たちは日常的に触れています。 そもそものメタファーの意味はwikipediaに下記のように説明がありました。 メタファーは、言語においては、物事のある側面をより具体的なイメージを喚起する言葉で置き換え簡潔に表現する機能をもつ。わざわざ比喩であることを示す語や形式を用いている直喩よりも洗練されたものと見なされている。 参考: wikipedia Webにおけるメタファーで代表的、かつ議論があるものと言えば、保存を示す「フロッピーディスク」のアイコンでしょうか。 フロッピーディスクは昔、（今ではあり得ない量ですが）データを保存するものでした。そのなごりで私たちはフロッピーディスクのアイコンを見ると「保存するアイコン」と認識するようです。 この他にもWebにおけるメタファーの例はたくさんありますが、 今回は「メタファーがU

ユニークなサイトがあったのでご紹介。その日あったニュースをアイコンのデザインで伝える、というニュースサイト・icons timesです。アイコン作成のヒントになる・・かもしれない。 アイコンをサムネイルとして利用してその日のニュースを伝える、というもの。文章も勿論ありますが、アイコンのデザインをする際のインスピレーションに繋がるかもしれません。面白い事考えますね・・ アイコンのギャラリーのようなサイトですが、ニュースサイトです。英語が問題ない方なら面白いアイコンデザインギャラリーサイトとして利用出来そうですね。 例えばこのアイコンなら、北朝鮮が原子炉を再起動させた、というニュースです。リロードボタンと核のアイコンを使って表現しています。 こちらはGoogleとAppleのiWatchの話。 面白い事考えますね・・・件のニュースサイトは以下になります。 icons times

こんにちは！ 前回のに書いた「優れたアイコンデザイナーまとめ【deviantART編】」のDribbble編です。ご存知の方も多いかと思いますが、Dribbbleは前回紹介したdeviantARTと同じく、デザイナーが作品を投稿するWebサイトです。誰でも閲覧する事ができますが、投稿できるのはスキルが認められ、招待を受けた人のみがDribbbleに作品を投稿できます。 今回は主にアプリのアイコンをDribbbleに投稿しているデザイナーを5人ピックアップしてみました！ Konstantin Datzさん 作品一覧 https://dribbble.com/shots/181413-Casio-iPhone-Icon?list=users https://dribbble.com/shots/204799-Cigar-Box-iOS-Icon?list=users Artuaさん 作品一覧