プログラミング学習ができるスクールや教室は増えて来ていますがデザインの勉強がなかなかやりづらい、なかなかデザインが上達しないという方も多いのではないでしょうか。HTML/CSSから名刺、バナー、デザインツールの使い方まで無料で学ぶことができるデザイン学習サイトchot.designのご紹介。
chot designとは
無料で学べるデザインの学習サイト
- 2020年3月現在、463本のレッスンが受けられます
- QAフォーラムがあるので悩んだことがあればそちらを閲覧しましょう
- 名刺作成などのグラフィックデザイン
- バナー作成、UIデザイン、コンポーネント、CSSなど幅広いウェブデザイン
学習できる幅が広く、なんと無料で利用することができます。
chot.designの特徴
ステップ・得意なことをカテゴリーから学べる
- はじめてのデザイン
- Webデザイン
- UI/UXデザイン
- 写真や画像を編集する
- ロゴやイラストを作る
- 印刷物を作る
- プロジェクト管理
上記のようにカテゴリーが別れているので、自分のレベルや得意なこと、学びたいことに合わせて学習することができます。
Webデザインまでを学びたいという場合は「印刷物を作る」「プロジェクト管理」はこの時点では学ばなくても良いでしょう。「プロジェクト管理」はチームでサイトやサービスを作るときは必須ですので、みておいて損はないですね。
記事を読む形式で学んでいく
細かいデザインスキル、学び方についてステップバイステップで学習することができます。また、会員登録するとブックマークすることができるので自分がどこで止まっているのか、どこまで学んだのか確認しながら進められます。
デザインツールの使い方についても細かく学べる
デザインツールの利用方法についての情報はネットで検索してみると分散しがちです。一からデザインがある程度できるようになるまで体系的に学ぶことができるのがchot.designの特徴です。具体的にデザインを制作しながら勉強したいという方はchot.designのこのレベルで学びましょう。
Webデザイナーを目指すならこのステップで学んでみる
はじめてのデザイン
デザインを勉強したことがない、何を学んだらいいのかわからないという方は概要はまずこちらから学んでみましょう。デザインについての基礎知識をまずは知っておきましょう。
Webデザイン
HTML/CSSの基本を勉強するならここから始めましょう。HTML・CSSはウェブデザインには欠かせません。基礎を勉強するならまずこちらから。
ウェブサイトを作ってみたいというときは、コーディングなしで利用することができるstudioを学んでみましょう。コーディング＝HTML/CSSのことで、最初にコーディングで詰まってしまった人はstudioを使ってみましょう。
UI/UXデザイン
デザインを作成するときに何で始めたら良いのか、というときにはsketchかFigmaがおすすめです。sketchは買いきりで1万円の利用料がかかるので無料で始めるならFigmaがおすすめです。
バナーを作成する
chot.designでは写真・画像編集をphotoshopで行いますが、Figmaでも画像の編集を行うことができますので、バナー作成をFigmaでやってみましょう。
バナー作成はデザインの基本中の基本ですので、まずはバナーを作れるようになりましょう。
UI/UXデザインを学び、UIデザインを作成する
chot.designではSNSタイムライン風のデザインを作ってみる、というカリキュラムがありますので作ってみましょう。慣れてきたら自分が使っているサイトやアプリのデザインを写経＝真似して作ってみることをおすすめします。
サイトのページデザインを作成する
UIデザインではそこまでがっつりしたデザインではないのでランティングページのデザインをやってみましょう。サイトのデザインは考える幅が広いので、ページ単位でデザインを覚えて、そのさきにサイト全体のデザインを作ってみましょう。
まとめ
chot.designはステップバイステップで学習することができるのが特徴です。デザイナーになるために全部を学ぶのは大変ですが、デザイン力を上げていくためには体系的に勉強する必要がありますのでひとつひとつ学んでいきましょう。
