この記事は、暮らしも大事にしながら安定して働けるフリーランスWebデザイナーになるためのブログです。
フリーランス3年目・独学フリーランスママでWebデザイナーの福浦が書いています
今日はデザインするときのお助け神本を3冊紹介します!私はデザインの次に読書が大好きで、多くはないですが年間40冊ほど本を読んでいます。その中でも10冊ほどはデザイン関連のものになるのですがこの3冊は最強、手放せない!という本がありまして、独学でデザインを学びはじめたよ!という方に紹介したいと思います。
そして嬉しい課題もご提示!一緒に学びながら制作していきましょう♪
この記事はこんな人向けに書いて
- 女性向けデザインの依頼がきた!どんなデザインにしようか迷子になっている方
- テキストと画像、要素の構成がまだ苦手でルールを知りたい!助けて!と悲鳴をあげている方
- センスに自信がない。色を決めてもなんだかしっくりこない。ダサい私はデザイナーなんて無理だと諦めかけている方
大人可愛い女性向けホームページ制作に必須!デザインをするときに参考になる本
大人女子デザインー女性の心を動かすデザインアイディア53ー
もしも下記のようなデザインのご依頼がきたらどうしましょうか?初心者のころは
ターゲット | 業種 | 希望色 | 願望 | 概要 |
---|---|---|---|---|
30~40代女性 | サロン | くすみ系、落ち着いた色 | とにかくお洒落な感じ | 商品やサービスの紹介 |
このような感じでデザインの依頼時にヒアリングしたものをまとめるところからスタートしますよね。していない方は表にするとおススメです。実務ではもっと深りしコンセプトやペルソナを決めていきますがここでは割愛しますね。
女性をターゲットにされているお客様から、デザインの依頼が来た時におススメの本がこちらになります!
女性がときめく、キュンとして思わず手に取りたくなるようなデザインがなんと53個も掲載されています!レイアウトと使用している配色、フォントが紹介されております。作例のタイトルとデザインの特徴や3つのポイントが分かりやすく説明されているので、デザインの依頼内容と作例のタイトル的にこれかなーというものを3つほどピックアップし、実際のデザインのレイアウトの参考にしたり、フォントを選ぶ基準にもなり何度も助けてもらうことができました。
大人可愛い?何それ?という方、そしてデザインの引き出しがまだ少ない駆け出しのころは、レイアウトやフォントまで丁寧に書いてくれているこの本絶対読んで欲しい!私は大人可愛い、大人女子、からは普段かけ離れたいますが、それでもこの本のおかげでお客様の希望に添えるデザインが出来ています(^-^)
この本を読みながら課題に挑戦
読んでできる気になってしまうといけないのでここで課題に挑戦!手を動かしてみて、できたこと、できなかったことを見つけるこの繰り返しがデザイン本との相乗効果で上達し続けるポイントです!
課題
課題
- 課題に挑戦! お客様のご依頼:マッサージサロン開業にあたり、今まで修行していた時にもっていたお客様に独立しますと告知したい!
- サイズ:インスタ投稿用にアスペクト比1:1(正方形)1枚 希望色:くすみピンクとグリーン
- ターゲット:30代女性、既婚、パート、5歳、3歳、1歳の子育て中。疲れが溜まって余裕がなくイライラしがち
- テキスト: 心と身体の癒しを体験
- サロン名:COCORO
- オープン:2023/11/01
デザインがうまくまとまらない。脱初心者になれるバイブル的な本最強構図ー知ってたらデザインうまくなるー
独学を始めたころにまずはデザインの4原則はもちろんのこと、レイアウトを決める決まり事を知っていればよかったなと思っております。
私の独学スタートは、Udemyで名刺を作ろうといういきなりillustratorを使ってのスタートでした。illustratorの操作に慣れようという要素の強い講座だったのでデザインの4原則やレイアウトについてのお話はなかったし知らなかったんですね。。。( ;∀;)
見る人にとって心地よい、なんか違和感あるよねーがないデザインには法則があります。紹介するこの本にはなんとなく、ではなく「構図」というエビデンスに則ってデザインすれば美しくてバランスのよい、見て心地良いデザインができるよ!という基本が書いてあります。
この本を読めば世の中のポスターや広告画像を見ては「あ!日の丸」「あ!シンメトリー!」と心の中でつぶやくし、身につけば写真を撮るときなんかに活かせちゃうすばらしい本はこちらになります!
キーワードから使う構図、SNS、名刺、バナーといった制作物に応じての構図、というようにまさに引き出しの少ないWebデザイナー初心者に最強の取説です!
illustratorやPhotoshopでの具体的な作り方は掲載されていませんが、使用されているフォントや配色の情報は記載されているので、完成された制作物を見て、illustratorやPhotoshopの操作がイメージできる方におススメです!
本を購入するとP006に最強構図をダウンロードできるURLが記載されており、もちのろんですぐに私はダウンロードし保管。独学デザイナーとしては3年目ですが、今でもデザインする際に重宝しています(^-^)
この本を読みながら課題に挑戦
読んで世の中のデザインを見て「ふむふむ」と納得して終わりでは上達しません!ここでも課題に挑戦しましょう!二回目ですが言います!前項目で作成したバナーを、この本で学んだ構図を使って配置を変えてみてください(^-^)かなり整理されて見やすくなったことを実感できると思いますよ♪ 手を動かしてみて、できたこと、できなかったことを見つけるこの繰り返しがデザイン本との相乗効果で上達し続けるポイントです!
課題
- 課題に挑戦! お客様のご依頼:マッサージサロン開業にあたり、今まで修行していた時にもっていたお客様に独立しますと告知したい!
- サイズ:インスタ投稿用にアスペクト比1:1(正方形)1枚 希望色:くすみピンクとグリーン
- ターゲット:30代女性、既婚、パート、5歳、3歳、1歳の子育て中。疲れが溜まって余裕がなくイライラしがち
- テキスト: 心と身体の癒しを体験
- サロン名:COCORO
- オープン:2023/11/01
この違いをbefore・afterで良くなった気づきや使用した構図名をSNSで必ず投稿してみてください!他の方の勉強にもなるし、学び始めの合言葉は、「元気に学び一人じゃないよ~」です! このブログの課題に取り組んでみました!とご紹介いただければ私もSNS見に行きます~(^_-)-☆
色が決めれない、配色がうまくいかない時のお助け本
3色だけでセンスのいい色
ついにラスト3冊目のご紹介!じゃじゃん!こちらになります↓↓センスがない、ださい、、、そんなことで悩む必要な有りません!!そもそも「センス」は不要。この本でしっかり配色の基本を身につけましょう!!
Webデザインには3つの基本カラーの配色バランスがあります。 それは、ベースカラー70%、メインカラー25%、アクセントカラー5%という配分です。 この配分で色を配色すると美しく仕上げることができると言われています。
この基本の「き」は教えてもらえば誰でもわかるよね。。そう!何に悩むかというとベースカラー70%、メインカラー25%、アクセントカラー5%の色の組み合わせですよ。どんな色でも3色この配分で決めればまとまるかというとそうではありません。
配色に関しては、閃きや直感、自己流で決めることはタブー!自分のセンスにどれだけ自信がある人でもタブー!だと思っています。目に入る最初の色は、〇〇=この色!と印象を操作できる魔法です!慎重にクライアント様とすり合わせすべき重要事項です。
この本には色の基礎知識である色の3属性(色相・明度・彩度)についても分かりやすく記載されています。明度と彩度の組み合わせで表現された色のトーン(色調)について、Webデザインをするのか、印刷用のデザインをするかで、色を作り出す方法が異なるRGBモードとCMYKモードについても記載されています!
独学でWebデザインのみをされていた方が、クライアント様の希望でチラシやDMを作成するようになった時に初めてillustratorを触って、CMYKモードについて調べた!ということもあるのでぜひ基礎知識として頭の方すみに入れておいてください(^-^)
あるある!言語化が難しくてこんな表現で伝えてくれたクライアント様!となるはずです(笑)
この小タイトルが私のハートをつらぬき、毎回この本を開きながら、ほっこり~。かわい~なぁ。ガーリーピンクしか勝たん!など楽しみながら配色の参考にしています(^-^)
では恒例の。。
この本を読みながら課題に挑戦
課題
- 課題に挑戦! お客様のご依頼:マッサージサロン開業にあたり、今まで修行していた時にもっていたお客様に独立しますと告知したい!
- サイズ:インスタ投稿用にアスペクト比1:1(正方形)1枚 希望色:くすみピンクとグリーン
- ターゲット:30代女性、既婚、パート、5歳、3歳、1歳の子育て中。疲れが溜まって余裕がなくイライラしがち
- テキスト: 心と身体の癒しを体験
- サロン名:COCORO
- オープン:2023/11/01
疲れが溜まって余裕がなくイライラしがちな状態でインスタを見たときに、どのような印象、どんな希望をもって欲しいですか?
ほっこり?リラックス?温かい気持ち?このようなもって欲しい「感情」を聞き出し、一緒に考えながら希望色:くすみピンクとグリーンについて、この本を一緒に見ながらすり合わせてみる使い方もおススメです!配色が決まったら、前の2項目目のデザインを配色し直してみて下さい(^^)
この違いをbefore・afterで良くなった気づきや使用した配色をカラーバランスを添えて投稿してみてください!他の方の勉強にもなるし、学び始めの合言葉は、「元気に学び一人じゃないよ~」です!このブログの課題に取り組んでみました!とご紹介いただければ私もSNS見に行きます~(^_-)-☆
まとめ
独学でWebデザインを学ぶならこの3冊
- 大人女子デザインー女性の心を動かすデザインアイディア53ー
- 最強構図ー知ってたらデザインうまくなるー
- 3色だけでセンスのいい色
課題に挑戦しながら、完成したものはいかがでしょうか?必ずいい今までとは違うデザインができているはずです!
3冊を使いながらデザイン制作をした結果
ポイント
- とても丁寧にできている
- 迷っている時間が短くなった
- 見やすくて落ち着くデザインができた
私はこのやり方でデザインを改めて作成し直したことがあります。自己流でしていた時とは比較できないほど丁寧だ!これが最初の感想です。そして何だか気持ちいい、見ていて違和感がない、しっくりくる。です。
それまで自分よがりなデザインをしていたことがとても分かります。やりたいデザインとクライアント様の希望するデザインの違いに改めて気づかされたのです。更には、デザインをご依頼してくれたクライアント様の先にはお客様がいますよね。
そのお客様の気持ちはどうなのか?この完成したデザインを見てどんな感情になって、その感情だったらポチるよな、申し込むよね、とイメージしながら制作すべきだと気づけました。
私は感情と行動の整理、それらに必要なデザインヒアリング書き込めるシートをオリジナルで作成しています。クライアント様色んなパターンを検討しながら解決できる方法(デザイン)を見つけていく感情と行動を見える化するヒアリングでクライアント様とエンドユーザーを繋げるデザイン制作をしています(^-^)
さていかがでしたでしょうか。今回この執筆にあたり再度紹介した本を見直しながら、やっぱり素敵、勉強になるなぁ。と思いました。Webデザイン歴3年目、フリーランスママの手放せない本、少しでも今悩んでいる初学者の方にお役に立てますように。
更にデザイン道を一緒に追求し、クライアント様とエンドユーザーを繋げるデザイナーを目指し、初学の頃に悩苦しんできた時に助けてくれた本を紹介していきたい次第でございます!!