25. アプリのデザインを手がけるUIデザイナーの話

2017年08月29日

内容紹介

trkwとskrtの2人で、デザイナー、デザイン、開発との協業、アニメーションなどについて話しました。

出演者

Show Notes

今回のゲスト:Skrt さん

  • スマートフォンアプリ(iOS、Android)の UI デザインを担当をしている
  • サムネイルやバナーを作る仕事
  • キャラクターを使ったイメージを作る仕事
  • アニメーションを作る仕事

Pinterest

  • skrt0132s - Pinterest
  • 基本的にはデザインのネタだしの補助として使ってる
  • 急に作ったことないものを作って欲しいって言われることが多い
  • 自分の好きなものを集めておくと、デザインで困った時に助けられることが多い

Sketch

  • Sketch - Professional Digital Design for Mac
  • 日本語のテキストだとカーニングが上手くいかない
  • データが重くなると、レッドがオレンジになる
  • Sketch Mirror でプレビューしているときの色が変わる
  • プライベートだと学生時代に購入した CS4 がまだ現役で全然使えている

デザインの話

感銘をうけた話

デザインと開発の協業

  • 調査 → アイディア出し → ワイヤー制作 → デザイン制作 → 検証 → これを繰り返し
  • サイクルが早いから実際にはアイディア出しからデザイン制作までの明確な分かれ目が存在しない
  • 結局のところ人対人だから、お互いの領域に理解を持って歩み寄りたい
  • 企画からデザイン・開発までの境界が無くなってきている
  • 大きなサービスだと全ての分野に程よく理解がないと上手くデザインできない
  • アイデアを出しやすい雰囲気にしたい

協業で使うツール

  • Zeplin

    • Zeplin 上にアートボードを共有したら社内のメッセンジャーで共有
  • Photoshop でガイドラインを書いていたよりは楽になっている

  • デザイナーとしては Web ブラウザのデフォルトマージンが良くわからない

  • Gallery

アニメーション

興味のあるデザインの話

  • オンボーディング
  • パーソナライズ
  • マジックナンバー 4±1
  • ライティング