特に未経験からの転職志望の人が結構な割合で増えてきています。

コロナ禍というのもあいまって、リモートワークで働くのもフリーランスで働くのも融通がきく職業としてWebデザイナーやエンジニアは人気の職業ですね。

今回は30代で新たにWebデザイナーを目指している人に向けて気をつけたい事というテーマで記事を書きます。

 記事をかいている人

30代でWebデザイナーになりたい人が気をつけたい事

30代からWebデザイナーを目指す人に一番伝えたいことは、常に勉強する事を怠らない事です。

30代からWebデザイナーを目指す事自体は遅いとは思いませんが、20代からWebデザイナーとして経験を積んできている人と比べると、経験値と時間的にビハインドが発生してしまいます。

この差を限りなく埋める為の努力は勉強と実際に手を動かしてアウトプットを増やし続ける必要があります。

極端な話をすると、土日も勉強する時間は必ず確保して少しでも成果物を増やしたりデザインツールの使い方を学ぶ必要があります。

デザインが好きであれば苦にならないとは思いますが、未経験で初心者のうちは使える時間は全てWebデザインに使うくらいの心持ちでいる人が伸びていく仕事です。

未経験(初心者)であるという事を自覚する事が大切。

繰り返しになりますが、Webデザインやプログラミング、マーケティング等の世界は実力主義です。
若くして突出したスキルをもった人もたくさんいますし、ベテランで非常に高いデザインスキルを持った人もいます。

これは年齢関係なく言えることで、もし30代から新たにWebデザインを仕事にしたいと思う人いるのであれば、自分はまだまだ初心者だという気持ちで受け身ではなく自ら学び仕事を取りにいく姿勢を持つと良いです。

たまに、年齢が上だからといって変なプライドを仕事に持ち込む人がいますが、正直Webの世界では関係ありません。
スキルが高く、良いアウトプットを生み出せる人、そしてビジネスとしての成果を出せる人が正です。
このマインドの部分も非常に大切になりますので注意しましょう。

繰り返しになりますが、30代でWebデザイナーを新たに目指すこと自体は全く問題ありません。
むしろ、周りに沢山います。

ただし、今まで様々な経験をしてきた分、無駄なプライドや凝り固まった考えは捨てて、ゼロから学ぶ姿勢を大切にして日々デザインするようになると、スキルもすぐに上達して楽しく仕事ができるようになると思います。

というわけで今回は以上になります。
それではまた。

未経験採用の場合は、はじめから高待遇で雇ってもらえるところは中々見つけづらいですが、今回は実際の求人サイトの掲載金額を元に、未経験のWebデザイナーがはじめにもらえる給料や年収はいくら位なのか紹介していきます。

• Webスクールを卒業して就職しようとしているのですが、未経験でのWebデザイナーの年収はどのくらいもらえるの？
• これからWebデザイナーになるために勉強しようとしているのですが、Webデザイナーの年収や給料事情が気になる。

こんな疑問や要望に対して解説します。

 記事をかいている人

未経験から始めるWebデザイナーの年収

結論から言うと、未経験のWebデザイナーの場合は大体平均して年収280万〜350万円くらいが相場です。

300万代後半の金額がもらえるたらかなり優良企業ですね。

ちなみに僕が未経験でWebデザイナーとして勤務した１年目の年収は250万円でした。
時給換算すると笑えないレベル・・！！（でも色々学べたので後悔は無いです。）

どうしても「未経験」なので即戦力として企業側は見てくれません。
なので企業が側が提示できる金額も下がってはしまいますが、初めの１年は勉強もできてお金ももらえるといった点ではある意味で高待遇ですよね。

好きな仕事でお金がもらえて経験も積み上げる事ができるので前向きに頑張りましょう！

正社員のWebデザイナーとして働く場合の年収

では、具体的にどのくらいの金額で求人募集が出ているのかみてみましょう。
今回は僕も転職活動をするときに登録したリクルートを見てみます。

登録しなくても求人案件は見れますが、見れる数がとても少ないので注意です。

リクルートは無料登録で就職・転職サポートしてくれるので、まずは無料登録して非公開求人までエージェントに紹介してもらったほうがたくさんの求人案件を見ることができて良いです。

今回は「Webデザイナー職」×「未経験」で検索をかけて見ました。

▼東京エリアでの求人

仕事内容はWebサイト等の構築・運用、スマートフォンアプリケーションの企画・デザイン・制作等とありますが、必要な経験欄には「UIデザインに興味がある方」とあります。

このような求人であればやる気やポテンシャルを見てもらえる事で採用が決まるパターンがあります。

未経験で年収350万以上もらえるのであれば上出来すぎますね。

派遣社員Webデザイナーの年収

派遣で働いたとしても、未経験の場合は大体300万〜350万円貰えれば良いほうです。
ただし、未経験枠でいくと、リンクの書き換えやテキスト変更のみ等、自分が望んでいたデザイン以外の仕事を多く任されることも珍しくありませんので注意したいところです。

この案件はかなり良心的な案件だと思います。
バナー作成やアイコン作成もできるので初めから正社員でなくても良いという方はこのような案件への応募からチャレンジしてもOKですね。

Webデザイナーとして年収をアップをする為には

初めの１年めの年収は大体300万円前半くらいが多いですが、スキルアップが見込めれば大きく年収を上げることだって可能なのでWebデザイナーの良いところです。

もちろんフリーランスで活躍することも全然ありです。

では年収を上げるためにどのようなことをすれば良いのか？というところですが、
その答えはWebデザイン以外のスキルも身につけることが年収アップの近道です。

市場価値診断ならMIIDAS（ミイダス）！ で自分の市場価値診断をしてみてもわかりますが、身につけているスキルが多いほど年収に影響して求人数も増えます。

マルチにスキルを身につける方法としては、自宅でオンライン学習ができる世界最大級のオンライン学習サイトUdemy がおすすめ。
帰宅後や休日に１時間からでも動画を見ながら学べるので楽ちんです。

尖ったWebデザインスキルを持って年収をアップするのも一つの方法ですが、ライバルの少ない所で戦う事ができるのと、需要が広がるマルチスキルを手にしたほうが年収アップする可能性は高くなります。
なので、デザイン以外にもWebに関するスキルは徐々に身につけて置くのが良いですね。

ということで、今回は未経験Webデザイナーの年収についてまとめました。
まずはリクルート等を見てみて、どのような業界の案件があるのか調べてみると良いと思います。

楽しく快適に働ける勤務先を見つける事は、探し続ければ必ずどこかにあります。
ぜひ最高のクリエイターライフを。

それではまた。

特に、WebデザインスクールとかでよくあるPhotoshop検定等の受講をしたほうが良いか迷っている人もいます。

そこで今回はWebデザイナーの資格が必要・不要の話についてたいと解説したいと思います。

• Webデザイナーになるには資格があったほうが有利なの・・？
• Webデザイナーになる為に資格を取得しようと思っているのだが、どんな資格を取得すればよいかわからない。

こんな疑問に答えます。

 本記事の内容

Webデザイナーになるには資格があると有利？必要性は？

結論から言いますと、Webデザイナーになるのにこれと言って資格は必要無いです。

資格があることで、自分が勉強してきたことをアピールは出来ますが、実際にWebデザイナーとして働くひとに求めらるのは、今までの制作物や実案件の成果、アウトプットを重要視されます。

