Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

エンジニアとデザイナーのあいだ

1,652 views

Published on

iOS 9 週連続 Boot Camp! 9 週目

Published in: Design
  • Be the first to comment

エンジニアとデザイナーのあいだ

  1. 1. 自己紹介 よこやま ゆうだい @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験
  2. 2. 自己紹介 よこやま @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験
  3. 3. 質問 1 Are you エンジニア ? 唐突に!
  4. 4. 質問 2 Are you デザイナー ? 唐突に!!
  5. 5. 質問 3 Are you どっちも ? 唐突に!!!
  6. 6. モバイルアプリサービス部 10% 10% 10% 70% クラスメソッド エンジニア デザイナー どっちも PM・PL
  7. 7. おわかりいただけただろうか…
  8. 8. デザイナー募集中!!
  9. 9. 😕
  10. 10. エンジニアかつデザイナーとして
  11. 11. エンジニアかつデザイナーとして 自分でデザインして自分で実装 デザイン渡して最後に UI 調整 CustomView 職人 icon 等の素材はリポジトリに Push
  12. 12. よりよいアプリを届けるために
  13. 13. よりよいアプリを届けるために あるある事例 なにが問題? 解決案
  14. 14. あるある事例 レイアウトのバランスがよくない エンジニア編
  15. 15. 自己紹介 @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験 よこやま ゆうだい
  16. 16. 自己紹介 よこやま ゆうだい @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験 よこやま ゆうだい @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験
  17. 17. なにが問題? 細かいデザイン修正が発生する 修正箇所が多すぎてそのままリリース プロっぽくない
  18. 18. 解決案 レイアウトの基礎を学ぶ
  19. 19. 自己紹介 よこやま ゆうだい @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験 自己紹介 よこやま ゆうだい @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験
  20. 20. 自己紹介 よこやま ゆうだい @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験
  21. 21. 自己紹介 @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験 よこやま ゆうだい
  22. 22. 自己紹介 よこやま ゆうだい @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験 よこやま ゆうだい @udaiadu アプリケーションエンジニア / デザイナー 2013/12 入社 最近はスプラトゥーンにガチハマり 前職は都内もつ鍋屋店長 北海道 釧路市 出身 これまでに建築施工管理等を経験
  23. 23. <書籍紹介> なるほどデザイン
  24. 24. あるある事例 AutoLayout が苦手 エンジニア編
  25. 25. 😱
  26. 26. Add Missing Constraints ダメ、ゼッタイ。
  27. 27. なにが問題? UIの実装にやたらと時間がかかる 端末によってレイアウトが崩壊する 簡単なレイアウトしか作れない
  28. 28. 解決案 AutoLayout から逃げない
  29. 29. 逃げたくなるわけ
  30. 30. おばけ怖い理論 人間だれしも未知のものに恐怖する 正体がわかれば怖くない
  31. 31. AutoLayout を知る
  32. 32. やる気 140pt 235pt
  33. 33. やる気
  34. 34. http://www.slideshare.net/kakegawa-atsushi/devio-auto-layout
  35. 35. あるある事例 icon のサイズ小さくして エンジニア編
  36. 36. 😶 icon 小さくして 😑 サイズは? 😒 @2x が⃝⃝pxで、 @3x が⃝⃝pxでよろ
  37. 37. なにが問題? 自分でできない 特別なソフトが必要だと思っている デザイナーとのやりとりの方が時間かかる
  38. 38. 解決案 簡単な画像編集スキルを身につける
  39. 39. Preview でできること 画像を見る
  40. 40. だけじゃない!
  41. 41. Preview でできること 画像を見る サイズの調整 カラーの調整 線、文字、図形の書き込み などなど
  42. 42. マークアップツールバー表示
  43. 43. マークアップツールバー
  44. 44. サイズを調整
  45. 45. カラーを調整
  46. 46. あるある事例 デザイン提案時に理由を聞かれて詰む デザイナー編
  47. 47. 😨😇
  48. 48. なにが問題? 説得力がない 意見を交わすことができない デザインスキルが鍛えられない
  49. 49. 解決案 UI と会話する
  50. 50. 😶 なぜそこにいるの? 画面を切り替える ためだよ Button
  51. 51. あるある事例 WEBデザインっぽい デザイナー編
  52. 52. 💻📱 ≠
  53. 53. なにが問題? UIコンポーネントの特性が考慮されていない 画面遷移が複雑で迷子になる 1つの画面に情報が多すぎる
  54. 54. 解決案 アプリにはアプリのデザイン
  55. 55. 人の意見を聞いてみる
  56. 56. 人の意見を聞いてみる デザイン中に色々な人に見てもらう 動くものができたら実際に使ってもらう
  57. 57. あるある事例 自分で修正してPRちょうだい (冗談) デザイナー編
  58. 58. なにが問題? 少しの修正でも大きなコミュニケーション コストがかかる 作業の合間に修正依頼してまた修正依頼 とか気がひける
  59. 59. 解決案 IB をマスターする
  60. 60. http://www.slideshare.net/kakegawa-atsushi/devio-auto-layout
  61. 61. まとめ
  62. 62. エンジニア レイアウトの基礎を学ぶ AutoLayout から逃げない 簡単な画像編集スキルを身につける
  63. 63. デザイナー デザインに明確な根拠を持つ アプリデザイン ≠ WEBデザイン IB をマスターする
  64. 64. どっちも 色々なアプリを見る デザインガイドラインを見る
  65. 65. <書籍紹介> モバイルデザイン パターン
  66. 66. B C D E F
  67. 67. B C Designer E F
  68. 68. B C Designer E F ngineer
  69. 69. エンジニアとデザイナーのあいだに
  70. 70. 邪魔するものは何もない!
  71. 71. いいものつくりませんか?

×