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