Webスクールや専門学校で資格を取らせてもらえるコースがあったりもしますが、殆どの資格は無意味だと思っています。

実際にWebデザイナーとして賞を取ったりして活躍している人であっても、資格を持っていない人もたくさんいます。

それでも技術力で信頼を勝ち取って、仕事を受注しているわけですね。

なので、僕はWebデザイナーには特別資格は必要ないと主張できます。

僕の周りのWebデザイナーの人も資格を持っている人ももちろんいますが、実務では特に役立っていないと言っていました。

ただし一部の資格は持っていても良いと思う資格がありますので、それは追って紹介したいと思います。

Webデザイナーの資格の種類は？

それではWebデザイナーになるために皆が取得しようとしている、
世間のWebデザインスクールや専門学校で紹介されている資格を紹介したいと思います。

上記のような資格は結構有名で受験される方も多いようです。
資格自体を否定するつもりもないし、実際勉強した分だけ力になるので資格取得に向けて頑張る事は良いことだとおもいます。

ですが、

そのため、資格取得の為に勉強するよりは、いち早くWeb制作の世界で実務が出来るようにたくさん自分のデザインを生み出してポートフォリオを作るほうが有意義だと考えます。

僕自身もWeb制作会社に入社してからとにかく毎日デザインの訓練とWebサイトの構築について、クライアントが求めるニーズについて、マーケティングについてなど実務内で幅広く勉強させてもらいました。
しかも、お給料をもらいながらです。

なので、資格取得しても良いのですが、個人的にはいち早く実務の現場に足を踏み入れる事に注力することをおすすめします。

僕が実務で学んだ書籍

Webデザイン

レイアウト・デザインの教科書

created by Rinker

SBクリエイティブ

• Amazon
• 楽天市場
• Yahooショッピング

ウェブの仕事力が上がる標準ガイドブック2 Webデザイン 第3版

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

Webリテラシー

ウェブの仕事力が上がる標準ガイドブック 1 Webリテラシー 第3版

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

Webを支える技術 ―― HTTP，URI，HTML，そしてREST WEB+DB PRESS plus

created by Rinker

• Kindle
• Amazon
• 楽天市場
• Yahooショッピング

情報設計

IAシンキング Web制作者・担当者のためのIA思考術

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

情報アーキテクチャ 第4版 ―見つけやすく理解しやすい情報設計

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

Webデザイナーでも持っていると良い資格

資格の必要性について、あまり重視していないのですがあえて資格として持っておくと良いものをピックアップして紹介したいと思います。

上級Web解析士資格

上級Web解析資格は僕も取得しましたが、あると有利な取得になります。

Web解析士なのでWebデザインと直接的な関係は薄いですが、Web設計やマーケティングの知識、
サイト分析や広告について等広く深く体系的に知識を習得出来ます。

この資格があることで、名刺にも記載できますし、上級Web解析士同士のコミュ二ティにも入れます。
価値ある情報収集が可能になるわけですね。

Web戦略のコンサルなども出来るようになりますし、こういったWebマーケティング系の知識を持ったWebデザイナーは差別化されて市場価値がかなり高まります。

色彩検定

色彩検定とは色に関する幅広い知識や技能を問う検定試験です。

色彩検定を勉強することで、色のもつ効果や理論・心理的効果まで幅広く知識を習得することができるので、実際のWebデザインにおいても役立ちます。

なぜ、この色彩を使ったデザインなのか。というのを説明出来るようになりますし、彩度や明度・トーンについてもWebデザインではかなり多用するので色彩感覚を養うという意味では取得しておいて良い資格です。

論理的にデザインが説明できるようになるのはスキルの高いWebデザイナーの共通する特徴です。

Google アナリティクス個人認定資格

アナリティクスの検定はGoogleが提供している資格になります。
資格取得にお金はかからず、無料です。

GoogleアナリティクスはWeb業界では必ず取って良いほど登場するツールになります。

アクセス解析を元に、新たなデザイン案を提案出来るWebデザイナーは重宝されますし、市場価値が高まります。

デザインだけでは無くて分析から課題抽出、問題解決の為のデザインができるようになるので、アナリティクスの資格は持っていても損は無いですね。

という訳で、今回はWebデザイナーに資格は必要なのか？というテーマで解説をさせていただきました。

結論は、実務の中で叩き上げで学ぶことの方が多いので、資格取得の為に時間とお金を注ぐよりもたくさん手を動かしてアウトプットを増やすことをおすすめします。

あえて、資格取得を進めるのであればWeb解析士や色彩検定は持っていても良いかと思います。

この記事が少しでも参考になってもらえたら嬉しいです。それではまた！

正直、多すぎてどのデザインスクールが自分にあっているのか迷ってしまうと思います。

そこでこの記事では『ニーズ別に４校だけ』Webデザインを学びたい人向けのスクールをご紹介します。

今のWebデザイナーはコーディングスキルは求められますので、プログラミングの科目も習得できるおすすめ４校の解説です。

• 数あるWebデザインスクールの中でどのスクールを選べば良いかわからない・・。
• 最速でWebデザイナーのスキルを手に入れたい。
• 未経験からWebデザイナーになりたい
• なるべくお得なWebデザインスクールに通いたい。

こんな疑問に答えます。

 本記事の内容

Webデザインスクールのおすすめ厳選４社：無料あり

結論から言いますと、下記４つのWebデザインスクールがおすすめ出来ます。

今回は殆どオンライン形式で学べるWebスクールを厳選しています。

時間がない社会人や主婦の方でも時間を確保しやすく学習しやすい環境を提供しているところがおすすめです。

①デザイン未経験でも安心。基礎から学べる【CodeCamp】

【CodeCamp】はしっかり時間をかけて基礎からWebデザイン・Webサイト制作を学びたいという人向けのスクールです。

料金体系も良心的で、１レッスン辺り7,400円で受講出来ます。
しかも分割払いが可能になりますので、一度に大きな支出は避けられます。

身につくスキルは下記です。

オンライン教科書で学習を行い、レッスンは当日予約・変更がスマホで可能です。
フレキシブルに学習できるので、自分のペースで学習可能！
もちろん、卒業後のキャリアサポート制度もありますので安心。

無料体験を試してみる

②現役Webデザイナーがしっかりサポート。コーディングもきっちり学べる【TechAcademy】

【TechAcademy】はデザインと合わせてプログラミングの知識やワイヤーフレームの作成まで幅広く学びたい人向けのスクールです。

料金もほかスクールに比べると安い設定になっています。分割払いも可能です。

・学生は月々約5,375円〜
・社会人は月々約6,209円〜

Webデザインコース以外にもWeb制作に関するコースがとても充実しています。
短期間で結果を出すカリキュラムをモットーにスピード感を持って学習できるところがポイント。

身につくスキルは下記です。

学習期間も４週間プランから16週間プランまで幅広く選択出来ます。
オンラインブートキャンプが完了したら、自分の作品をコンテンストに出すことも出来ます。
受賞目指してモチベーションを高めることができますね！

無料体験を試してみる

③１ヶ月で完結！大人気のママ用Webデザイナー講座【Famm】

【Famm】は子供がいるママさん向けのWebデザインスクールです。

子供が小さいうちは自分の事になかなか時間を確保できませんよね。

ですが【Famm】であれば下記のようなメリットがあります。

子育て中のママさんであってもWebデザインの勉強ができて、実際にWebデザイナーとして仕事を受注出来るまでサポートしてくrます！

