本文へ移動
職種別 知っておくべき技術ラボ

ホーム / デザイナー

デザイナー が知っておくべき技術

デザイナーが知っておくべき技術。実装の制約を知り、実現できて使いやすいデザインを作るための深さで。

14章・104トピック・用語82・面接問答51問

0%
理解したトピック 0 / 104
0今日の復習
ブラウザで試せるラボDB・ネットワーク図・Linux・障害対応の演習開く
DBラボMariaDB・PostgreSQL・SQLite・Redisネットワーク図パケットの流れを再生Linux ラボ本物のシェルで障害対応障害対応の演習アラートから原因を探す

学習マップ

★★★ 必須★★☆ 重要★☆☆ 発展深度の見方
  • ★★★ 必須 実務で説明できる
  • ★★☆ 重要 仕組みを理解している
  • ★☆☆ 発展 概要を知っている
  • 章の番号の輪は、「理解したらチェック」の進み具合

第1部デザイナーとは

  1. 1デザイナーとは（仕事・歴史・向いている人）プロダクトデザイナーは、画面の見た目だけでなく「誰の・どんな課題を・どう解くか」から、作って確かめるまでを担う11トピック・面接 5問・理解 0/11★★ 重要

第2部Web とアプリの実装の制約

  1. 2Web の仕組みと HTML・CSS の基礎ブラウザは HTML（中身と意味）と CSS（見た目と配置）から画面を組み立てる7トピック・面接 4問・理解 0/7★★ 重要
  2. 3レスポンシブと画面サイズ固定の画面ではなく、幅が変わったときの伸び縮みと組み替えのルールをデザインする7トピック・面接 3問・理解 0/7★★ 重要
  3. 4画面の状態をデザインする1つの画面には、読み込み中・空・エラー・オフラインなど多くの状態がある。全部をデザインする8トピック・面接 4問・理解 0/8★★ 重要
  4. 5iOS・Android の作法OS の公式の指針（HIG・Material Design）と標準の部品に合わせると、迷わず使え、早く作れる8トピック・面接 4問・理解 0/8★★ 重要

第3部デザインシステムと実装

  1. 6デザインシステムとトークンデザインシステムは、原則・トークン・コンポーネント・使い方の説明をまとめた「チームの共通の部品と言葉」8トピック・面接 4問・理解 0/8★★ 重要
  2. 7コンポーネントFigma のバリアント・プロパティの名前と値を、コードの props にそろえる6トピック・面接 3問・理解 0/6★★ 重要
  3. 8受け渡しとレビュー数値だけでなく、状態・画面サイズ・操作・例外・未定のことまで渡す8トピック・面接 3問・理解 0/8★★ 重要

第4部体験を左右する実装

  1. 9アクセシビリティアクセシビリティの多くはデザインの段階で決まる。WCAG の AA を目標にすることが多い8トピック・面接 4問・理解 0/8★★ 重要
  2. 10パフォーマンス（画像・フォント・アニメーション）表示の速さはデザインで大きく変わる。大きな画像・多くのフォント・重いアニメーションに注意7トピック・面接 3問・理解 0/7★★ 重要

第5部データと AI

  1. 11データと計測ダミーではなく実データの長さ・件数・偏りでデザインする4トピック・面接 2問・理解 0/4★ 発展
  2. 12AI 機能の体験設計AI は同じ入力でも答えが変わり、もっともらしく間違える。確認・修正・取り消しができる体験にする7トピック・面接 4問・理解 0/7★★ 重要

第6部エンジニアとの協業

  1. 13エンジニアとの協業完成してからではなく、ラフの段階からエンジニアに見せて実現性と工数を相談する7トピック・面接 4問・理解 0/7★★ 重要
  2. 14面接で技術について聞かれることデザイナーの面接では「実装の制約を知り、デザインに反映し、エンジニアと進められるか」を見られる8トピック・面接 4問・理解 0/8★★ 重要

記録と保存

💾 学習記録理解したチェック・クイズの成績・復習の予定は、このブラウザにだけ保存されています。別の端末で続けるときや、バックアップに。