Takeshi Kano

Frontend Developer

登壇

  • #CSS
  • #ツール

CSS Nite LP64「デザイナーとコーダーをつなぐ、Adobe XDを用いたモダンなウェブ制作」

CSS Nite LP64「Coder's High 2019」 CSS Nite LP64「Coder's High 2019」風景 CSS Nite LP64「Coder's High 2019」風景

CSS Nite LP64「Coder's High 2019」 にて、「デザイナーとコーダーをつなぐ、Adobe XDを用いたモダンなウェブ制作」というテーマで登壇しました。

Adobe XDのリピートグリッドや自動アニメーションなどの便利な機能を使えば、効率よくウェブデザインを作成でき、マイクロインタラクションも取り入れられます。

ただし、XDで仕上がるのはあくまでプロトタイプ。コーダーが手作業でHTML・CSS・JavaScriptで実装して、初めてウェブページが完成します。

本セッションでは、XDでのデザインからをコーディングまでを、デザイナーとコーダーがそれぞれの立場から解説。XDを中心とした、ウェブ制作の現場で使える実践的なワークフローを紹介します。