Learn to Design 2016 バンドルでは、レスポンシブ デザイン、ラピッド プロトタイピングなどに関する 57 時間のトレーニングを含む 9 つの有益なコースを通じて、Web のデザインをマスターできます。
Learn to Design 2016 バンドル – レスポンシブ デザイン、ラピッド プロトタイピング、HTML、CSS などを 9 つのコースと 57 時間で学ぶ Web デザインをマスター – たったの 39 ドル!
Sketch 3でモバイルアプリをデザイン：UX/UIをゼロから学ぶ - この強力なUX/UIツールと主要なデザイン原則をマスターしてモバイルアプリ開発を学びましょう
Rob Percival | eラーニング
説明
スマートフォンアプリ、デスクトップブラウザなど、様々なデバイスでWebを閲覧する人がかつてないほど増えている今、デザイナーにとって、どのデバイスから見ても美しく表示されるレスポンシブなサイトを構築することが重要になっています。Sketch 3とUXのベストプラクティスを習得することでレスポンシブデザインを深く理解し、このコースで解説する原則を用いて、最初から最後までアプリを構築することで、知識を定着させましょう。
- 6時間のコンテンツでレスポンシブでモバイルファーストなWebデザインを学ぼう
- デザインツールとしての Sketch 3 をマスターしましょう: レイヤーの操作、図形の編集、シンボルの使用など。
- 主要な UX 概念（UX の歴史、ユーザー中心設計の原則など）を理解します。
- UX理論を現実世界に適用する：ターゲットユーザーの発見、ペルソナの作成など
- 独自のアプリを作成する: アイデア出し、調査、モックアップ、設計、プロトタイプ作成、展開
- 新しく習得したスキルを活かして、他の使いやすく美しいアプリを構築しましょう
- コース終了までに本格的なモバイルデザインを習得
PhotoshopでWebデザインをマスター - この人気の高い強力なプログラムの潜在能力を解き放ち、デザインスキルを磨きましょう
Barin Cristian Doru著 | eラーニング
説明
あらゆる雇用主から魅力を高める確実な方法があります。それは、プロのWebデザインスキルを学び、向上させることです。Photoshopをデザインツールとして活用し、ホワイトスペースの活用、コントラストの活用、ロゴのデザインなど、主要なデザイン原則を適用しましょう。このコースを修了すれば、見た目だけでなく機能も美しく、洗練された魅力的なデザインを作成する方法を習得できます。
- Photoshopの基礎と重要なWebデザインの原則を9時間のコンテンツでマスターしましょう
- カスタムグラフィックとアイコンをデザインし、作品に組み込みます
- フォントとグラフィックの入手先と実装方法を理解する
- 優れたデザインの原則に従ったウェブサイトレイアウトの計画とワイヤーフレーム
- 2つのプロジェクトを完了して知識とスキルを強化しましょう
- PSD ファイル、チートシート、ウェブサイト テンプレートなどのリソースにアクセスします
- 印象的なウェブサイトを構築し、魅力的なポートフォリオを作成し、クライアントを獲得しましょう
モバイルアプリデザイン：UX/UIを学んでフリーランスとしてキャリアをスタート - UX/UIに関するあらゆることを学ぶこのコースで、キャリアの見通しと収入を高めましょう
デイマンタス・ブランディシャウスカス著 | eラーニングで
説明
今日の求人市場で最もホットな分野の一つであるUX/UIデザインでキャリアをスタートさせるチャンスです。アイデアから実用的な製品へと繋げる方法を学び、潜在ユーザーの発掘からアプリのワイヤーフレーム作成まで、あらゆる側面を学びます。自信のある製品を開発する場合でも、キャリアアップを目指す場合でも、UX/UIスキルを伸ばすだけでなく、次のレベルへと引き上げることが可能になります。
- 6 時間のコンテンツで、アプリのアイデアを単なるビジョンから現実のものにしましょう
- ユーザー調査を実施してターゲットオーディエンスを見つけ、そのオーディエンスにマーケティングする
- アプリのUXを計画、調査、ストーリーテリング、スケッチ、ワイヤーフレームする方法を学びます
- Photoshop を使用して UI をデザインします。レイヤーの使用、ボタンの作成などを行います。
- アプリ内のさまざまなページ（ログイン画面、カテゴリ画面など）をデザインします。
- 課題を完了し、クイズを受けて知識を強化しましょう
- 雇用の可能性を高め、新しいスキルを収益化しましょう
Learn to Design 2016 バンドル – レスポンシブ デザイン、ラピッド プロトタイピング、HTML、CSS などを 9 つのコースと 57 時間で学ぶ Web デザインをマスター – たったの 39 ドル!
レスポンシブWebデザインの作成 - 構築した製品がどのような視点から見ても美しく見えるようにする
クリス・コンバース | eラーニング
説明
レスポンシブデザインを学べば、せっかく素晴らしいデザインを作り上げても、特定のデバイスでは歪んで見えてしまう、といった無駄な時間を過ごすことがなくなります。サイトのHTMLコンテンツの設定からCSSを使ったレイアウトのスタイル設定まで、デザインしたものがビューポートに関わらず美しく表示されるようにすることができます。
- 4時間のコンテンツでレスポンシブWebサイトのデザインをマスターしましょう
- サイトの HTML コンテンツと構造を準備します。コンテンツやナビゲーションなどを追加します。
- CSS を使用してサイトのスタイルとレイアウトを作成します。フォントをインポートしたり、基本的なテキスト スタイルを定義したりします。
- 簡単に操作できるメニューシステムを作成する
- 大、中、小の異なるサイズの画面に合わせてレイアウトを調整します
- 印刷レイアウトとコンテンツを調整する
ウェブデザイン：初心者向けHTML＆CSS - ゼロからサイトを構築するための基本プログラミング言語をマスターしよう
BiteSizedSchool | eラーニング
説明
ステップバイステップのチュートリアルに沿って、シンプルなウェブサイト構築の達人へと成長し、目指すより複雑なサイト構築のための強固な基盤を築きます。HTMLを使ってウェブページの構造をレイアウトする方法を学び、CSSを操作してサイトをさらにスタイリッシュに仕上げ、熟練したウェブ開発者としてのスキルを固めましょう。
- 6時間のコンテンツでHTMLとCSSを使用したWebデザインをマスター
- どのコードエディタが効果的かを理解する
- HTML を利用して表、リスト、フレームを作成する
- CSS を使用して外部スタイルシートを作成したり、Web レイアウトを構築したりします。
- デバッグツールでHTMLとCSSのコードが正常であることを確認する
- テーブル、CSS などを使用して HTML フォームを構築およびスタイル設定します
- Animate.css でアニメーションを作成する
- 効率的で効果的なWeb開発者になる
起業家のためのラピッドプロトタイピング - 2時間でデモを作成 - アイデアをすぐに実用的なデモに変換 - コーディング不要
エヴァン・キンブレル著 | eラーニング
説明
製品開発はもはや、退屈で時間のかかるプロセスではありません。ラピッドプロトタイピングの原則を活用すれば、わずか2時間でアプリの本格的なデモを作成できます。MVPのローンチを目指す起業家、ユーザーからのフィードバックを求めるプロダクトマネージャーなど、あらゆる方にとって貴重なツールとなります。
- 9 時間のコンテンツで、コードを 1 行も書かずにアイデアをすぐに実用的なデモに変換できます。
- アイデアの実現可能性をテストする：製品、機能、デザイン
- プロトタイピングの概念の概要（重要な用語、ワイヤーフレームを使用するタイミングなど）を把握します。
- 使用するプロトタイピングツールを理解する
- 戦略を策定し、プロジェクトの範囲を定義する
- プロトタイプの低忠実度バージョンを作成します。スケッチしたり、テンプレートを使用したりします。
- Pidoco で画像を処理したり、Balsamiq を使用したりします。
- インタラクティブなプロトタイプを作成します。設計と改良、タブレット バージョンの作成などを行います。
Learn to Design 2016 バンドル – レスポンシブ デザイン、ラピッド プロトタイピング、HTML、CSS などを 9 つのコースと 57 時間で学ぶ Web デザインをマスター – たったの 39 ドル!
Bootstrap UI開発を誰でも - この強力なレスポンシブフレームワークツールを使ってWebページとアプリを素早く開発しましょう
ブライアン・ゴーマン | eラーニング
説明
Webおよびデバイス開発で最も広く採用されているレスポンシブフレームワークの一つ、Bootstrapを使いこなしましょう。デバイス、画面サイズ、ブラウザの種類を問わず、どのような表示方法でも美しく表示されるWebページやアプリを構築できる、費用対効果が高く効率的なツールです。レスポンシブグリッドの活用方法やページ要素の挿入方法などを学び、この必須開発ツールをあっという間に使いこなせるようになります。
- Bootstrap を使用して、7 時間のコンテンツで Web およびデバイス UI を迅速に開発します。
- 主要なブートストラップ ツール (Boostrap、jQuery など) をインストールして設定します。
- レスポンシブ グリッドを使用して、行と列をネストしたり、配置したりします。
- ページ要素の書式設定: テキストの配置、リストや表の整理など
- ドロップダウン、ボタン グループなどの高度なページ コンポーネントを実装します。
- JavaScript と jQuery プラグインを使用して、カルーセル、アコーディオン、その他の機能を挿入します。
- Node.jsとGruntによるビルド自動化
- オンラインでのビジネスプレゼンスを迅速に構築
4時間でWebデザインとHTML5/CSS3の基本を学ぶ - あっという間にサイトの構造とスタイルを理解
Code College | eラーニング
説明
Photoshopのモックアップを現実のものにする方法を学び、Webデザインのスキルセットを充実させましょう。このコースでは、PSDファイルをHTML5とCSS3でコーディングされた、完全に機能するウェブサイトに変換します。HTMLを使ってサイトの一部を構築する場合でも、CSSを使ってスタイルを設定する場合でも、完全に機能するウェブページを手動でコーディングするために必要な知識を習得できます。
- Photoshop のモックアップを 5 時間のコンテンツでセマンティック HTML5 & CSS3 ウェブサイトに変換します
- 4時間で最初のウェブサイトをハンドコーディング
- 作業環境を設定します。フォルダー構造などを構成します。
- HTML5のスケルトン、ヘッダー、コンテンツセクション、フッターをコーディングする
- CSS を使用してスタイルシートを追加し、ナビゲーション バーのスタイルなどを設定します。
- HTML5とCSS3を検証する
モバイルファーストとレスポンシブウェブデザイン：モダンなウェブサイトを構築！ – モバイルでも美しく表示されるウェブサイトを作成しましょう
クリス・ディクソン | eラーニング
説明
モバイルデバイスでWebを閲覧する人の数、そして市場に出回っているスマートフォンやタブレットの種類の多さを考えると、モバイルファーストのレスポンシブWebデザインを学ぶことは不可欠です。フルードグリッドの使い方をマスターし、カルーセルなどのレスポンシブ機能を追加することで、ウェブサイトやアプリがあらゆるデバイスで美しく表示されるようにしましょう。
- レスポンシブ デザインとは何か、そしてなぜそれが重要なのかを 5 時間のコンテンツで理解しましょう
- 流動的なグリッドを使用してレスポンシブなウェブページを作成します
- ワイヤーフレームのデザイン、サイト構成の設定などによりウェブサイトを構築します
- jQueryプラグインを使用してレスポンシブカルーセルとソーシャルシェアボタンを実装する
- CSS Flexboxを使用して、レスポンシブなレイアウトを簡単に計画して構築します。
- Bootstrapフレームワーク、jQuery Mobileなどを活用する
- レスポンシブなウェブサイトのニーズに合わせてサイトの画像を最適化します
Learn to Design 2016 バンドル – レスポンシブ デザイン、ラピッド プロトタイピング、HTML、CSS などを 9 つのコースと 57 時間で学ぶ Web デザインをマスター – たったの 39 ドル!