Webデザイナーは在宅ワーク可能な仕事ですし、作業時間の融通も効くので、ママさんから人気の職種です。
そんな人気の職種に就く為に、ママさんが手に職をつける充実のサポート制度が充実しているスクールです。

料金は15万円で、身につくスキルは下記です。

産後も働きたいママにおすすめ！

ライブ配信で完結！「Fammママwebデザイナースクール」

④転職までしっかりサポート！通学型Webデザインスクール【TECH::CAMP】

【TECH::CAMP】はオンラインでは勉強が続かない・・という人や、必ずWebデザイナーとして就職・転職成功までサポートしてもらいたい！という人に向けておすすめ出来るWebデザインスクールです。

受講料は比較的高め(分割可)ですが、14日間の無条件返金保証もありますし、デザイナーとして転職が出来なかった場合は受講料全額保証という制度もあります。
その為、Webデザイナーとして仕事をしていきたい人にとっては、かなり魅力的なサービスです。

学習内容もコンセプト設計からフロントエンド開発まで、一気通貫で学べるのでWebサイト構築への理解度はかなり高まります。

企画からWebサイト公開までの全てのフローを習得できるので、Webデザイナーとして転職・就職しても即戦力で働けるスキルを身につけることができます。

未経験から始めても卒業するときにはプロとしてやっていけるくらいの学びを手に入れる事ができますね。

身につくスキルは下記です。

TECH::CAMPオンラインデザイナーコース

Webデザインスクールで学習するメリット

ここで少しWebデザインスクールで学習するメリットを伝えたいとおもっています。

僕自身もWebデザインのスクールに通っていたことがあるので言えるのですが、Webデザインに限らずプログラミンの場合も同様ですが、わからない部分があったらすぐにプロの講師に質問できるという所が最大のメリットになります。

独学だと、自分で書籍から知りたい部分まで遡って見直したり、ググって答えを探しにいったりと結構ハードです。

特に、Webデザインの場合はプログラミングなどと違って明確な正解はありません。

デザインツールの使い方なども実際にプロのデザイナー講師に聞いたほうが、現場での活用方法を指導してもらえるし、デザインする際のテクニックや、きれいなデザインの作り方やおしゃれなデザインの作り方を丁寧に教えてくれます。

独学でデザインを勉強していると、自分のデザインに対して自己満足になってしまう事もあるので、気をつけたいところです。

実際に、自分で良いと思っていたデザインがクライアントに「ダサい」と一蹴されている人も見たことがありますし、Webデザイナーになるための就職活動でポートフォリオのレベルが低くなったまま活動してしまっている人もいました。

その点、スクールに通うメリットとして、基本的なスキルから現場で使う技術、ポートフォリオの添削や就職活動のサポートまで幅広く対応してもらえます。
今は卒業後のサポートも充実しているスクールも多いです。

スクールに通うということは、費用は発生しますが、早く・正確に・丁寧にWebデザインのスキルを身に着けたい人にとってはかなり有益になります。

それにWebデザイナーの収入は決して安いわけでもないので、スクール費用は簡単にペイできると思いますよ。
かなりコスパの良い自己投資だと思います。

オンライン型スクールの受講が特におすすめ

個人的に特におすすめしたいのがオンライン受講型のスクールです。
オンライン受講型だと、自分のペースでカリキュラムを消化できるので、ストレスが圧倒的に減ります。

そして、都心部に住んでいなくても学べますし、いつ、どんな場所であってもPC１台あればどこでも受講可能なのがおすすめポイントです。

Webデザインスクールって、学生世代だけではなくて、30代のサラリーマンや主婦の方も受講されている人が多いです。

働きながら学ぶ時間を確保するのって結構ハードな事になると思うのですが、オンライン受講型であれば自分のペースで時間割を組めるし、急な用事が入ってもすぐキャンセルをしてリスケできるといった点がオンラインスクールの強みです。

実際に講師の人ともWebカメラで会話できますし、チャットも可能です。

画面共有して自分のわからない箇所もリアルタイムで確認してもらえるので、家やカフェから受講しても全く不自由無いです。

通学の時間を削減できるという、メリットもあるので、個人的にはオンライン型のスクールがおすすめですね。

下図では紹介したWebデザインスクールを表でまとめています。

スクール名	公式サイト	学習期間	学習方法	参考料金	転職・就職サポート	卒業後サポート
Code Camp		2ヶ月〜6ヶ月	オンライン	148,000円〜	有り	有り
テックアカデミー		1ヶ月〜4ヶ月	オンライン	129,000円〜	有り	有り
Famm		1ヶ月	オンラインまたは通学	148,000円〜	キャリアカウンセリング 有り	有り
TECH::CAMP		2.5ヶ月〜	通学メイン＆オンラインサポート	598,000円〜	有り	–

というわけで、今回はWebデザインスクールのおすすめ厳選４社：無料あり【スクール出身Web担が解説】
というテーマでWebデザインスクールをニーズ別に紹介させていただきました。

実際にWebデザインスクールを卒業した僕の見解でいうと、通って本当に良かったと思っています。

その理由は、最速でWebデザイナーになる夢を実現できたのと、未経験からでもWeb業界に参入しやすかった為です。

もちろんWebスクール側の就職サポートやポートフォリオの添削など手厚いサポートがあったからというのもあります。

そして、スクールで学んだことは就職してからもずっと役に立つ内容だと今になってわかりました。
PhotoshopやHTMLの知識などはスクールでしっかり勉強しておいて企業に入ったら即戦力で仕事ができる状態にしておくのがベストですね。

まとめに、今回のおすすめスクールは下記です。

Webデザイナーになることが目標であれば、是非スクールを活用して見てください。
効率よく学習できて、自分の成長も実感しやすいです。

まずは無料カウンセリングや無料説明会から入ってみると、ハードルが下がって良いと思います＾＾

いろいろ吟味して選択してみてください〜！
それではまた！

今回はWebデザイナーの在宅勤務について。1日の仕事内容を紹介というテーマに沿って解説記事を書いていきたいと思います。

昨今では、リモートワークとかテレワークとか在宅勤務といった働き方に余儀なくシフトチェンジしてきていますが、Webデザイナーも例外ではありません。正社員も派遣社員もアルバイトもフリーランスの人も在宅勤務が可能です。

この記事では、こんな悩みや疑問を持った人に向けて書いた記事です。

• Webデザイナーは在宅勤務可能か
• Webデザイナーの在宅勤務での仕事内容を知りたい
• 在宅勤務が可能な会社にWebデザイナーとして転職・就職したい

僕は現在Webディレクター・Webマスターとして勤務していますが、今回は同僚のWebデザイナーから聞いた内容を元に、インハウスWebデザイナーが在宅勤務でどのような仕事をしているのか、とある1日を例にして紹介したいと思います。

これからWebデザインの仕事に転職を考えている人や、就職しようと考えている人がいれば在宅勤務のメリットとWebデザイナーの仕事内容について少しでも参考になっていただけると嬉しいです。

Webデザイナーの在宅勤務内容について

では具体的にWebデザイナーが在宅勤務をした場合のとある1日のスケジュールを紹介します。
インハウスWebデザイナーの残業をしない日のスケジュールです。

仕事内容：1日の流れ

このような流れで一日のWebデザイン業務を行います。
在宅勤務なので基本的にMTGはテレビ会議、または通話です。

