Photoshopを使ってスマートフォンアプリのUIをデザインするコツを学ぶ連載。前回までで作例となる「お天気投稿アプリ」のデザインがひととおり完成しました。連載最終回は、前回仕上げたデザインをエンジニアに渡すまでの手順を追って紹介します。 お天気投稿アプリのUIデザインチュートリアル ▼第2回 1.アプリの配色を考えよう 2.ドキュメントを新規作成する 3.基本的な要素をレイアウトする ▼第3回 4.レイヤー効果を使って質感のあるボタンを作る 5.Illustratorで作ったアイコンを配置する 6.写真を配置してデザインを調整する 7.SNS連携ボタンを配置する ▼第4回 8.実機で見た目を確認しよう 9.パーツ画像を書き出そう 10.ガイドラインの作成 8.実機で見た目を確認しよう Photoshopでアプリのデザインを仕上げたら、iPhone実機に表示しましょう。第1回で紹介したア
![Adobe PreviewでiPhoneアプリのデザイン確認](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ac8d645a641b40b1a03d173362d746b5d2f327b/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F1999%2F01%2F01%2F746517%2Fl%2F61fad725de4aa29a.jpg)