仕事終わりと休日を使ってアプリケーションを作り始めました、 個人制作だと細かいところに時間をかけられない場合があります。 そんな時、参考になったサイトをまとめてみました。

  • ペーパープロトタイピング
  • AI ベクタ
  • UI のサイズ
  • ボタン・アイコン

ペーパープロトタイピング

印刷するとペーパープロトタイピングのテンプレートになる。紙に書くと要素の大きさとか位置とかが検討しやすい。

Free Printable iPhone 5, iPhone 5s, and iPhone 5c Templates https://dribbble.com/shots/728257-Free-Printable-iPhone-5-Templates?list=popular

AI ベクタ

iOS 7 の各パーツがセットになった AI ベクタ

iOS 7 iPhone AI Download https://dribbble.com/shots/1152667-iOS-7-iPhone-AI-Download

iOS 7 で使われている色をチートシートにしているサイト

なんか Android っぽい色使いになった時とか参考にするとよいかも。

iOS 7 colors http://ios7colors.com/

UI のサイズ

iOS 7 とそれ以前の UI サイズ比較したチートシートにしているサイト

デバッガで要素のサイズを 1 つずつ取得するより、一覧で見れるのでよいです。

The iOS Design Cheat Sheet 7 http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

ボタン・アイコン

iOS 7 に合いそうな白黒で多様なボタンを公開しているサイト

アプリケーションのイメージとマッチする場合は導入してみてはどうでしょうか。

iconmonstr http://iconmonstr.com/