Webデザイナーの仕事は在宅勤務でも可能。むしろ捗る事もある。

Webデザイナーとしての仕事は在宅勤務、リモート対応で全く問題ないです。
家のPCやネットワーク環境が良い状態であることが前提ですが、それさえ問題なければとても快適です。
むしろ家で一人でデザインをしたほうが集中できてデザイン業務が捗るパターンもあります。

デザインデータのやり取りも、基本的に会社のサーバーにアクセス出来る環境に設定しておいて、会社サーバー内でデータの受け渡しを行います。
その為、自分のローカル環境が重くなったりすることもなく、ディレクターとスムーズなやり取りが可能です。

在宅勤務可能なWebデザイナーの求人について

今までの内容で、Webデザイナーが在宅勤務で行っている業務が何となくでもご理解できたかと思います。

フリーランスの方は基本リモートワークでの業務になると思うのであまり気にならないかもしれませんが、これからWebデザインを仕事にしたい、Webデザイナーになりたい人には以下の求人サイトをおすすめします。

在宅可能な勤務形態の募集も多々存在しますし、僕もWeb業界のキャリアのスタートはWebデザイナーから始まりました。

もちろん在宅でWebデザインの仕事を行ったこともあります。
今回紹介するのは私自身も実際に活用した就職・転職エージェントです。
エージェントを活用するメリットは担当になった人に質問や相談もできますし、要望を伝えて自分に見合った会社を見つける事ができる事です。

ちなみに完全無料なので、まずは登録してみて、どのような求人があるのか見てみるのがおすすめですね。

非公開求人が多いので、実際に登録してみないと見つけられない求人がたくさんあります。

Webデザイナーの就職サポート多々あり。リクルートエージェント【完全無料】

業界大手の就職・転職エージェントです。担当者の対応も良く多くの案件があります。

担当者のサポートがかなり手厚い。type転職エージェント【完全無料】

プログラマーやWebディレクター職、ITコンサルの求人が多かったですが、Webデザイナーの求人ももちろんありました。

とくに印象に残ったのは担当者の手厚いサポートです。職務経歴書の添削やポートフォリオの確認、面接時での話し方・アピール方法まで細かくサポートしてもらいました。

私のときは元証券会社の営業マンの女性が担当につきました。

その際にはすごくロジカルで尚且わかりやすく伝わりやすい話し方なども教えてもらえましたので、転職成功できた今ではすごく感謝しています。

というわけで、今回はWebデザイナーの在宅勤務について。1日の仕事内容を紹介というテーマに沿って解説しました。

繰り返しになりますが、Webデザイナーは在宅勤務が可能な職種になります。
在宅勤務が可能だと、まだ子供が小さい主婦の方や、毎日電車に乗って通勤するのが大変だと思う人であっても問題なく業務ができます。

実際にそのような働き方をしている人はたくさんいるので、少しでもこの記事を見て気になる部分があったら求人サイトや転職エージェントに登録してみると良いと思います。

Webデザイナー職はこの先AIの技術が進化していっても決して廃れることの無い職種だとおもいますし、とてもやりがいのある仕事です。

今後もっとWebデザインやUIUXデザインの市場が盛り上がっていくことを楽しみにしています。
今回の記事が少しでも参考になってもらえたら嬉しいです。それではまた！

今回は実際にwebデザイナーとして仕事をしていた僕が、webデザイナーの年収は低いのか？というテーマに沿って、リアルな年収について紹介したいと思います。

現在はwebディレクターとして仕事をしていますが、web業界で働いているのでリアルな年収の相場は大体把握してるので、少しでも参考にれば幸いです。

webデザイナーの年収は安いのか？

webデザイナーの年収は安いのか？という疑問についてなのですが、結論から言うと可もなく不可もなくと言った感じで、日本人の平均年収内の金額です。
企業にもよる所はありますが、決して安すぎるといったことはなさそうですね。

日本人の平均年収でいうと、20代で大体345万円、30代で442万円、40代で500万円程に対して、
webデザイナーの平均年収は大体300万円〜400万円と言われています。
実際に僕がwebデザイナーとして働いていたときの年収も、このレンジ内でした。

平均年収引用：https://doda.jp/guide/heikin/age/

なので他の職種を含め日本企業の年収で見てみるとだいたい平均の額はもらえるということですね。
ただし、これは日本の企業に務めた場合の年収額であって、海外のwebデザイナーになると、稼げる年収は変わってきます。
アメリカで年収700万以上、カナダでは大体600万円以上は稼げると言われています。
世界で比べると日本のwebデザイナーの年収まだまだ安い金額ですね。

webデザイナーの年収は制作会社とインハウスでも変わってくる

webデザイナーの年収といっても、務める企業の形態で変わってきます。
僕は制作会社のwebデザイン職もインハウスデザイナーも両方経験しましたが、所感で言うとインハウスでのwebデザイナー職の方が年収は高い傾向です。

制作会社での年収は20代前半〜20代半ばで大体380万円くらい、インハウスデザイナーになると20代半ば〜20代後半の年収で480万円〜500万円くらいです。

この差は何なのかというと、web制作会社の場合は受注する案件の単価によって会社の売上げが変わってきます。

対してインハウス、すなわち事業会社の場合は事業が展開するサービスの売上が会社の利益になるので、web以外に物販やアプリケーションなどのサービスを展開している場合、会社全体の売上が事業会社の方が大きい場合があります。

その結果社員に支払われる給料やボーナスが変わってきますので、結果的にインハウスの方が制作会社よりも多めに給与をもらえていた印象です。

ただし、身につくスキルについては制作会社の方が大きかったので、給料を選ぶのか、それともまずは経験をとるか等、自分のキャリアプランを考えて判断することをおすすめします。

未経験のwebデザイナーの年収は？

次に、未経験からwebデザイナーになった場合の年収を紹介します。

誰でも初めは未経験からのスタートになりますが、僕も未経験でweb制作会社に就職したときは年収で大体300万円くらいでした。

低く感じるかもしれませんが、これがリアルな給料でした。

安いなと思ってはいましたが、同期も同じ給料でしたし、未経験のwebデザイナーって、言ってしまえば先輩方からスキルを学びながらお給料を貰える環境にあるので、割り切っていましたね。

今となってはとても感謝しているので結果オーライです。

ちなみに、事業会社(インハウス)でのwebデザイナー職の求人は、web制作会社に比べると少ない傾向があるので、初めは制作会社から就職してみるのもありかもしれないです。

派遣社員のwebデザイナーの年収

次に派遣社員雇用のwebデザイナーの年収についてなのですが、時給換算にすると平均で大体1800円前後なので、下記の計算を参考としてください。

1800円×8H＝14400円/1日。

14400円×20日＝288,000/月。

288,000×12=3,456,000/年。

上記内容から言うと、派遣社員の年収は大体345万円になります。これは年齢問わずですね。

残業をする人はもう少し上乗せされた金額が年収となりますが、派遣社員という雇用形態なので正社員に比べるとボーナスが無かったり福利厚生がないといった所はデメリットになります。

ただし、時間との対価で勤務をするので割り切って仕事ができるのと、色々な職場を経験できる事は派遣社員のメリットになりますね。

年収を上げたければフリーランスのwebデザイナーも選択肢としてアリ

webデザイナーとして年収が安い、不満がある。という事であれば、フリーランスとして活動する事も視野に入れてみる事もおすすめします。

