仕事終わりと休日を使ってアプリケーションを作り始めました、 個人制作だと細かいところに時間をかけられない場合があります。 そんな時、参考になったサイトをまとめてみました。
- ペーパープロトタイピング
- 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/