2015.11.21トレーニング:photoshop入門:スマートフォンUI入門

http://room.trunk.fm/wp-content/uploads/2015/11/1121.png

photoshopの入門編として、スマートフォンUIをつくってみるトレーニングをしました。

2.photoshopの基本的な使い方を学ぶ


基本的な使い方の↓を学びました。

  • 色を変える

  • 矩形をつくる

  • 矩形を移動してみる

  • テキストを入力してみる

  • 矩形やテキストのサイズを変更してみる

  • スタイルをあててみる


3.webページをトレースする


トレースとは、真似をすることです。

様々なwebサービスを真似て自分で同じようにつくってみることをトレースと言います。
デザイン力がアップする一番のトレーニングはトレースとも言われています。
トレースすることで、自分に足りないスキルや知識が明確になります。

トレースするものを探すツール

4.今回の課題


Trunkのトレーニングページをphotoshopでトレースしてみる

出来上がった成果物はこちら↓

smartphoneui_01

スマホUI

smartphone_ui_01

smart_ui_01

最後に


デザインのスキルを上げるためには

  1. 世の中のクリエイティブをみる(INPUT)

  2. たくさんつくる(OUTPUT)

  3. たくさんの人に使ってもらいレビューをもらう


この3つが重要です。

ぜひ試してみてください。

他にも↓のトレーニングをやりますので、ぜひ気になったら参加してみてください。

・ビジュアルデザイン:photoshopの基本的な使い方を覚えてバナーを作成しよう
http://trunk.fm/trainings/153

この記事を書いた人

岡崎 友宏

TRUNKのCCOしながら、実家のMOLEという会社でデザイナーしています。 design,UX,wearable,frontend,HR,人材育成,採用,副業,焼き鳥,ウーロンハイ