デザインのベースとなるUI。パーツとしてはさまざまなタイプが存在しており、すべてを1から作り上げるのはとても大変なもの。今回はそんな時に参考にしたい、さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」を紹介したいと思います。
Create a Mobile Shopping App Design in Photoshop – Tuts+ Design & Illustration Tutorial
いろんな種類のUIデザインが紹介されており、作り方を参考にしながらハイクオリティなデザインに仕上げることができそう。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Create an Instagram Widget in Adobe Photoshop – Designmodo
Instagramのプロフィールウィジェット作成のためのチュートリアル。Instagramのイメージ作成に。
Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired
カウントダウンタイマーのチュートリアルは、フラットテイストでありながら奥行きのある高いデザイン性が魅力ですね。
Create a Mobile Phone Music Player Interface – Tuts+ Design & Illustration Tutorial
スマートフォンで表示するミュージックプレーヤーのインターフェイス。クールでシンプルなデザインが特徴です。
チュートリアルを参考にすることで、今まで知らなかったPhotoshopの操作方法を学ぶこともできそうですね。気になったものはまず、制作に挑戦してみてはいかがでしょうか。
36 Photoshop Tutorials For iPhone App UI Design | SmashingApps.com