実際の仕事と同じ形式の課題を用意しました。
こちらをダウンロードし、デザインを考えていきましょう。
デザインの進め方
印刷物もWebサイトも、デザインの進め方は同じです。まず、参考にするデザインを探して、手描きのワイヤーフレームをかくところから始めます！
- サンプルとなるデザインを観察する
- 紙にワイヤーフレームを描いていく
- 全体の配色を決める（カラーパレットを作る）
- Photoshopでデザインしていく
- 提出する
- 修正
- 完成
不明点などお答えします
写真はどう探せばいい？
今回は課題なのでGoogle検索から探しても構いません。
有料の画像提供サイトから、ダミー・サンプルをダウンロードしてもらい、イメージとして入れていただいてもOKです。
photoshopで作業するとパソコンが重たくなり、スクロールするとラグが発生したり、スクロールがゆっくりになったりして、作業がしにくいんです・・・
Photoshopの設定で、快適になる場合があるのでお伝えしますね。
デザインしながらPCでいくつかアプリが起動していたら、不要なものは終了してみてください。
あとはパソコンのメモリが16ギガ以下の場合は、パソコン自体の問題があるので確認してみてください。
Photoshopで画像から人のみ切り抜きをする方法を知りたいです
色々な方法がありますので、試してもらうのがいいですね！
簡単にできる方法もあるので、こちらのサイトを参考にしてみてください。
https://helpx.adobe.com/jp/photoshop/how-to/crop-using-select-mask-tips.html
カラーパレットを決めるとき、配色の知識がないので悩みます
知識や理解がない場合は、自分が作りたいものと似ているサイトをPSD上で完全トレースしてみて下さい。
トレースをすることは、デザインが上達するのにとても有効な方法です。
トレースは全てではなくても、この部分が良い！という部分的なものでもOKです。トレースにはPhotoshopなどの知識が必要になるので、まずはPhotoshopを使えるようになって下さい。Photoshopが全くの初めてで何をしていいかわからない場合などは初めてのPhotoshop的な本がオススメです。
デザインの優れたサイトを自分でも同じようにPSDで再現できればそれは確実に力になります。
色の選択もすでにネット上に沢山の優れたサイトがあるので、そのサイトの色を真似してOKです。ただその時に意識してほしいのが、色の割合です。
背景色があって、その他の色で何が使われているかを70%：25%：5%の比率で考えてみて下さい。パーセンテージだと難しくなりそうなので、大中小でもOKです。