エンジニアがWebデザインを学ぶ際のスライド13選

エンジニアの方の中でもWebデザインを学びたいという方は少なくないはず。Webデザインという新しい観点を持つことができれば、サービスにもまた違った色を出せるかもしれません。今回はWebデザイン初心者のエンジニアから、デザインを学び始めたWebデザイナーの方まで、勉強になる参考スライドをご紹介します。

エンジニアの方の中でもWebデザインを学びたいという方は少なくないはず。Webデザインという新しい観点を持つことができれば、サービスにもまた違った色を出せるかもしれません。

今回はWebデザイン初心者のエンジニアから、デザインを学び始めたWebデザイナーの方まで、勉強になる参考スライドをご紹介します。

Webデザイン参考スライド14選

Webデザイン初心者のエンジニアを意識して、Webデザインの大切さから、Webデザイン基本、発展系のスライドの順に並べています。

それではスライドでWebデザインを学んでいきましょう!

プログラマーからWebデザイナーに歩み寄ろう

「Webデザイナーはプログラマの敵らしい」というところから始まり、プログラマーからWebデザイナーに歩み寄ろうよ、とすすめています。デザインの4原則など基本的なところをざっくり抑えているので、Webデザイン入門に最適です。

デザインとは、Webデザインとは、デザインセオリーについて

Webデザインを考えていく上での必須事項を分かりやすく解説しているスライドです。

デザインとアートの違い、デザインで重要なこと

「デザインとアートとの違いは何でしょう?」と聞かれて答えられますか?デザインとは何かというところから、デザインを考える上で重要なポイントを解説しているスライドです。

Webデザインの基本

Webデザインの基本である「色・フォント・技法・写真・ブログデザイン」を抑えたスライドです。スライド自体、とても見やすく分かりやすいので、改めてデザインの大切さを思い知らされます。

「Webデザインのポイント」を作成例とともに学ぶ

実際のWebサイト例で、Webデザインを改善していく過程での考え方を見ることができます。Webデザインの知識があることで、どれだけ改善され、見やすくなるのか体感できるでしょう。

Webサイトは最低限のルールを守れば見やすくできる

Webデザインを実践していくための最低限の基本を紹介しています。「デザインって感でしょ」「デザインって難しそう」と思っている方にとっては意外かもしれませんが、デザインがセンスだけでなく理論にも従っていることを理解することができます。

Webデザインのトーン&マナーを導き出す

ユーザーに与えたい意図や狙いを分析し、ビジュアルにまで落としこむために必要な「トーン&マナー」を解説しています。

デザイン4原則

これまでのスライドの中でも出てきた「デザインの4原則」について、詳しく直感的にも理解しやすい解説をしているスライドです。デザインの基本中の基本なのでしっかり抑えておくと良いでしょう。

ノンデザイナーのための配色理論

配色一つでデザインの印象はガラッと変わりますよね。そのために「どの色を使えばいいんだろう」と迷ってしまう方って多いでしょう。そんな方のために、「なぜ配色で失敗してしまうのか」というところから、「配色理論を使った配色法」という応用するところまで紹介しています。

色彩センスのいらない配色講座

配色はセンスが必要そうで、難しそうですよね。しかし、色彩センスいらずで配色をするルールをこちらのスライドでは紹介しています。理論的な配色方法を学ぶことができます。

プログラマがデザインを勉強してみた

プログラマがデザインを勉強してみたスライドです。わかったこと、わからなかったことを紹介しています。

「組織のデザイン」 – 良いデザインを生むためのデザイン

個のデザインではなく、全員でデザインをする組織になることが大切だといいます。nanapiで取り組んでいる組織デザインについて、解説されています。

Webデザインのはじめ方

Webデザインの基礎を学んできました。Webデザインを実践する上での手順をこのスライドでは解説しています。

新たな視点のプロダクト作り

いかがでしたか?今回のスライドを見ただけでも、デザイン視点を少しは取り入れることができたのではないでしょうか。Webデザイナーの方でも、基本に立ち返って改めて忘れていたものに気づけたかもしれません。今後のプロダクト開発への良い刺激になっているといいですね。

今回紹介したWebデザインに関係している、「UI/UXデザイン」の記事をご紹介します。

もしWebデザインに興味が湧いてきたという方は、SBクリエイティブから出ている「いちばんよくわかるWebデザインの基本きちんと入門 」で勉強してみましょう。

スマホを意識したデザインや、すぐに使える配色の基本など、実践的な知識が得られるデザイン本です。

この一冊でWebデザイナーに必須の基礎知識が網羅できる内容になっていますよ。