webデザイナーの始め方｜挫折しないための完全ガイド

見た目と使いやすさの両方を考える

Webデザイナーは、Webサイトやランディングページ、バナー広告などの見た目を作る仕事です。ただ見た目を整えるだけでなく、どこに何があるかがすぐにわかる、ボタンが押しやすいといった使いやすさも考えて設計します。デザインのひとつひとつの判断には、利用する人にとってわかりやすくするための理由があります。仕事の全体像はWebデザイナーとはで詳しく解説しています。

サイトの目的を達成するために作る

Webサイトには、商品を知ってもらいたい、問い合わせを増やしたいといった目的があります。その目的と、サイトを見てほしい人に合わせて、色、レイアウト、文字の大きさなどを組み立てるのがWebデザイナーの役割です。自分の好みで作るのではなく、なぜこのデザインにしたのかを説明できることが求められます。

たとえば、サイトを見てほしい人や伝えたい印象をもとに色を決めるといったように、色ひとつにも理由を持たせて選びます。

制作の流れを知る

Webサイトの制作は、一般的に次のような流れで進みます。それぞれの工程を知っておくと、どのスキルを重点的に学ぶべきかが見えてきます。

中でもヒアリングは大切な工程です。「サイトをおしゃれにしたい」という言葉の裏に、問い合わせを増やしたいといった本当の目的が隠れていることもあります。ここがずれると、見た目がきれいでも目的を果たせないデザインになってしまいます。また、設計の段階でいきなり色をつけずに骨組みから作るのは、家を建てるときに先に間取り図を作るのと同じ考え方です。

デザインだけを担当する場合でも、Webページがどのように作られるかを基本的なレベルで知っておくと、Webページとして作るのが難しいデザインを避けやすくなり、エンジニアとのやり取りもスムーズになります。

入門書で体系的に学ぶ

最初は、デザインの基本原則を解説した入門書を一冊読むのがおすすめです。インターネットの情報は断片的になりがちですが、本は基本から順番に解説されているため、全体像をつかみやすくなります。ツールの操作から入ると、作れるけれどなぜよいのかを説明できない状態になりやすいため、考え方も並行して学びましょう。

よいデザインを観察する習慣をつける

Webサイトを見るときは、きれいだと感じるだけで終わらせず、なぜこの色を使っているのか、余白はどのくらい取られているのか、特に押してほしいボタンはどこにあるのかを考えてみましょう。気づいたことを言葉にして書き留める習慣をつけると、デザインを見る力が少しずつ育っていきます。よいデザインを集めて紹介しているギャラリーサイトを眺めるときも、同じ視点で見てみましょう。学習の進め方はWebデザイナーの勉強法で詳しく紹介しています。

模写の進め方

ツールに慣れてきたら、既存のデザインをまねて作る模写に取り組みましょう。見ているだけでは気づかない、余白の取り方や文字の大きさの選び方などを、手を動かしながら学べます。

だいたい同じところで妥協すると、練習の効果が薄れてしまいます。お手本とずれている箇所について、なぜずれたのかを言葉にしておくと、次の模写で何を直せばよいかがはっきりします。

模写は練習のためのものです。他の人のデザインをまねた作品を、自分のオリジナル作品として公開したり、ポートフォリオに載せたりすると、著作権の問題につながるおそれがあります。

自主制作に移る

模写に慣れたら、架空のクライアントを想定して、自分でデザインを考える自主制作に取り組みましょう。地域のお店のサイト、教室の案内ページなど、具体的なテーマと、サイトの目的、見てほしい人を決めてから作ると、仕事に近い練習になります。模写で学んだことを自分の作品に生かすことで、知識が実際の力に変わっていきます。

クラウドソーシングで実績を作る

ポートフォリオができたら、クラウドソーシングで案件に応募してみましょう。バナーの制作など、比較的取り組みやすい案件から始めると、クライアントとのやり取りや修正への対応など、実務の流れを経験できます。最初は報酬の金額よりも、仕事として報酬を受け取る経験を積むことを優先するとよいでしょう。実際に仕事をした経験は、責任感を育てるとともに、ポートフォリオに実績として書ける材料にもなります。まだ力が足りないと感じて応募を先延ばしにする人もいますが、実務を通じて学べることも多いため、完璧を待たずに動き始めることが大切です。使っていない商品の口コミ風の画像や、実在しない利用者の声を作る依頼は、読者を欺くことにつながり、広告であることを隠した宣伝は景品表示法の規制の対象にもなっているため、受けないようにしましょう。サービスの使い方はWebデザイナーのクラウドワークスで紹介しています。

未経験から応募できる求人を探す

制作会社や企業の中で働きたい場合は、未経験から応募できる求人を探します。実務の経験がなくても、ポートフォリオの内容と、なぜWebデザイナーを目指すのかを説明できれば、評価される可能性があります。求人ごとに求められるスキルは異なるため、募集内容をよく確認しましょう。応募の進め方はWebデザイナーの案件獲得で解説しています。広告やWeb業界の求人を扱う転職エージェントも比べたい場合は、マスメディアンの評判を紹介した記事も参考になります。取り扱う職種や求人の範囲は、公式の情報と面談で確認してください。

完璧を目指すより完成させることを優先する

最初からプロと同じ水準のデザインを作るのは難しいものです。仕上がらないまま手直しを続けるより、不格好でも最後まで作り上げた作品のほうが、学べることは多くなります。まずは小さなバナーを一つ、最後まで作りきる経験を積みましょう。

ツールを覚えることをゴールにしない

ツールが使えるようになることは、目的ではなく手段です。ツールを使って誰かの役に立つものを作ることを目標にしましょう。作りたいものがあるから使い方を調べる、という順番で取り組むと、必要なことから身につけられるため、学習が進みやすくなります。焦らず、長い目で見てこつこつ続けることが大切です。