Appleよりも正確に iOS 7のあるべき姿を描きだした新Evernote

Evernoteアイコン

このエントリーは、ひとつ前に書いた私見と妄想溢れる記事”iOS 7でAppleが目指したものはフラットデザインではない。“の続編になっている。
こちらを読む前に是非、前編をご一読頂きたい。
 
 
先の記事で
Appleが目指したのはフラットではなくスペイシャル・デザイン(空間的デザイン)なのではないか?
という仮説を立てた。

そして本家Appleがまだその思想を明確に落とし切れていないと思われる中、これからのiOS 7のデザインの布石となるであろう形を見せてくれたアプリがある。

それがiOS 7向けに刷新された新Evernoteだ。

続きを読む

iOS 7 時代に良質なアプリアイコンをデザインするための十ヶ条

– 壹 – シンプルこそすべて。という幻想から離れよ。

「シンプル・イズ・ベストだ」「Less is Moreだ」と声高に叫ぶことは容易い。しかしそれを形にし目的を果たすのは、それほど簡単なことではない。

ただ単純化しただけですべてのものが美しくなるわけではないからだ。

シンプルだから美しいのではなく『ありのままでも美しいものが、その通りにあるから美しい』と感じるのだ。

目的を忘れてはいけない。見た目をシンプルにすることが目的ではないはずだ。その上でシンプルさを重要視するのなら、見た目以上に『そのアイコンを見た時のユーザーの感情をいかにシンプルにできるか?』という点に集中した方が良い。
続きを読む

iOS 7にも対応!10サイズのアプリアイコンを一度に書き出せるPSDテンプレートを公開。

iOS App Icon Template CC
ついにiOS 7のリリースも明日に迫りましたね。
今回のOSアップデートでさらにアイコンサイズが増え、面倒だなぁ。。と感じていらっしゃるアプリ開発者、デザイナーも多いのではないでしょうか?

というわけで、アプリアイコン×10サイズを一括で書き出せるアイコンテンプレートを公開します。
元々は自分の仕事用に用意した物なのですが、せっかくなので公開することに。

尚、このテンプレートはPhotoshop CC 14.1以上のみの対応になります。
先日、CCのアップデートで『画像アセット』という新機能が搭載されたのですが、これによって1024pxアイコンをデザインしてPSDを保存するだけで全10サイズのpngを書き出すことが可能になったわけです。
ですので、旧バージョンには対応しようがありませんのであしからず。

ちなみに、今回のテンプレート作成にあたっては、Photoshop用ブラグインDevRocketの一機能を参考にさせて頂きました。
公開したテンプレートでは、ホーム画面用×8サイズとiTunes ArtWorkの1x, 2xサイズのみですが、DevRocketではスポットライトと検索用の各サイズも書き出せます。(ただし、DevRocketではプレビュー用のiOS 7の角丸マスクは合っていませんので注意。)
その他にも使える機能がありますので、気になった方は導入される事をオススメします!

続きを読む

CALayerのアニメーションを読みやすくカスタムしてみた。

いやぁ、iPhone 5s と 5cが発表されましたね〜。
それはそれとしてCALayerのアニメーションを書きやすく/読みやすくするPBReadableTransactionを公開しました。

CALayerをアニメーションさせる場合には、CAAnimationを使ういわゆる明示的アニメーション暗黙的アニメーションがあります。
前者は [layer addAnimation:animation forKey:key]; といった感じで書くヤツですね。
後者は layer.opacity = 0.4f; のように、CALayerのAnimatableなプロパティに変更を加えると勝手にアニメーションしてくれるヤツ。楽チン!

で、今回は後者の暗黙的アニメーション/CATransactionについて。

複数のレイヤーを同時にアニメーションしたい場合や、同時に複数のプロパティを動かしたい場合には、CATransactionを使うんですがこれがどうしても読みづらい。
コードを書いている時には考えて書いているのでさほど問題は無いんですが、あとあとになって解読しようとすると個々のレイヤーがどうアニメーションしているのかがすぐに分からない。。なんて事が度々起こってしまうワケです。

これをもっと読みやすく/書きやすく出来ないか?と考えたのが今回のキッカケ。
続きを読む

今話題のアプリ『Clear』の実装を研究してみて感じたこと。


先日リリースされたiPhoneアプリClear
皆さんはもう使ってみましましたか?

実はこのアプリ、リリース前からプロモ動画が公開されていたので初めて見た瞬間から気になって、その動画を繰り返し何度も何度も見ながら
『一体どんな実装になっているんだろう?』と研究していました。
(もしリリースされなかったら同じ仕組みのアプリを自分専用に作ってしまおうとか考えていたりしてました^〜^;)

 
その結果、出来上がった実験用プロジェクトが上の動画です。
オリジナルじゃない、というのが分かるようにステータスバーは残しています。

。。と、 具体的な実装の話をしたいと思ったのですが、少し長くなってしまうのでそれは次のエントリーに。
ってなワケで、まずはこのアプリについての僕なりの考えを聞いてもらえると嬉しいです。

続きを読む