フリーランスは完全に自己責任で仕事をする事になりますが、それなりにスキルがあれば自分で仕事を取ってくる事もできますし、人の紹介から案件を獲得することもできます。

案件の単価もある程度自分で設定することもできますし、案件単価や案件数によっては年収800万〜1000万円を超える人もいます。

ただし、フリーランスはサラリーマンと違って常に仕事がある訳ではないので、常に仕事を用意しておけるように人脈を広げたり営業をかけたりといった事も仕事の中で必要になってきます。

webデザイナーとしてのスキルの差で年収は大きく増減する。

webデザイナーの年収について紹介してきましたが、持っているスキルによっては年収の金額を大きく変えることができます。
求人を見ていても、持っているスキルセットで提示される金額が変わってきます。

このスキルって言うのは本当に宝で、合わせて実績もあると年収アップに大きく役立ちます。

例えば、PhotoshopとIllustratorを使ってデザインができるwebデザイナーの年収と、HTMLとCSS、さらにJavaScriptのコードが書けるwebデザイナーとでは持っているスキルに差があるので、コーディングができるwebデザイナーの方が需要も高まり年収も上がります。

更にいうと、UIUXを考慮したデザインができる事と、情報設計まで出来る、更にアートディレクションまで可能となると、年収は500万円以上は稼げるようになってきます。

僕も制作会社時代からデザイン以外のスキルを取得する為に頑張っていますが、やっぱりスキルの幅は大きければ大きほうが得をします。

なので、webデザイナーとして年収に不安がある人はデザインに付随するスキルやweb全般で必要になるスキルを身に着けて行くことをおすすめします。

差別化を図る事で市場価値が上がります。
また、マルチスキルになるとフリーランスとして独立した場合であっても案件に困らないはずです。

というわけで、今回はwebデザイナーの年収は低い？というテーマで記事を書きました。
平均的な年収がもらえる職業ではありますが、スキルや勤務形態によっては年収の増減がある職業です。

スキルや経験次第で大きく年収を伸ばすことができる職種でもあるので、ぜひこの機会に自分のスキルと向き合ってみたり、転職サイトを見てみて他社の年収や自分の市場価値を分析してみると良いと思います。

今回の記事が少しでも参考になれば幸いです。それではまた！

今回はWEBデザイナーとして仕事をしていた僕が、実際に行ったセンスを磨く方法について紹介しようと思います。

センス　＝　生まれ持ったもの(才能)　と想像してしまう方もいるかも知れませんが、
決してそういう訳ではないと思っています。

育った環境や周りにいた人達の影響によって自然と磨かれていくセンスももちろんありますが、
後天的にセンスを身につけることも可能です。

センスという言葉が独り歩きしないように、センスと言う言葉の定義を確認すると、
下記のような説明が出てきます。

物事の微妙な感じや機微を感じとる能力・判断力。感覚。
引用：https://www.weblio.jp/

今回の記事は、下記のような悩みや疑問に対して少しでも参考になれば良いと思っています。

・センスのある人になりたい。
・センスを身につける方法を知りたい。
・センスが無いと言われるがどうしたらよいかわからない。

それでは内容に入っていきたいと思います。

センスは努力で身につける事が可能

まず、結論から言うとセンスは後天的に身につけることができます。
元々センスとは無縁だという人であっても、後から勉強したり、人生の経験値を上げることで
センスを磨いていくことが出来ます。

少しだけ、僕自身の経験談を交えてし話ますと、僕は現在も働いているWEB業界に入る時に、WEBデザイナー職を志望して就職しました。

就職面接の際には自分が過去に学んだ事や制作したポートフォリオをまとめて、プレゼンし、なんとか就職できたのですが、就職してからが大変でした。

というのも、僕自身元々センスがある人間では無かったので、新人の頃に仕事で制作したデザインは常にダメ出しをされていました。

良く先輩にお前の作るデザインは「ダサい」とか「パワーポイントでも作れるデザイン」とも言われていましたね。

今となってはこの経験がものすごく自分の糧になっているのですが、
これから紹介するセンスを磨く為に行った事に合わせてデザインをひたすら作り続けたり、
先輩の技を真似して勉強し続けることで、徐々にお客さんに対して自分の作ったデザインを提供出来るようになっていきました。

その後、自分の後輩ができたときにデザイン勉強会を開いたり、自分が誰かに対してデザインを教えるということが出来るようになっていたので、僕はデザインセンスという形で後天的に伸ばして行くことができました。

ちなみに世の中にはトップレベルのデザイナーがたくさんいるので、僕のスキルはまだまだな部分が多いですが、それでも過去の自分と比較したときに、勉強した後の自分のデザインセンスは伸ばすことができたと思っています。

なので、センスというのは努力次第で身につけることが出来るはずです。

センスを磨く為におこなうべき事

センスを磨く為に行うべきことは、下記を参考にしてください。

ざっくりですが上記に書いた内容のように感受性が高まる事、自分の心が動く・感動することなどに対して自ら積極的に触れていくことが、センスを磨くために1番大切なことだと思っています。

まずはこの「感動」から入って、その後には論理的に考えると尚良いです。
例えば、ビートルズの曲を聞いてみて、この曲かっこいいな。と思ったとしましょう。
その後に、ではなんでかっこいいと思うのだろう？と自分に疑問を投げかけるのです。

そしたら、あ！かっこいいと思うのはこのコード進行の転調が特徴的だからだ。とか、
この声がハスキーでロックな印象を想像させるからだ。等色々な考えが巡ってきます。

そうすると感動と論理が重なって、かっこいいという感情に対して納得感と説明が出来るようになります。

もちろん、自分の直感的にかっこいいと思うとか単純に鳥肌が立った。とかでももちろん良いです。

ただ、後天的にセンスを伸ばしていくという意味では、ちゃんと自分の感情を分析出来るようになったほうが後々、ビジネスシーンで自分のスキルとなってアウトプット出来るのでおすすめです。

毎日たくさんのデザインを見る

ここからは具体的にセンスを伸ばしていく為にはどのようなことを行ったら良いのか、
ということについて紹介したいと思います。

毎日デザインを見る。
これは僕がデザイナーとして常に行っていた事です。
通勤電車の中とか、休憩時間中にもとにかく目に入るデザインから検索して出てくるデザインにいたるまでたくさんインプットしました。

電車の吊り革広告のデザイン一つであっても、かなり勉強になります。

たくさんのアートに触れる

たくさんのアートに触れるのもセンスを磨く為の一つの要素です。
僕は学生時代から結構美術館に通っていました。
元々美術的な事や様々なカルチャーに触れる事自体好きだったので、絵画からプロダクトまで、色々なアートな作品に触れるようにして自分の審美眼を養うようにしました。この方法も圧倒的におすすめです。

いろいろなインテリアやファッションに触れる

ファッションやインテリアもデザインと呼ばれる要素なので、たくさん目に入れましょう。
自分の部屋をコーディネートするときも毎日着る服を選ぶときも、常に配色や細かいディテール（作り）を意識するようにしたほうが良いです。

その他、WEBサイトでインテリアのサイトを見てみるとか、ZOZOTOWNを見ていろいろな服をみて目を肥やすのもおすすめです。

様々な音楽に触れる

音楽もデザイン性に影響を与える要素になるので、色々な音楽を聴いてみましょう。
今では音楽配信サービスで手軽にダウンロードできますし、自分が好きなアーティストや曲に対して関連するアーティストなどをおすすめ表示してくれます。
そこで新たなお気に入りに出会うこともあるし、たくさん音楽を聞くのは個人的におすすめします。

