カテゴリ
本サイトはプロモーションを含みます。

就職前にデザインのルール原則だけは知っておこう

学校や独学の期間は、HTML/CSSやPhotoshopの習得に忙しく、デザイン力を鍛える時間はあまり無いと思います。
個人的には、デザイン力は現場に入ってから実践の中で身につけていけばいいと思っています。
学校や独学の期間は、無理してデザイン力を高めることに時間を使うよりも、数多くコーディングをする方が、有効な時間の使い方と言えます

ただ、デザインの基本ルールや配色理論をあらかじめ知っておくのと知ってないでは、後々大きく差が出てきます。学校在学中や独学の間に、デザインのルールや原則を知れる本を一読しておくことをおすすめします。ここでは、おすすめの本と色彩検定を紹介します。

ノンデザイナー・デザインブック

著:Robin Williams, 翻訳:吉川 典秀, その他:小原 司, その他:米谷 テツヤ(日本語版解説)
¥2,158 (2024/06/13 15:31時点 | Amazon調べ)
\楽天ポイント4倍セール!/
楽天市場
\商品券4%還元!/
Yahooショッピング

デザインに関わる人はほぼみんな知っている定番のロングセラー本です。

近接・整列・反復・コントラストなど、デザインの原則が紹介されています。デザインを勉強する上で、ぜひ一番最初に読んでおくとよい本です。最近、最新版が登場し、内容が時代に即したものになりました。

サンプルも多く掲載されているので、ビジュアルで理解することができます。僕も持ってます。

デザイナーじゃないのに!

著:平本久美子, 著:よしだゆうこ
¥1,601 (2024/06/14 12:30時点 | Amazon調べ)
\楽天ポイント4倍セール!/
楽天市場
\商品券4%還元!/
Yahooショッピング

もし『ノンデザイナーズ・デザインブック』がとっつきづらければ、以下の書籍『デザイナーじゃないのに!』がすごくオススメです。漫画で楽しみながらデザインのルールを学べます。あっという間に読み終えちゃう書籍ですが、しっかり学べる良書です。

なるほどデザイン

著:筒井 美希
¥1,980 (2024/06/14 23:36時点 | Amazon調べ)
\楽天ポイント4倍セール!/
楽天市場
\商品券4%還元!/
Yahooショッピング

『なるほどデザイン』は、デザインのルールをカラーで豊富な事例とともに紹介してくれます。かなり人気のある本です。僕も持っています。

「なんのためにデザインをするのか」というデザインの本質に着目しています。目的を実現するためにこそ、デザインの道具(色・ジャンプ率・配色など)が使用されるという一番大事な事に改めて気づかされます。デザインという一見曖昧な能力を、非常に論理的に、しかもビジュアルでわかりやすく解説してくれている数少ない良質な本です。

ポスターのビフォー・アフター(改善例)があったり、目的別にデザインパターンを複数見せてくれたりと、具体的にどのようにデザインしたらいいかまで詳しくわかる点が素晴らしいです。

色彩検定2級

あなたは色に自信がありますか?黄色に合う色やその反対色をすぐに言えるでしょうか。

僕は学校時代、まったく配色に自信が持てませんでした。求職者支援訓練の授業も後半の頃、実際に自分でPhotoshopでWebサイトのデザインをしてみるのですが、なんだか配色が気持ち悪いのです…。学校ではなかなか色彩論について詳しくは教えてくれません。

配色について学びたい!と思って見つけたが、色彩検定でした。色彩検定2級がほど良いレベルでしかも十分な知識が身につくので、おすすめです。10日間ほど本で独学で勉強したら受かりました。

自分のように色に苦手意識がある人にとって色彩検定はすごくいいです!まず色相環が頭の中にインプットされたことは大きいです。「この色と一緒に使う色は色相環で近い色のこれだ!」とか「目立たせたいから背景色は反対色のこの色にしよう!」などと、いつも合理的に配色を決められるようになりました。
そもそもドミナントカラーやドミナントトーンなどの配色の種類があるすら知りませんでした。なぜ自分のデザインは気持ち悪いのかは、トーンを揃えていないとか色を適当にチョイスしているからだと気づけました。

もし時間に余裕があれば、色彩検定2級にぜひ挑戦してみてください。色に対する自信はそのままデザイン力に対する自信につながります!

色彩検定2級のためにどこか講座やセミナーに通う必要はありません。僕は本(だいぶ古くなって絶版になってました)で独学で勉強しました。けっこう勉強する量は多いので、書店でパラパラめくってみて最後まで続けられそうで自分に合いそうな本を選ぶことをおすすめします。

コラム①:正社員のWebデザイナーを強くオススメする理由

このサイトでは、本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社に正社員で入社することを強くオススメしています。

Webの最先端に触れられるWeb制作会社に入社し、スキルをガッツリ高めてほしいです。そして、社内では、やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。

未経験OKで正社員のWebデザイナー・フロントエンドエンジニア案件を多く保有しているのが、IT系に強い『ワークポート』『Webist』の2つです。
※コロナもほぼ収まりつつありますが、まだワークポートもWebistですら未経験OKの求人が少ない状況です。ただ、少しでも選択肢を増やすために、また今後状況が改善されてきた時のために、ポートフォリオを制作後に登録しておきましょう。

コラム②:Webデザイナーを強くオススメする理由

エンジニアになるのは本当に難しいです。
だからこそ、このサイトでは、Webデザイナーになることを強くオススメしています。

でも、もし、エンジニアになれれば、月収100万円以上も可能です。実際に僕の友人も軽く年収1000万円は超えています。

ほとんどの人がエンジニアにはなれないので、50〜60万円以上はする高額なプログラミングの学校に行くのはお金をドブに捨てる可能性があります。
どうしてもエンジニアになりたい方は、無料でプログラミングを学べるProEnginner開講の学校『プログラマカレッジ』のようなスクールに行きましょう。プログラマカレッジは、学校&就職支援の一体型サービスです。

他にも、PHPに特化した無料の『無料PHPスクール』もあります。PHPはがっつりプログラミングの言語である一方で、ECサイト構築やWordPressにも使われるWeb系と親和性が高い言語なので、Web系に進みたい人には無料PHPスクールはオススメです。23日間通学でけっこうハードなカリキュラムです。

この2つの学校のどれかに通って、自分にエンジニアとしての素質があるのかチェックしてください。もし、あなたに才能があったら、最高にラッキーな人生です。無料見学をしてみて自分に合いそうな雰囲気の学校を選びましょう。20代のみ対象です。もし20代ならこのチャンスをぜひつかんでください。

参考記事 : なぜ「エンジニア」ではなく「Webデザイナー」をすすめるのか

コラム③:ポートフォリオのチェックリストをnoteで販売中!

「ポートフォリオを作ってみたけど不安...」「周りにレビューをしてくれる人がいない...」
そんなお悩みを解決するために、ポートフォリオのチェックリストを作りました!27,000文字以上の大ボリュームです笑。noteで販売中です。激安のワンコイン500円です。このチェックリストで改善点を見つけて、少しでもポートフォリオの質を上げて、自分が望む就職に繋げましょう!

ご質問や感想など、お気軽にどうぞ!

みなさまからのコメントを元に記事を作成することありますので、あらかじめご了承ください。
メールアドレスが公開されることはありません。
こちらで承認後にコメントは表示されます。
* が付いている欄は必須項目です。

上への矢印