はじめての方におすすめデザインを学ぼう!chot.designの使い方このサイトの使い方や、Webデザイン・UI/UXデザインにまつわる仕事内容について解説します。はじめてのデザイン〜デザインの基本・考え方〜デザインとは何か?デザインの基本とは?どうやってデザインを考えればよいのか解説します。写真・画像・デザイン編集『Photoshop』入門写真補正や画像合成などが行えるデザイナーにとって必須のツール「Photoshop」の使い方を解説。はじめてのWebデザイン『HTML・CSS』入門Webデザイナーにとって非常に重要なスキルである「HTML・CSS」の使い方を解説。
公開中の無料カリキュラムデザインを学ぼう!chot.designの使い方chot.designを使ってデザインを学びましょう!このサイトの使い方や、Webデザイン・UI/UXデザインにまつわる仕事内容の紹介、デザイナー転職のコツなど。基礎はじめてのデザイン 〜デザインの基本・考え方〜これからデザイナーを目指す人も、ノン・デザイナーの方も、現役のデザイナーの方も。デザインとは何か?デザインの基礎知識とは?そしてどうやってデザインを考えればよいのか解説します。基礎写真・画像・デザイン編集『Photoshop』入門写真補正や画像合成などが行えるWebデザイナーにとって必須のツール「Photoshop」について勉強しましょう。基礎イラスト・ロゴ・名刺・ポスター制作『Illustrator入門』イラストやロゴを作ったり、名刺やポスターなどの印刷物のデータを作成することが出来る『Illustrator』について、基本的な使い方を解説します。基礎UI/UXデザインツール『Adobe XD』入門Adobe XDはWebサイト・モバイルアプリ・音声UIなど様々なデバイス向けにデザインとプロトタイプを作成することができるソフトウェアです。XDを使ってアプリのUIデザイン作成にチャレンジしてみましょう。基礎はじめてのWebデザイン『HTML・CSS』入門Webサイトは「HTML」という文章の構造を組み立てるマークアップ言語と、装飾やレイアウトを指定するための「CSS」という言語で作られています。Webデザイナーにとって非常に重要なスキルである「HTML・CSS」の使い方を解説します。基礎UI/UXデザインツール『Sketch』入門UI/UXデザインの定番ツールと言えば「Sketch」。このカリキュラムではSketchの基本的な使い方を学びながら、スマホアプリのデザインについて学ぶことができます。基礎UI/UXデザインツール『Figma』入門リアルタイムで共同編集ができる新しいデザインツールとして注目を浴びる「Figma」について学べるカリキュラムです。チームでアプリやWebサービスを作っている現場におすすめ。基礎コーディングなしのWebサイト作成『STUDIO』入門コーディングなしでWebサイトがつくれるデザインツール「STUDIO」について学べます。Webデザイン初心者の方〜デザイン・サーバーまでオールインワンで済ませたい方におすすめです。基礎UI/UXデザインツール『InVision Cloud』入門誰でも簡単にプロトタイプが作れるツール「InVision Cloud」について勉強しましょう。基礎Webディレクターの基礎知識Webディレクターとは、Web制作において企画・進行管理・品質管理などを行う仕事です。必要とされる知識は多岐に渡り、デザイン・プログラミング・マーケティングなど、様々なスキルが求められます。このカリキュラムではWebディレクターに必要な知識を幅広く紹介していきます。基礎プロジェクト管理ツール『Wrike』入門プロジェクト内の課題やタスクの管理をするためのツール「Wrike」について学べます。プロジェクト管理に悩んでいらっしゃるWebディレクター・プロジェクトマネージャーの方にオススメです。基礎Adobe Premiere Proを使った動画制作入門最近はスマートフォンを使って手軽に美しい動画が撮影できる環境が整ってきました。またインターネット回線が低価格化・高速化したことで、ネットを通じて動画を見る機会も随分と増えました。YouTubeやインスタなどの動画配信を手軽に出来るサービスもたくさんあります。このカリキュラムではAdobe Premiere Proというツールを使って、動画編集について解説をしていきます。基礎はじめての『WordPress』入門WordPress(ワードプレス)は世界で最も利用されているサイトが多いCMS(コンテンツマネジメントシステム)です。このカリキュラムではWordPressの開発環境づくりから、管理画面の使い方、オリジナルテーマの作り方、プラグインの紹介など、WordPressでのサイト制作が一通り学べる内容になっています。基礎AdobeXDプラグインまとめAdobe XD には、機能を拡張できる「プラグイン」という仕組みが用意されています。このプラグインはAdobeが公式で提供している他に、サードパーティ開発者が開発・提供できるようになっているため、世界中の開発者がプラグインの開発に取り組んでいます。複雑な作業の自動化や、外部アプリケーションとの連携など、様々なプラグインが提供されています。応用FigmaプラグインまとめFigmaプラグインのカリキュラムです。ノンデザイナーでも簡単に使いこなすことのできるFigmaですが、プラグインを使用することで更に、便利に、使いやすくカスタマイズすることができます。プラグインを活用して作業効率をアップしていきましょう!応用UIコンポーネント入門Webサイトやアプリあるいはゲーム、またはこれから出てくる新しいデバイスの画面デザインをしていく上で、考えなくてはならないのが「UI」です。このカリキュラムではUIデザインの初心者を対象に、UIについて学んでいきます。応用写真加工テクニックPhotoshopを使って写真を加工するテクニックを身に付け、様々なシーンに合わせてイメージが用意できるようにトレーニングしていきましょう。レトロ風・イラスト風・おしゃれに・可愛い・カッコいいなど、様々なバリエーションのレッスンが受けられます。応用イラスト制作テクニックWebサイトやアプリにイラストを効果的に取り入れると、よりオリジナリティのある印象に残るデザインを作ることができます。このカリキュラムでは様々なイラストの描き方を手順を追って解説していきます。応用レスポンシブWebデザインコーディング術レスポンシブWebデザインにおけるHTML・CSSのコーディングテクニックを紹介します。応用CSSデザインテクニックCSSを使った様々なデザインのコードを紹介します。応用Sassを使った効率的CSSコーディング術SassとはCSSを効率よくコーディングするためのメタ言語(拡張言語)です。プログラムのように変数や関数を使って、効率よく保守性の高いコードを記述することができます。応用アイコン制作テクニックWebサービスやアプリケーションのUIデザインには欠かせない「アイコン」。線だけで描かれたものから、カラフルで鮮やかなグラデーションが使われたものまで、様々なテイストのアイコン制作テクニックを紹介します。応用SketchプラグインまとめUI/UXデザインツールの大定番「Sketch」にはたくさんのプラグインがあります。作業効率化に役立つものから、思わずクスッとなってしまうネタ系まで幅広く紹介します。応用UIデザイン制作テクニック実践的なUIデザイン制作を行います。お題に沿って、サンプルのアプリのUIデザインを作ってみましょう。実践ランディングページ制作テクニックランディングページ(略してLP)とは、商品やサービスの紹介を1枚のページで表現し、購入や申込みなどを促進するためのWebページです。レイアウト・装飾の基本的な考え方が詰まったものですので、写真加工・アイコン制作・イラスト制作・バナー制作などが身についてきたらぜひチャレンジしてみましょう。実践バナー制作テクニックWebサイトにはなくてはならない「バナー広告」。文言や写真・イラストの配色やレイアウトを工夫して、クリックしてもらいやすいバナーづくりにチャレンジしましょう!実際によくあるようなECサイトやゲーム、Webサービスのバナー広告をPhotoshopやIllustratorを使って作っていきます。実践名刺制作テクニックIllustratorを使った名刺の作成にチャレンジ!用紙サイズの指定や、トンボの付け方、文字のレイアウトやちょっとした工夫まで丁寧に解説します。実践フライヤー制作テクニックフライヤーとはイベントや飲食店の宣伝などに用いられる印刷物のことです。もともとは飛行機やヘリコプターで上空から撒いていた経緯から、「Flyer(空を飛ぶもの)」と呼ばれるようになりました。「チラシ」「ビラ」と言った呼び方もあります。実践