これは余談ですが、僕の友人にファッションデザインをしている人がいますがやっぱりたくさん音楽聴いています。
音楽のカルチャーはデザインに反映されると言っていました。僕も同意見です。

たくさん映画を見る

センスを磨くにはたくさん映画を見ましょう。
いろいろな映画を見てたくさん感動することです。
いろいろな感情を自分の中で持つことで、だんだん些細な事や微妙な事に対しても、自分の中にあるアンテナが反応するようになってきます。

映画の場合はストーリーが明確にある為、ストーリーや台本に対してどのような映像の作りをしているのか。とか、
俳優の髪型、ファッション、仕草について観察して見るのも自分の中のセンスを刺激することができますし、カメラワークや構図についてはデザインに直結する勉強になります。

カメラを初めて見る

センスの良い人ってカメラが好きな人が一定数いる気がします。（個人の経験）
カメラを始めると、それこそ自分の感動する景色から日常の風景や周りの人まで写真というプロダクトでアウトプットを残すようになります。

撮影した写真をデータとして取り込んで加工するのもセンスが必要ですし、いい写真を摂ること自体センスが要りますよね。
これはカメラを始めて繰り返し自分で勉強して行くことでセンスのトレーニングになっていきます。

カメラはハマるとめちゃくちゃおもしろいって言いますし、僕もデザイナーの先輩から一眼レフを譲ってもらいました。

センスを磨くために意識する事

センスを磨くために行うべきことを紹介しましたが、次にセンスを磨く為に普段から意識すべきことを紹介します。
意識することで行動が変わって、後に結果が変わってきます。
常日頃　考える　＝　意識　することでセンスは磨かれていきます。

視野を広げる

センスを磨く為に意識すべき事の一つは、「視野を広げる」ということです。
僕もそうなのですが、音楽であっても映画であってもファッションであっても、自分の好きなジャンルや趣味趣向に偏りがちになってしまいます。

これは当たり前の事であって、何も悪くないのですが、センスを磨いていくという観点で話をすると、自分の興味の無い分野や、今まで触れたことの無いカルチャーであっても、まずは試しに手を出してみるという視野の広さが大切です。

興味が無かった分野であっても試してみる事によって新たな発見・気づきが生まれることは多々あります。
例えばデザイナーだった人がプログラミングを初めてみたら、面白くなってプログラマー・エンジニアにキャリアチェンジする人も実際に存在します。

なので自分の好きなジャンルに偏っても良いのですが、他のジャンルやカルチャー・デザイン等に対して気を配って見ることもセンスを高める一つの方法です。

日々当たり前に存在するものについて考えてみる

日々当たり前に存在するもの対して意識することもセンス磨きの一つです。

例えば道を歩いていて目に入ってくる標識や看板であってもデザイン性や伝えたい意図を考えてみると、新たな発見があります。この新たな発見というのがキーポイントです。

なんでマクドナルドの看板はあの「M」のデザインなのだろう？等、普段当たり前にある光景であってもちょこっと考えてみてください。

自分だったらこのようにデザインするを考える

日々たくさんのデザインやアート、カルチャーにふれるようになったら、今度は自分がデザインをするとしたらどうデザインするだろう？と考える癖をつけると尚良いです。

デザインや製品に対して、受け身に捉えるのではなくて、主体的に考える事で自分の仕事や勉強、センスを育むことに影響してきます。

デザインは見た目のことだけではなくて、ユーザビリティ(使いやすさ)や、ユーザーエクスペリエンス(人が体験する感性的品質)まで含めて、自分だったらこのようにデザインする。という考えを持つようにすると、かなりセンス向上のトレーニングになります。

センスが良いと思う人の特徴を考える

最後に意識することで、1番やりやすい事は、センスが良いと言われている人の近くにいるようにすることです。

そしてセンスが良い人を観察してちょっとずつ自分の中にも真似できるところを見つけてみたり、実際に取り入れてみたりすると良いと思います。

ちょっとしたこだわりの違いがセンスの差になったりもするので、やっぱり自分に無いものを取り入れるには、他のセンスの良い人を真似するのが近道だったりします。

というわけで、長くなりましたが今回は努力で身につくセンスを磨く方法について紹介しました。

冒頭にも紹介しましたが、センスというのは物事の微妙であり些細な部分を感じ取る能力であったり感覚的な部分が研ぎ澄まされたりしている事です。あとは判断力もセンスです。

なので、日常生活からたくさんの物事に触れて自分の経験値を向上しつつ、引き出しも増やすことでセンスは磨かれます。

そして自分の頭で考えて、自分だったらこうする。という意見が言えるくらい日常にの物事に対してアンテナを張れるようにしましょう。

結果、センスの良い人。と言われる日が来るはずです。
努力次第でセンスは磨くことが出来るのです。

参考になれば幸いです。ではまた！

僕は形から入るタイプなので、まずは何もわからない状態でMacBookを購入して、同時にAdobeのデザインツールを一通り揃えて、その後は本を買ってみて実際に手を動かしていたという感じです。

はじめは上記の通り手探りな状態で始めたWEBデザインの勉強でしたが、諦めずに頑張ったら晴れてWEBデザイナーとして就職することができて、今もずっとWeb業界で働くことができています。

なので、この記事では僕自身の体験も含めて、

・WEBデザイナーになりたい。
・WEBデザイナーになりたいけど方法がわからない。
・WEBデザインの勉強がわからない。

こんな悩みを持っている方々に少しでも力になれたいいなと思って記事を書きたいと思います。

WEBデザイナーの仕事とは？

まず、そもそもになりますがWEBデザイナーの仕事内容について説明したいと思います。
詳しい内容は別の機会にこのブログで書きたいと思いますが、今回は基本的な所にフォーカスして説明します。

WEBデザイナーの仕事内容は、その名の通りWEBサイトのデザインを担当する職種です。
例えばWEBサイトを新たに構築する際にサイト全体のデザインを作ったり、すでにあるWEBサイトの運用を行う上でバナーを作成したり、コンテンツを追加する際のデザインを作るのもWEBデザイナーの仕事です。

昨今ではUI・UXデザイナーという職種が確立されていますが、WEBデザイナーとは似て非なる部分があります。まるっと含めてWEBデザイナーもしくはUIUXデザイナーという企業などもありますが、ここではあえて分けて考えたいと思います。

話を戻しますと、WEBデザイナーの仕事の本質はデザインを用いて問題解決を行うことに尽きます。

WEBデザインといってもただおしゃれなデザインやかっこいいデザインを作ればいいという訳ではなく、クライアント(お客さん)そしてエンドユーザーが抱えている問題を解決できるデザインを作ることが１番大事な役目です。

なので、様々な業界の事を知っておくことが大切になってきますし、クライアントのサイトを見に来るユーザーのことを１番に考えてベストなデザインを作ることが大切な仕事です。

もちろんデザインをするだけではなくて、クライアントととの打ち合わせに参加することもありますし、WEBディレクターとの調整なども仕事の範囲になります。

未経験・独学でもWEBデザイナーになれるのか

次に独学でもWEBデザイナーになれるのか？ということに関して説明します。
冒頭にも書いた通り、未経験・独学からでもWEBデザイナーになることはできます。

就職しなくても、ある程度スキルがついたらフリーランスで独立して仕事をすることも可能です。

