ウェブデザイナーに必要なデザインスキルを徹底紹介

就職後、即戦力として活躍するには?必要なデザインスキルについて詳しく紹介しています。

TOP > デザインを学ぶなら

デザインを学ぶなら

デザインを学ぶなら

デザインを学ぶなら

デザインを学ぶならデザインを学ぶなら

ユーザビリティの高いサイトを作るデザインスキル

私がWebデザインで第一に大切なことと考えるのは、ユーザビリティの高さです。
カッコよさや美しさなどもWebサイトの重要なインパクトですが、そのデザインが実際に効果を上げられるかどうか、それは必ずしも比例しないかも知れません。
最短の導線で商品にたどりつける(3クリックルール)は基本ですが、どこをクリックしたらよいのかすぐにわかる、ボタンやナビゲーションのデザインや配置など、奇をてらったものでないことが、ユーザーにとって親切なサイトではないでしょうか。
ここでは、現場で活躍中のウェブデザイナーが語る、デザイン現場で必要なスキルと学校で身につけておくべきスキルとは何かを紹介していきます。

デザインは感性ではなく理論

まずサイトの目的を把握すること。それが分かれば、必要な要素、素材のテイスト、テキスト内容などを準備するのに統一感をもって作業が進められます。
デザインはセンスではないと私は思っています。とはいっても「デザインをやりたい」と思っている人は、ある程度のポテンシャルがあるというのが前提ですが…。デザインには理論があります。ネットで見かける自由な発想の面白いサイト、すごく見づらかった経験はないでしょうか?
デザイン理論を修得すること、これはWebデザインをする上で必須のスキルだと思います。
色彩も同じです。水墨画を理解する日本人は比較的色彩感覚がよいそうです。一方ヨーロッパには素晴らしい色合いのデザインがあふれていて、とても参考になりますよね。しかし彼らは色彩理論をきっちりと学び、そのうえでデザインしているのであって、センスがよいのではないそうです。ちょっと意外ですよね。いかに理論が大事かってことが分かると思います。
クライアントにデザインストーリーを語れる、そんなバックボーンのしっかりしたサイトを作りたいものです。

これだけは身につけておくべし!
デザインのベース「要素」と「原則」

デザインには「要素」と「原則」があります。
まずデザイン要素とは、スペース(空間、ホワイトスペースなど)、線(水平線、水直線、曲線、点線、波線など)、バランス、色、形、テクスチャ(質感)、フォーム(形、3次元を含む)、明度(明るさ、暗さ)です。
次にデザイン原則とは、統一性、多様性(異なる要素がある、ルーティンでないこと)、調和(色や形、トーンなど)、強調(サイト内の優先順位を明確にすること)、コントラスト(色や明度、形の違いを利用する)、反復(同じ要素を繰り返し使用する)、割合(オブジェクト同士のサイズ)です。
デザインするとは、どの「要素」をどの「原則」で組み合わせるかという作業です。これを把握しておくと理論だってレイアウトでき、デザインに必然性と訴求性が出るので、ぜひよく勉強して試してください。デザインするなら説得力のあるものを、です。

必須ソフトはIllustratorとPhotoshop

この2つのソフトは、Webデザインには必ずついてきます。どちらもAdobeのソフトで、スクールに入ったら必ずアカデミック版を購入しましょう。正規版の7~8割引きで買えるので、この期を逃してはいけません。
Photoshopは画像編集ソフトで、写真のサイズ、明度、色彩バランスなどの基本的な作業から、キリヌキ、特殊な効果、合成など高度な作業のできるツールが入っています。
Illustratorは、グラフィックデザインをするソフトで、こちらも様々な効果を実装できます。Webデザイン、カンプ、Web素材、バナー、ピクト制作なんでもやります。
IllustratorとPhotoshopを多彩に組み合わせて、複雑な映像をつくりあげるスキルは、その都度、自分でも学んでいくといいと思います。気になる画像を見たら「これどうやって作っているんだろ」と自分なりに分析してみたり。もちろん、チュートリアル方式の本やサイトもかなり参考になります。
FireworksはPhotoshopとIllustratorの子供のようなソフトで、Webに特化したシンプルな機能のみ搭載されています。これ1本でいくというのもアリですが、せっかくならIllustratorとPhotoshopくらいはできた方がいいと思います。

>>東京デザインプレックスで即戦力になるスキルが身につくWebデザイナーを目指す!

              
そのほかにWEBデザイナーになるために必要な知識やスキル
参考になる本やサイト
WEBデザインメソッド-伝わるコンテンツのための理論と実践

WEBデザインメソッド-伝わるコンテンツのための理論と実践

CHECK!

デザイン解体新書

デザイン解体新書

CHECK!

Webデザインの基本ルール-プロに学ぶ、一生枯れない永久不滅テクニック

Webデザインの基本ルール-プロに学ぶ、一生枯れない永久不滅テクニック

CHECK!

魅せる、彩る、華やぐ技!グラフィックデザイン 人気の手法、憧れの表現

魅せる、彩る、華やぐ技!グラフィックデザイン 人気の手法、憧れの表現

CHECK!

PAGE TOP