【入門】webデザインとは?〜初級・中級・上級・一流にわけて解説します

【入門】webデザインとは?〜初級・中級・上級・一流にわけて解説します

タカハシサトシです!
地方で10年、企画の仕事をしています。
その前は10年、デザインの仕事をしていました。

今回は、

webデザインに興味があります。
webデザインとはどんな仕事でしょうか?

という声にお答えします。

僕がはじめてwebデザインをした15年くらい前とは違い、デバイスも増え、作り方も、技術も、役割も、考え方も変化してきました。

しかし、変わらない本質はあります。

本記事の内容

1 webデザインとは?
2 webデザインの仕事を4つの段階にまとめました

ではさっそく!

1 webデザインとは?

webデザインとは?

【結論】webサイトのコンセプトを形にする事

と言えます。

webサイトのコンセプトって?

コンセプトは概念であったり、一貫性のある考え方と言われていますが、しっくり来る言葉はなかなか見つからないですね。

コンセプトは、いわば魂、熱、火種のような、それを形づくるための根本的なエネルギーの一点のイメージです。

なので、形あるものにコンセプトはある。
誰かが火種をつけたはず。そこには、何か意味があって、願いもあったはず。

これをコンセプトとするならば、それをどのように汲み取って、血の通った意味ある形にできるか。webデザインに関わらず、デザインの仕事にはそういう役割があります。

webデザインに何から取り掛かる?

頭を抱えてコンセプト、コンセプトと唱えてもしかたありません。

これは作り手の自分が「どう感じたか」というセンスを頼りに、様々なアイデアの中から明確にしていくほかありません。

明確にするものは、まずは「言葉」です。
そのwebサイトのキーワード。SEOにも通じますよね。

どのような言葉がふさわしいか決めるためには、そのサイトの目的や目標、運営主体やターゲットから見ていくことで明確になっていきます。

webデザインの仕事をするには?

パソコンとグラフィックソフトがあれば作れます。
僕はMacとIllustratorで制作しています。

もし独学やオンラインスクールなど学ばれる場合は、最低限この2つのツールは用意した方がよいでしょう。

以下は就職支援に強いwebデザインスクールについて解説していますので、参考までにご紹介でした。

webデザインには様々なスキルが必要です

特に、以下のことについては学ぶ必要があるでしょう。

・Illustrator操作方法
・Photoshop操作方法
・ワイヤーフレーム作成方法
・webデザインカンプ模写
・レスポンシブデザイン
・uiデザイン
・フラットデザイン
・wordpress
・スタイルシート
・JavaScript

結構ありますね・・・。
独学でじっくり学ぶか、オンラインスクールで一気に正しく学ぶか。

2 webデザインの仕事を4つの段階にまとめました

webデザインの仕事を4つの段階にまとめました

webデザイナーとして、どのような仕事ができるか。
日々経験と失敗を積み重ねる中で、目指すべき方向性を4段階で表現しました。

①言われた事をスキルを活かして形つくるのは初級。

まずは依頼された事をきちんと表現できることから始めましょう。
何かプラスアルファの提案をつくらないといけないと考えるのは、その次のステップで構いません。なぜなら、クライアントが望んでいるわけではないから。

こちらからの提案はある意味「お節介」なので、まずは言われたことをきちんと作ることができた上で、別案として添えるのはありだと思います。

②目的と目標を踏まえた上で、最適なサイトコンセプトを考え、提案できて中級。

言われた事をきちんとできるようになれば、次に提案にチャレンジしましょう。クライアントは言われた事をやってほしいと思っていますが、実はそれが本当に正解かどうかは自信がありません。

なので、クライアントとしては、要望通りの案と別案と2つ提案されれば選択肢が増え、良いサイトにするため検討しやすくなります。評価も高まるでしょう。

ということで、別案を作成するには、クライアントがwebサイトを作る目的や目標、ターゲットなどを抑える必要があります。ヒアリングを磨いていきましょう。

③目的と目標を踏まえた上で、クライアントの想像以上の
 ベストなビジョンを描き、リアリティのあるデザインとして提案できて上級。

提案のレベルを上げていきましょう。

クライアントが考えていることが答えとは限りません。ベストな未来像は他にもあるかもしれませんので、その可能性を描き、デザインで表現して提案できれば感動につながるでしょう。

④あなたのデザインと言うだけでブランドになったら一流。

別に有名なデザイナーになる必要はありません。

1つ1つクライアントさんの想像を超える提案をし続けることで、「あの人に依頼すると間違いない」とか「あの人に相談するといいよ」など、フリーランスであればクライアントさんから、会社員であれば経営者や他のスタッフから信頼され認められるでしょう。

その人のブランド力が増すので、報酬や給与にも結びつきやすいです。

さあ、どこまで目指そうか!

関連記事

  1. 最新webデザインの参考はPinterestがおすすめ【海外に学ぼう】

    デザイン

    最新webデザインの参考はPinterestがおすすめ【海外に学ぼう】

    タカハシサトシです!地方で10年、企画の仕事をしています。その前は1…

  2. 40代未経験者におすすめするWebデザインスクール3社

    デザイン

    40代未経験者におすすめWebデザインスクール3社【オンライン完結型】

    タカハシサトシです!地方で10年、企画の仕事をしています。副…

  3. 【初心者向け】デザインレイアウトのコツ〜様々な職場で必要なスキル

    デザイン

    【初心者向け】デザインレイアウトのコツ〜様々な職場で必要なスキル

    タカハシサトシです!地方で10年、企画の仕事をしています。それ以前は…

 

チャレンジ応援のまとめ記事

  1. 【初心者向け】タスク管理(todo)の始め方〜目標の作り方・目標達成のコツを解説

    レコメンド

    タスク管理の始め方・目標をつくり挑戦しよう

    タスク管理を始めたい方向けの記事です。また、目標の作り方とタスク管理を活用した目標達成のコツを初心者にも優しく解説しています。

  2. webデザインの始め方・学びながら挑戦しよう

    レコメンド

    webデザインの始め方・学びながら挑戦しよう

    webデザインを始めたい方向けの記事です。本質を知り、独学やスクールで学び、プロの仕事に挑戦しよう。

  3. マーケティングの始め方・集客を学び挑戦しよう

    レコメンド

    マーケティングの始め方・集客を学び挑戦しよう

    マーケティングを学びたい方向けの記事です。マーケターを目指し、集客に挑戦しよう。

  4. 新しい事業の始め方・企画づくりに挑戦しよう

    レコメンド

    新しい事業の始め方・企画づくりに挑戦しよう

    企画職の方、また企画の仕事を目指している方へ向けた、まとめ記事です。企画職を目指し、事業を起こそう。

 

グラスの商品・サービス

  1. グラスの手帳|文庫本サイズ

    グラス

    グラスの手帳|文庫本サイズ

    当方で商品開発した、グラスの手帳を数量限定販売いたします。1冊500円(税別)で販売中。

  2.   【初回半額/5社限定】グラスのフードビジネス支援

    グラス

    【初回半額/5社限定】グラスのフードビジネス支援

    ビジネスサイクルの速い飲食業界では、何かをつくる事で推進される仕事が多々あります。そんなデザインを切り口とした、月額支援サービスのご提案。月額33,000円(税込)〜

  3.   【提案無料】グラスのweb制作

    グラス

    【提案無料】グラスのweb制作

    小さく始めて大きく育てる、新事業のチャレンジに最適な、ミニマムなweb制作のご提案です。99,000円(税込)〜

アーカイブ

PAGE TOP