実際に世の中にはそういう人がたくさんいます。

ただし、未経験であっても独学で勉強したとしてもWEBデザイナーとしてお金をもらって仕事をするということはそれなりに信用が必要です。
信頼を得るためには基本的なデザインスキルの習得と成果物は残しておく必要があります。

なので、まずはWEBデザインの基本を学んで、その後はたくさん自分の制作物を生み出す事に100％注力することをおすすめします。

自分のオリジナルサイトをまずは作ってみるとか、無償でも良いので自分の知人友人のWEBサイトをデザインするとかバナーを作ってみる。

あとはInstagramやTwitterの背景画像をデザインしてみたり、アイコンを作ってみるのも良いと思います。

WEBデザイン初心者にとって1番大切な事でやるべきことはとにかく手を動かしてたくさんデザインに触れる事です。

だんだんデザインのコツがつかめてきたら、ココナラとかクラウドワークスで小さい仕事からでも良いのでお金をもらってデザインを作るようにしましょう。

その積み重ねで、だんだん自分の成果物がストックされていくので、その後は自分のポートフォリオを作って就職活動するのも良し、そのままフリーの道で仕事をするのも良しです。

独学で行うWEBデザインの勉強法

次に、WEBデザイナーになる為に必要な勉強方法を紹介します。
僕が行ったWEBデザインの勉強と同様ですが、まずはPCを用意して、たくさんデザインすることです。

デザイナーってMacBookを買いがちな印象がありますが、就職してみるとWindows環境の会社もそこそこ多かったりします。

これは好みですが、はじめはWindowsを購入してみるのが個人的にはおすすめです。
ちなみに僕はWindowsもMacBookも持ってはいますが、今まで勤めた会社の仕事環境はすべてWindowsでした。

マイクロソフト Surface Pro 7 / Office H&B 2019 搭載 / 12.3インチ /第10世代 Core-i5 / 8GB / 256GB / ブラック PUV-00027

created by Rinker

マイクロソフト

• Amazon
• 楽天市場
• Yahooショッピング

ちなみにMacBookだったら本格的にデザインをするなら下記がおすすめです。

Apple MacBook Pro (13インチ, 一世代前のモデル, 8GB RAM, 512GBストレージ, 2.3GHzクアッドコアIntel Core i5プロセッサ) – スペースグレイ

created by Rinker

Apple(アップル)

• Amazon
• 楽天市場
• Yahooショッピング

あとはAdobeのデザインツールを購入しましょう。

Adobe　CreativeCloud　＞

ここからが本番で、独学でWEBデザインを勉強する方法として、下記の内容があげられます。

・本を買って知識を習得する
・Adobeのサイトでチュートリアルを学ぶ
・schooなどの動画サイトでデザイン論を学ぶ
・YouTubeで他人のデザイン工程を学ぶ
・ググっていろんなデザインのチュートリアルを真似して作る。
・世の中に出ているバナーデザインをめっちゃ模写する
・色々なWEBサイトのデザインをめっちゃ模写する

大体こんな感じです。
最低限上記の内容はすべてやっておいたほうが良いです。
一つずつ、ゆっくりでも良いです。やれば力になりスキルになり自信になります。
とくにポイントなのは模写をする。という部分ですね。

はじめから良いデザインが作れる人はいません。
冒頭でも書きましたが、WEBデザインは問題解決の手段なので、すでに世の中にあるたくさんのバナーやWEBサイトのデザインをそのまま真似して作ってみることが1番の勉強になります。

世の中に出ているデザインはプロのデザイナーの最終成果物であるため、というのが理由です。

もちろん画像検索とかをすると、素人が作ったようなデザインも出てきたりはしますが、デザインのまとめサイト等を見てみるとほとんどが良質なデザインでまとめられています。

デザインにはすべて意味がありますので、慣れてきたらなぜこのデザインなのか？
なぜこのバランスなのか？なぜこのアイコンなのか？なぜこのフォントなのか？
なぜこの色なのか？・・・とたくさん疑問を持って自分なりに答えを出しながらデザインを模写すると良いです。そうすることで自分でゼロからデザインをするときに考えられたデザインが作れるようになります。

WEBデザイナーは自分が作ったデザインのレビューをすることも仕事の領域なので、
なぜこのデザインにしたのか。というのを説明できるスキルが求められます。
これはサラリーマンもフリーランスも同様です。

なので、独学で勉強しているうちから考える癖をつけるようにすることをおすすめします。

僕も初めはたくさん模写しました。。大変で苦しいときもあったけど、今はディレクションする立場ではありますが、そのデザイナー時代の経験が今は力となっています。
ちなみにどんなにベテランだって未だに模写をしますし、日々スキルを上げる努力をしているWEBデザイナーがたくさんいます。

なので、ここで伝えたいことは模写をすることが1番スキルを上げる為の近道になります。ということです。基本的なツールの使い方やデザイン論などは本や動画で学びましょう！

WEBデザインを勉強ときにおすすめの本

誰のためのデザイン？　増補・改訂版　―認知科学者のデザイン原論

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

Photoshop しっかり入門 増補改訂版 【CC完全対応】[Mac & Windows対応]

created by Rinker

• Kindle
• Amazon
• 楽天市場
• Yahooショッピング

Illustrator しっかり入門 増補改訂 第２版 【CC完全対応】［Mac & Windows 対応］

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

レイアウト・デザインの教科書

created by Rinker

SBクリエイティブ

• Amazon
• 楽天市場
• Yahooショッピング

というわけで、今回はここまでです。
独学でも未経験でもやる気と努力でWEBデザイナーとしてお金をもらって仕事をすることは叶います。

少しづつでも良いのでスキルを身に着けて前に進んで行くことが重要です。
最後にもう一度大切なことを言います。
アートは自己表現の世界ですが、WEBデザインは問題解決の為の手段です！
これ大事です！
それではまた。

]]> https://yukibiz.com/inexperienced_designer/feed/ 0 https://yukibiz.com/reference_site/ https://yukibiz.com/reference_site/#respond Sat, 25 Aug 2018 16:10:09 +0000 https://yukibiz.com/?p=1410 WEBデザインを行う際に必要となる参考サイトまとめを紹介します。

webデザインを始める際に必ず通過するタスクとして登場するのが「デザインの参考サイトを探す」という事。

この「デザインの参考サイトを探す」という作業はどんなにベテランデザイナーになったとしても必ずやります。

そしてwebデザイナーは日ごろからwebデザインのトレンドや良いデザインを知るために、参考サイトまとめ集をチェックし他方が良いです。

webデザインにもトレンドがありますし、いろんなデザインを見る事で自分のアイディアの幅も広がっていきます。スキルアップを望むならたくさん良いデザインを見るようにしましょう。

今回はwebデザインを始める際の参考サイト探しに役立つ参考サイトまとめ集を紹介します。

代表的なwebデザイン参考サイト

縦長のwebデザインギャラリー・サイトリンク集｜MUUUUU.ORG

[sanko href=”MUUUUU.ORG” target=”_blank” title=”MUUUUU.ORG” site=”縦長のwebデザインギャラリー”]

Web Design Clip | Webデザインクリップ

