エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ！

こんにちは。
グロースデザイナ/フロントエンジニアとしてWebサービス開発に携わっている右寺（@migi）と申します。最近は複数の企業で、数値解析から企画提案、開発も含めてサービスを成長させるためのお手伝いをしています。

現在はフリーランスとして活動していますが、直近では株式会社グッドパッチというUI（ユーザインターフェイス）デザインに特化した会社に勤めており、そこではデザインとの距離がとても近いところで開発をしていました。

そんな私の経験から、この記事では「エンジニアが知っておくべきデザインのこと」というテーマで少しお話ししていきたいと思います。

Appleをはじめとする多くの成功企業がデザイナを役員に据えるなど、デザインに対する重要度が年々上がっているこの時代、若手のうちにUIデザインに関する基本的な考えを身につけ、より良いプロダクトを制作できるエンジニアを目指しましょう。

• エンジニアはデザインのことをまったく知らなくてもよいか？
  • 状況1：アサインされたデザイナがあまり優秀ではない
  • 状況2：そもそもデザイナがアサインされていない
  • 状況3：アサインしたい優秀なデザイナがいない
  • デザインのことをデザイナに任せきりにしない
• 「型を知る」ことから始めよう
• UIデザインにおける型とは？
  • デザインガイドラインを学ぶメリット
  • デザインガイドラインはエンジニアに向いている
  • Apple：Human Interface Guidelines
  • Google：Material Design Guidelines
• 「コンポーネント」という型にはめる
  • Bootstrapとコンポーネント
  • Atomic Designをベースにした開発
• まとめ
• 執筆者プロフィール

エンジニアはデザインのことをまったく知らなくてもよいか？