[B! icon][iOS7] perstivetechのブックマーク

iOS7用のアイコン製作テンプレート（ピクセル最適化済） | fladdict

WWDCの発表を受けて、Appleが発表したiOS7用アイコンのイラストレータ用テンプレートを作ってみた。すでにいくつか先行作成されたものがあるものの、ストアサイズ1024pxを基準としたものが多い。だけどこのサイズは実機表示には都合がわるい。 120pxにリサイズするとデータが滲んでしまう。そこでこのテンプレートでは、実機サイズ120pxの10倍スケールの1200px基準にしてみた。 10px単位で要素を配置すれば、パッキリとピクセルパーフェクトなアイコンになるはず。検証に写真アイコンのコピーを作ってみたが、問題なく表示されるはず。あわせて黄金比分割ガイドも、実機表示でピクセルが滲まないように端数調整している。外枠のコーナーに関しては、どうも手動の視覚補正つきコーナー為、もう少し使い込んでアップデートしてみたい。（アップデートしました）。

perstivetech 2013/09/09

iOS7
icon

リンク

iOS 7のアイコンがダサいと感じるのは何故か？という考察。

先のiOS 7テンプレートを作るにあたって、色々と錯視調整について調べたりしました。そこで、至ったひとつの考えをちょろっと書いてみようかな、と。いきなりタイトルで『ダサい』と断言しちゃってますが、もちろん賛否両論あるのは理解しているつもりです。だけど、個人的にはダサく感じる。というのが本音。でも、それを可愛いと感じる人たちがいる。その感覚も分からないでもない。では、なぜ、ダサいと感じるのか？さらになぜ、可愛いと感じる人がいるのか？その答えの一端がなんとなく見えた気がしたので軽く説明していきます。 — 追記 — この記事を書いてしばらくしてから、別の視点からもアイコンについて考えた記事をアップしました。ご興味のある方は下のリンクも是非。関連記事：iOS 7 時代に良質なアプリアイコンをデザインするための十ヶ条 ———— 錯視調整とは？どうして必要なのか？ちなみに冒頭の錯視

perstivetech 2013/09/09

iOS7
icon

リンク

iOS 7 のアプリアイコンで導入されたグリッドシステムを公開 | ykazu.com

アップルの iOS 7 designサイトで紹介されているように、iOS 7 からはアイコンもリニューアルされます。サイトでは「新しいグリッドシステムを用いてデザインし直した」と書かれています。 iOS アプリを開発されている方は、iOS 7 の正式リリースに向けて、アイコンの修正が必要になりそうです。アイコンのデザインにアップルのグリッドシステムを使うかどうかはさておき、これがどんなものか描いてみたので公開します。海外サイトには既にグリッドをトレースしたテンプレートファイルを見かけましたが、どれもサイズや比率が微妙に異なってたため、自分なりに計算し、一から作りました。正式に発表されたものではないのですが、恐らく出回ってる中で一番本物に近いと思います。最も誤差が出やすいのは中央とその周囲の真円（上図の赤い円）、これは外側の真円から黄金比率で算出しています。（比率の値は 1.618

perstivetech 2013/09/09

iOS7
icon

リンク

iOS 7 用アイコン黄金比ガイド illustratorファイル | Hazi.log

Popular Posts Twitterの放置されたユーザー名を貰う方法 posted on 2011/06/03 超オススメ Git, SVN Mac用GUI クライアントソフト(初心者にもオススメ！) posted on 2011/07/11 スクリーンショットで見る。ニコニコ生放送 iPhoneで放送してみた！ posted on 2010/05/19 iOS 7 用アイコン黄金比ガイド illustratorファイル posted on 2013/06/12 邪道Jenkins（スライド） posted on 2012/12/22 ニコ生widget – Mac用ニコニコ生放送アラートソフト posted on 2009/12/25 MacでLogMeInの自動起動を止める方法 posted on 2011/04/28 自作 iPhone 5 用の壁紙【追加有り】 posted