たまにはクイズで脱線!【第4問】Webデザインとフォトショップのこだわりを楽しく学ぼう!




中の人
こんにちは。
こだわりは嫌いではないcoffeebreakの中の人(@ra_cer_X)です。

第3問の解答を公開しました!

今年から連載する事にしたWebデザインとフォトショップクイズの第4問です。

Webデザイナーってこだわりが強いて思われがちですね。
私もそう思われていますが、人を診る専門家からすれば私はこだわりはまったくないそうです。

ほめてるのかそうでないのかよくわかりませんが、あまり気にしないというのはあります。
第4回目はちょっとだけ細部にこだわったクイズを用意しました。

中の人
今回も、この記事で暇つぶししてくださいね

この記事は、ちょっとした空き時間を活用してWebデザインの簡単な知識を身につける為に企画してみました。
Webデザインの勉強ってやろうと思ってもなかなか時間とれないですよね。
ご家庭の事情とか、なんだかんだでうまくいかなくて。
だから通勤時間、お昼休憩、トイレの中とか一人でスマホをポチポチできる時間でもお役に立てる環境を用意できればと思います。

「今勉強する時間が取りづらいけど、クイズやってたな。ちょっと勉強してみようかな」くらいでアクセスいただけばと思います。

この暇つぶしのクイズについて

Webデザインとフォトショップに関するクイズは週に1問出題します。
翌週に解答と次のクイズを1問出題します。
それを繰り返して毎週1問づつ繰り返して、楽しく知識を身につけるのが目的です。

第4問

同じテキストと同じ画像で作ったバナー2枚のバナーを用意しました。
どちらも見た目は同じですが、細部をちょっとだけこだわりました。

Webデザインやフォトショップを勉強のみなさんはどちらの画像がこだわっていると思いますか?

A.上の画像の方にこだわりがある

B.下の画像の方にこだわりがある

第4問のヒント

今回はアイキャッチにも正解と同じようなこだわりを加えています。
また、答えに近づいてもらう為にこの様な画像をアイキャッチに選んでいます。

第4問の解答を見てみよう!

正解はAです。
パッと見で分からないですが、文字の加えたドロップシャドウを見てみましょう。

Aの方が少し茶色ぽいですよね。
効果の設定を確認してみましょう

上の画像がAですが、濃い焦げ茶を使っています。Bは黒を透過させてドロップシャドウにしています。
たったコレだけですが、影が背景へ自然にとけ込みます。このこだわりがWebデザインの品質に差がでるのです!

特にベース色が薄い色のデザインでは効果大ですね!

さらに深堀解説

ドロップシャドウはフォトショップの効果のなかでグラデーションにつぐ人気の効果ではないでしょうか。使い勝手では抜群ですよね。でも、安易に使いがち。

洗練されたWebデザインはもちろん、ゴリゴリのWeb広告デザインでもドロップシャドウは気を使っています
先輩WebデザイナーさんやSNSコミュニティで知り合ったデザイナーさんの編集ファイルを確認する機会があればドロップシャドウを覗いてみてください。

色も補色を使ったり背景色を使ったり濃淡、透明度と様々な調整をしているのではと思います。

ちょっとまめ知識

今回のドロップシャドウは文字の下にジワッとしみでた感じのものですが、調整次第でさまざまな演出が可能です。
もっと詳しく勉強してみたい人は、過去記事でドロップシャドウとツボとコツという影の作り方7パターンを詳しく紹介しているので読んでみてください。


【7選】photoshopで作るドロップシャドウのツボとコツ!未経験でもワンランク上のWebデザイナーを目指す方法

構成のアドバイスがあればいいな

とお考えの人には、直接添削はできませんが構成やデザインの勉強をtwitterの中でもアドバイスを発信しています。
どんな活動をしているのかは「新しいチャレンジ」の記事を確認してください。

さいごに
私の記事はヘタクソなので上手くノウハウを受け取ってもらえないかもですが、最後まで読んでいただいて感謝いたします。

この記事はここまで!
ここからはよく読まれる記事をまとめてご紹介します。ひとあじ違うデザインに出会えるかもしれません。

そのフォント使ってる?「NexusFont」で大量のフォントを管理してPCの負荷を抑えよう

2017.11.12

【たった1問】遷移型アンケートページの構成とデザインを調べてみる

2018.09.01

記事でもランディングページ(LP)でもないアンケートページの構成・デザインの作り方

2018.08.26

日本語フリーフォントお探しですか?未経験・新米Webデザイナーさんにおすすめなフォントを選んでみました!

2019.02.11

【検証】本物のデザイナーだけが知っているCVエリアのボタンは何色がよいか?

2018.06.03

転職に有利なポートフォリオが作れる人と作れない人の違い

2019.06.02


お気に入りの情報
が無かったでしょうか?
この記事の最後にデザイン情報やノウハウをレコメンド形式でご紹介しています。

お求めの記事に出会えますように。



スポンサード広告 by google