Descrição do Curso

サイト作成にあたって考えるべきことを学べ、成果物としてワイヤーフレーム作成まで行う思考編

Photoshopを用いてワイヤーフレームからデザインをし、成果物としてはデザイン作成まで行う デザイン編

HTML5やSass(SCSS)を用いてコーディングを行い、自己紹介ページの作成まで行う コーディング編

実際の私の仕事の流れを再現し、思考編・デザイン編・コーディング編を網羅した実践編。デザインのツールはPhotoshopではなくAdobe XDを使用。プロトタイプ作成からデザインフィードバックをもらう方法に加えて、Webフォントの使用やよく目にするアニメーションなど、全面的にトレンドを取り入れています。成果物としてはブログのトップページ、記事一覧ページ、記事詳細ページとなります。

一連の流れを学びたい方はもちろん、コーディングやデザインだけ学びたい方にもオススメの講座です。
コーディングするものは全てレスポンシブデザインで作成します。


使用する言語
HTML5、CSS3、Sass、jQuery

使用するツール
Photoshop、AdobeXD、Atom、Google Chrome

使用する外部サービス
Google Fonts、Google Fonts + 日本語早期アクセス、Font Awesome、ress

使用しているマシン
前半はMac(macOS High Sierra)ですが、動作が重いため、途中からWindows(Windows10)に切り替わります。
インターフェイスに違いはそれほどないので、Macユーザーの方でも問題ありません。

Tags Relacionadas
Detalhes do Curso
ja
Rítmo flexível
Iniciante
9 horas
Detalhes do Curso
ja
Rítmo flexível
Iniciante
9 horas
Descrição do Curso

サイト作成にあたって考えるべきことを学べ、成果物としてワイヤーフレーム作成まで行う思考編

Photoshopを用いてワイヤーフレームからデザインをし、成果物としてはデザイン作成まで行う デザイン編

HTML5やSass(SCSS)を用いてコーディングを行い、自己紹介ページの作成まで行う コーディング編

実際の私の仕事の流れを再現し、思考編・デザイン編・コーディング編を網羅した実践編。デザインのツールはPhotoshopではなくAdobe XDを使用。プロトタイプ作成からデザインフィードバックをもらう方法に加えて、Webフォントの使用やよく目にするアニメーションなど、全面的にトレンドを取り入れています。成果物としてはブログのトップページ、記事一覧ページ、記事詳細ページとなります。

一連の流れを学びたい方はもちろん、コーディングやデザインだけ学びたい方にもオススメの講座です。
コーディングするものは全てレスポンシブデザインで作成します。


使用する言語
HTML5、CSS3、Sass、jQuery

使用するツール
Photoshop、AdobeXD、Atom、Google Chrome

使用する外部サービス
Google Fonts、Google Fonts + 日本語早期アクセス、Font Awesome、ress

使用しているマシン
前半はMac(macOS High Sierra)ですが、動作が重いため、途中からWindows(Windows10)に切り替わります。
インターフェイスに違いはそれほどないので、Macユーザーの方でも問題ありません。

Tags Relacionadas