Webデザインを動画で学ぶ!最新動画チュートリアルまとめ

Pocket

Webデザインを動画で学べる最新動画チュートリアルを集めてみました。

最近redditでも話題になってましたが、独学でプログラミングやデザインを学ぶのにGoogleとYoutubeはかなり重要なツールです。とくにYoutubeではPhotoshopの使い方から、HTMLコーディングまで無料のチュートリアルが大量に公開されてて、高額なスクールに行かなくてもYoutubeと本だけでだいたいのことは学べてしまうほど。

このページではWebデザインチュートリアルに限定して、最近公開されたものの中からとくにおすすめの動画チュートリアルを紹介します。

Webデザインを動画で学べるチュートリアル集

How To Create a Website Layout With Photoshop From Wireframe
Webデザインをワイヤーフレームの状態からPhotoshopに起こし、HTMLコーディングまで学べるチュートリアル。動画も結構長く、効率良くサイトを作るためのテクニックが満載!
webデザイン動画チュートリアル集-01

Photoshop/Illustrator Tutorial – Flat Design One Page Website
最新トレンドのフラットデザインについて学ぶことができます。テキストの編集方法なんかもすごく勉強になりますね。
webデザイン動画チュートリアル集-03

Illustrator for web layouts
こちらはイラストレーターを使ったWebサイトのレイアウトチュートリアル。イラレでWebデザインしている人にはおすすめです。
webデザイン動画チュートリアル集-04

Design a Game Website Mockup in Photoshop CC
こちらはPhotoshopを使ったゲームサイトのデザイン。写真素材の切り抜きやボタンのデザインなど本格的なチュートリアルになってます。
webデザイン動画チュートリアル集-06

独学でWebデザインを勉強する!

こちらのチュートリアルでもかなり本格的な技術を学ぶことができますが、もう少し細かいところについても学んでおきたいというときは、やっぱり本で勉強するのがおすすめ。

こちらの本でツールの使い方をしっかり抑えた上でチュートリアルを見ると、何をやってるのか分かるようになるのでより理解が進みます。