[sanko href=”https://www.webdesignclip.com/” target=”_blank” title=”Web Design Clip” site=”Webデザインクリップ”]

I/O 3000 | Webデザインギャラリー

[sanko href=”https://io3000.com/” target=”_blank” title=”I/O 3000″ site=”Webデザインギャラリー”]

まだまだあるよ！webデザイン参考サイト

オシャレなウェブサイトの参考デザインリンク集 | ウェブ・ファインダー

[sanko href=”http://w-finder.com/” target=”_blank” title=”ウェブ・ファインダー” site=”オシャレなウェブサイトの参考デザインリンク集”]

WEBデザイン参考サイト bookma! v3

[sanko href=”https://bookma.org/” target=”_blank” title=”bookma! v3″ site=”WEBデザイン参考サイト”]

Tau Magazine

[sanko href=”https://www.tau-magazine.com/” target=”_blank” title=”Tau Magazine” site=”デザインや構造の参考になるWebサイトのリンク集”]

SANKOU! | Webデザインの参考サイト集

[sanko href=”https://sankoudesign.com/” target=”_blank” title=”SANKOU! ” site=”Webデザインの参考サイト集”]

81-web.com｜Webデザイン リンク集

[sanko href=”81-web.com” target=”_blank” title=”81-web.com” site=”Webデザイン リンク集”]

【S5-Style】Webデザインギャラリー / Web Design Inspiration

[sanko href=”http://bm.s5-style.com/” target=”_blank” title=”S5-Style” site=” Web Design Inspiration”]

Webデザインリンク集 中面/下層ページも見られる現代デザイン

[sanko href=”https://gendaidesign.com/” target=”_blank” title=”現代デザイン” site=”Webデザインリンク集 中面/下層ページも見られる現代デザイン”]

Webデザインリンク集・ソーシャルブックマーク – straightline bookmark

[sanko href=”http://bm.straightline.jp/” target=”_blank” title=”straightline bookmark” site=”Webデザインリンク集・ソーシャルブックマーク “]

海外のwebデザイン参考サイト

Awwwards – Website Awards – Best Web Design Trends

[sanko href=”https://www.awwwards.com/” target=”_blank” title=”Awwwards ” site=”Website Awards – Best Web Design Trends”]

The FWA – Awards

[sanko href=”https://thefwa.com/” target=”_blank” title=”The FWA” site=”The FWA – Awards”]

siteInspire – Web Design Inspiration

[sanko href=”https://www.siteinspire.com/” target=”_blank” title=”siteInspire” site=”Web Design Inspiration”]

CSS Design Awards – Website Awards

[sanko href=”https://www.cssdesignawards.com/” target=”_blank” title=”CSS Design Awards” site=”Best Web Design Inspiration”]

その他のwebデザイン参考サイト

Behance

[sanko href=”https://www.behance.net/” target=”_blank” title=”Behance ” site=”Behance の選りすぐりの作品”]

 Dribbble

[sanko href=”https://dribbble.com/” target=”_blank” title=”Dribbble” site=” Dribbble”]

まとめ

いかがでしたでしょうか。

今回は僕が良く使う参考デザインまとめ集を紹介しました。

僕がデザイナーをしていたときは、参考デザインは30分以内に見つけ出せとアートディレクターによく言われていました。

そこでいくつか自分のお気に入りの参考サイト集を持っておくとすぐに参考となるデザインを見つけ出すことが出来ます。

参考サイトを探す時間はなるべく短縮したいので、日々デザインをチェックしておくと良いですよ！

ディレクターとして指示を出す立場になった今でも参考サイトまとめ集はマメに見ています。デザイン指示を出すときにも必ず必要になります。

今回紹介した参考サイトの中から気に入ったサイトをブックマークしておいて、参考デザインを探すときに活用していただければと思います。

[kanren id=”1372″]

[kanren id=”1257″]

さて、今回はwebデザイン初心者の方々にも最低限知っておいてほしいことがあります。

これからお伝えする事をデザインの考え方として自分の中に持っておくことで、webデザインのスキルアップは格段に早くなります。

何故なら考えてデザインするようになるからです。

デザイン初心者に知ってほしい「デザイン」の定義

まずデザインと聞いたら何を思い浮かべますか？

「おしゃれ」「きれい」「かっこ良い」「装飾」「スタイリッシュ」「かわいい」などでしょうか。

確かに間違っていないし、逆に「無」がデザインになることもあり得えます。余白だってデザインになります。

ただ間違えてほしくないのは「デザイン」とは問題解決の手段であるということ。

よくデザインスクール等で教えて貰うことの一つで、デザインとアートの違いというのがあります。

デザインの定義は以下の事を指します。

[list class=”li-check li-mainbdr main-c-before”]

• 人に伝えるため・ものをよく見せるための技術
• 明確なターゲットに対してクリエイターの側の意図を伝える為に行う事
• 情報を整理し、わかりやすく伝えること
• もの・サービスの価値を最大限に高めること

[/list]

デザインという言葉をグーグル翻訳してみてください。

設計と出ますよね。

つまりデザインとは明確なターゲットに対して情報を設計して正しくわかりやすく物事を伝えるための手段なのです。

すなわち問題解決の手段にも繋がります。

対してアートは以下のような事を指します。

[list class=”li-check”]

• 自己表現。人に伝わらなくても問題ない。
• 明確なターゲットや目的はない
• 芸術的・美的感覚によって造られたもの

[/list]

この事を意識してデザインしているかどうかで後々スキルに天と地の差ができます。ビジネスにも影響してきます。

初心者に知ってほしいWebデザインとは

先程までは「デザイン」という大きな括りで説明をしましたが、今度はwebデザインについてです。

webデザインの定義は以下の事を指します。

[list class=”li-check li-mainbdr main-c-before”]

• webという空間の中で活きるデザイン表現
• 「見る」「感じる」だけではなく、ユーザーがいて「使う」「コミュニケーション」するもの

[/list]

明確なユーザーがいて、さらにユーザー自身が操作できるプロダクトを作るわけです。

例えばGoogleのデザインを見てください。

至ってシンプル。Simple is Bestですね。

ユーザーがもっている「情報がほしい」というニーズを、ロゴと検索窓一つ置いたデザインなだけで満たしているわけですね。

そしてGoogleは自社のツールで検索をしてほしい訳です。互いのニーズを満たしていますね。

webデザイン初心者におすすめの書籍

本を読んでインプットを増やすこともスキルアップに不可欠ですね。

誰のためのデザイン？　増補・改訂版　―認知科学者のデザイン原論

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉

created by Rinker

• Kindle
• Amazon
• 楽天市場
• Yahooショッピング

クリエイティブ・マインドセット 想像力・好奇心・勇気が目覚める驚異の思考法

created by Rinker

• Kindle
• Amazon
• 楽天市場
• Yahooショッピング

まとめ

ｗebデザインを初めてまだ初心者の頃は沢山の壁にぶつかると思います。

でも、これだけは言えます。成長するためには沢山の壁にぶつかってください。

そして諦めずに一つ一つ乗り越えてください。

それがスキルアップするための一番の近道です。

デザインの具体的なスキルについてはとにかく沢山デザインして何よりも手を沢山動かす事が大切です。

ただし、デザインの考え方はすぐにでも身につきます。そしてとにかく考えてデザインしてください。

それは結果的に「普通のデザイン」から「良いデザイン」に変わり、ユーザビリティは向上し、感動できるユーザー体験を提供出来るようになるでしょう。

そしたらもうあなたはデザイン初心者ではありません。一人前のウェブデザイナーになっていることでしょう。

[kanren id=”745-2″]