25. アプリのデザインを手がけるUIデザイナーの話
2017年08月29日
内容紹介
trkwとskrtの2人で、デザイナー、デザイン、開発との協業、アニメーションなどについて話しました。
出演者
Show Notes
今回のゲスト:Skrtさん
- スマートフォンアプリ(iOS、Android)のUIデザインを担当をしている
- サムネイルやバナーを作る仕事
- キャラクターを使ったイメージを作る仕事
- アニメーションを作る仕事
- skrt0132s - Pinterest
- 基本的にはデザインのネタだしの補助として使ってる
- 急に作ったことないものを作って欲しいって言われることが多い
- 自分の好きなものを集めておくと、デザインで困った時に助けられることが多い
Sketch
- Sketch - Professional Digital Design for Mac
- 日本語のテキストだとカーニングが上手くいかない
- データが重くなると、レッドがオレンジになる
- Sketch Mirrorでプレビューしているときの色が変わる
1枚目がSketch、2枚目がMirror。
— Skrt (@r_sakai_IM) 2017年8月28日
2枚目の方が正しい色なんだけど、なんか設定がおかしいのか?#sketch pic.twitter.com/STuBjkld7W
ちなみにsketchはアートボードのサイズが3000px超えるとMirrorでプレビューできなくなる
— Skrt (@r_sakai_IM) 2017年8月28日
- プライベートだと学生時代に購入したCS4がまだ現役で全然使えている
デザインの話
- ロゴのリデザイン ー なぜGapが失敗しAirbnbが受け入れられたのか - freshtrax - デザイン会社 btrax ブログ
- しっかりとしたコンセプトがあればどんな反応が来てもブレる必要は全くない
- これ時間しか解決方法がないからデザインを変える時に精神力が試される
- Googleニュース新デザインが不評の嵐。1週間で苦情880件 (ギズモード・ジャパン) - LINEアカウントメディア
- 良いと思ったUIに対して、「いいじゃないか」と反応する人は少ない
- 機能の削除に一切の迷いがないように見えるGoogle
- サービスが大きくなると嫌でもデザイン変更からは逃れられない
- だからなるべくユーザーに負担をかけない形で少しずつ改良を加えて行きたい
感銘をうけた話
- 「老舗」や「定番」はなぜスゴイのか。 - Books Apps
- サイレントアップデート
デザインと開発の協業
- 調査 → アイディア出し → ワイヤー制作 → デザイン制作 → 検証 → これを繰り返し
- サイクルが早いから実際にはアイディア出しからデザイン制作までの明確な分かれ目が存在しない
- 結局のところ人対人だから、お互いの領域に理解を持って歩み寄りたい
- 企画からデザイン・開発までの境界が無くなってきている
- 大きなサービスだと全ての分野に程よく理解がないと上手くデザインできない
- アイデアを出しやすい雰囲気にしたい
協業で使うツール
- Zeplin
- Zeplin上にアートボードを共有したら社内のメッセンジャーで共有
- Photoshopでガイドラインを書いていたよりは楽になっている
-
デザイナーとしてはWebブラウザのデフォルトマージンが良くわからない
- Gallery
Galleryを試してみてるhttps://t.co/ExUm2e0Dpw pic.twitter.com/ygbOyyvnSG
— trkw (@trkw_) 2017年8月8日
アニメーション
- Principle - Animated Design
- ProtoPie - Prototype mobile interactions as easily as Pie
- Framer - Design, code, and collaborate.
- 色々試してみたんだけど、結局使ってるのはAfterEffectsかFlash
興味のあるデザインの話
- オンボーディング
- パーソナライズ
- マジックナンバー4±1
- ライティング
モバイルSuica...ライティング誰かなんとかしてくれーッ!!
— Skrt (@r_sakai_IM) 2017年8月9日
わからんッ!!! pic.twitter.com/KrtTEep0XC