デキるWebデザイナーを目指せ！本当に現場で使えるCC活用テクニック

デキるWebデザイナーを目指せ！本当に現場で使えるCC活用テクニック

• 1.
  デキるWebデザイナーを目指せ！ 本当に現場で使えるCC活用テクニック Adobe MAX Japan2016 株式会社タガス 浅野 桜crema design 黒野 明子
• 2.
  私たちは、 です。 くれま &さくら
• 3.
  Adobe Creative Stationで連載中
• 4.
  Webデザイナーの実体験に 基づいたワークフロー！
• 6.
  架空のクライアント　家事代行会社 の、Webサイトを制作
• 7.
  資料のダウンロード bit.ly/maxjapan
• 8.
  Webデザインのプロセス？
• 9.
  アイディア出し／モック制作 デザイン作業前の準備 カンプ作り込み アセット書き出し 曖昧な要望に対して素早くイメージ共有 プロジェクトの要件に合った制作環境を整える 新機能を活用して手早く作り、直しに強いデータ コーディング担当者に分かりやすいデータを作成
• 10.
  アイディア出し／モック制作 デザイン作業前の準備 カンプ作り込み アセット書き出し
• 11.
  こんなことないですか？ 持ち帰って、寝かせてからカンプ提出 先日の打ち合わせ を元に、カンプを 作ってきました！ あれ？ こんなイメージ でしたっけ��？
• 12.
  デキるポイント！ その場でイメージを具体化して 共有できるのが、デキるデザイナー！
• 13.
  ジェスチャでさくっとカンプ作成 簡単にストックフォトを挿入
• 14.
  画面遷移の情報も含んだモックを 気軽に作成＆共有
• 15.
  アイディア出し／モック制作 デザイン作業前の準備 カンプ作り込み アセット書き出し
• 16.
  こんなことないですか？ ガイドがずれたページを量産した＞＜ このデータって 全部ガイドが ずれてますけど�� よし！ 全ページのカンプが 完成しました^^ design
• 17.
  適切な設定でミスを防ぐのが、 デキるデザイナー！ デキるポイント！
• 18.
  o r
• 19.
  チートシート 配布します bit.ly/maxjapan
• 21.
  ユーザーが多い＝デファクトスタンダード 写真を加工しながら、レイアウトもできる アセットの書き出しが非常に便利 Photoshopのメリット
• 22.
  新規ガイドレイアウト 複数のアートボード作成
• 24.
  Illustratorのメリット 非ピクセルパーフェクトな時流の中で、 Aiでのカンプ作成が求められている フラットな色面メインのデザインをしやすい オブジェクトの管理を数字で行いやすい アセット書き出しも便利になりました
• 25.
  段組設定機能でグリッド作成
• 26.
  両方使えるのがデキるデザイナー！ &
• 27.
  アイディア出し／モック制作 デザイン作業前の準備 カンプ作り込み アセット書き出し
• 28.
  ゆっくり＆手癖で仕事して、時間単価があがらない こんなことないですか？ 働けど働けど なお、我が暮らし 楽にならざり��
• 29.
  デキるポイント！ なおしに強いデータを 手早く作るのが、デキるデザイナー！
• 30.
  コンテンツに応じた切り抜き 複数アートボード スマートオブジェクト の新機能を徹底活用！
• 31.
  Photoshopのアートボードを iPhoneに表示させ、実機確認
• 32.
  ライブシェイプ ダイナミックシンボル Capture CCとの連携 の新機能を徹底活用！
• 33.
  アイディア出し／モック制作 デザイン作業前の準備 カンプ作り込み アセット書き出し
• 34.
  こんなことないですか？ こんな面倒そうなデータ、コーディングしたくない� うちのデザイナーが 作ったデータ 後はよろしく！ ひー＞＜ レイヤーもグループも ぐちゃぐちゃ��！
• 35.
  デキるポイント！ コーダーに優しいデータを 作るのが、デキるデザイナー！
• 36.
  便利になった画像書き出し
• 37.
  アセット書き出し機能搭載！
• 38.
  まとめ
• 39.
  アイディア出し／モック制作 デザイン作業前の準備 カンプ作り込み アセット書き出し 曖昧な要望に対して素早くイメージ共有 プロジェクトの要件に合った制作環境を整える 新機能を活用して手早く作り、直しに強いデータ コーディング担当者に分かりやすいデータを作成
• 40.
  資料のダウンロード bit.ly/maxjapan
• 41.
  ありがとうございました！ が、お送りしました！ くれま &さくら 連載もよろしくね！