第2回スキルアップウィークまとめ

2019年11月10日 19:31

こんにちは！フリーでWebデザイナーをしています、KAORIと申します。
インスタをメインにWebデザイン超初心者向けに様々なTIPSを発信しています✍

夏にWebデザイン初心者向けの企画「スキルアップウィーク」というものを初めて開催しました。

💡スキルアップウィークの概要をまとめると…
✔主な参加対象は「デザインを直接評価してくれる人が周りにいない方」
✔お題(クライアントからの要望)に沿って自分でバナーをデザインしてもらう
✔ゴールは「制作物のクオリティ」ではなく「気づき・発見・学び」

細かい内容については別記事にまとめておりますので、開催のきっかけや前回多かったミスなど、デザイン初心者の方はぜひ読んでくださいね！

今回、この企画の第2回目を開催したのですが、前回完走者9名だったのが今回はなんと23名に…！

スケジュールが立てやすいよう事前告知したのですが、その時点で30名以上の方から参加申し込みがあり想定外過ぎてびっくりでした…

前回に引き続き参加してくださった方も多く、成長が見れてとっても嬉しかったです😭

ちなみに無料で性別問わず誰でも参加OKとしているため、参加表明したものの一度も提出しない方や、一度赤入れしたらそこで音信不通になる方もおり…

本気で上達したい方や、スケジュール調整して真剣に取り組んでくれる方にわたしもきちんと向き合いたいので、前回よりは少し参加条件を設けました🙏

✔手を動かしてデザイン制作したことのない方はNG
✔ちゃんとデザインツールが使えること
✔赤入れしたら修正し、完成まで持ってくやる気のある方

などなど。

添削回数に上限は設けておらず、早く提出してくれた方やクオリティ上げることに一生懸命取り組んでくださる方は、何回でもチャレンジできるようにしています。

１．今回のお題

さて、今回も前回同様お題を3つ用意し、好きなものを選んでもらうことに。

しかし前回かなり偏った提出数になったので原因を考えました。
そこで気づいたのが、お題の出し方(依頼内容)が細かいほうが取り掛かりやすいようで。

なので今回は使用カラーやフォントも指定し、こういったデザインにしてほしいというイメージ画像も添え、記載文言もはっきり指定してみました。

お題１はメインカラーのカラーコードまで指定し、クライアントイメージとして参考も提示することで、赤に合わせる色や完成物の雰囲気が視覚的に理解しやすいようにしました。
フォントもゴシックで指定し、写真素材はナシでフォントだけのお題です。

お題２も使用カラーとフォントは指定。お題１同様、クライアントイメージを提示しました。
ちなみにこちらは「ほんとにフォント」にチラシデザインとして載っているものなのでリサイズするだけって感じでした💡

お題３もクライアントイメージは提示しましたが、その他はお題１、２に比べて自由度を上げたものに。
素材探しに工数を使ってほしくなかったのでこちらから提供。
「ナチュラルな雰囲気」「ほっこり感」というワードだけでは人によって捉え方が違ったり、デザイン経験にもよると思うので、今回の③つの中では一番難しかったと思いますが、なんとこれが一番人気というｗ

皆さん「これならわたしでもできそう！」というより「これかわいい！作りたい！」のほうが上回るようです。ぜひとも応援したい🔥

２．ビフォーアフター掲載の前に

赤入れの上限は設けていないため、添削回数はバラバラ。
わたしの返信にかかる目安日数も提示していたので、限られた時間の中でスケジューリングして取り組むことの大切さに気づいてくださった方も今回は多かったと感じました。

前回同様、「デザインクオリティを上げる」というよりは「自分で気づかない点に指摘されることで気づき、学んでもらう」ということをこの企画の目的としているので、そこだけ誤解されないようにお願いします…！

３．どれくらいブラッシュアップされたのか

ではお待たせしました！

期限内に完走した方のビフォーアフターをまとめたので、許可いただけた23名分掲載します🎉🎉
期限を過ぎての提出や、赤入れして修正が上がって来なかった方は除いています。

どなたの作品かタグはつけないので、もし記事を読んでくださったら今回の感想や学んだこと、初心者デザイナー仲間に伝えたいことと共に、この記事のSNSシェアをぜひお願いします！
もちろんこの記事へ直接コメントしていただけるのも嬉しいです😊
自分がどれだけスキルアップしたかいろんな方に見てもらいましょ🎉

また、GOODまでまとめると大変なことになるので記載していません🙇‍♀️
惜しいなと思った箇所をBADとさせていただき、そこがどう変わったかのビフォーアフターを見てほしいです。

（前回に比べ、SNSやnoteに個人的に全工程をまとめてくれる方が多くて感動した！！！嬉しすぎる！！！）

✍memo
・Photoshopで放射を作る方法
①500px×500pxなど正方形の新規ファイルを作成
②グラデーションツールで、背景に使用したい2色を両端とするグラデーションカラーを設定。
shiftを押しながらカンバスの上から下まで射抜くようにドラッグ。
→上から下へのグラデーションが作られる。
③上の「フィルター」メニューから「変形」→「波形」を選択。
種類「短形波」、波数「5」、波長「49-50」、「振幅」はプレビューの縦縞を見ながら任意で設定(縦縞が細かいほど放射線も細くなる)
→2色の縦縞が作られる。
④最後に、上の「フィルター」メニューから「変形」→「極座標」を選びOKすれば完成。