Download to read offline
Uploaded byIkeda Ryou
デザイナーに知っておいてほしい事
効率よく実装する上でデザイナーに知っておいてほしい事を技術的な解説もしつつ、僕自身がどういう風にデザイナーと作業していきたいか。っていうマインドも一緒にまとめました。 at 2017/1/10 SONICJAM自主制作MTG
デザイナーに知っておいてほしい事
- 1.
- 2.
- 3.
- 4.
- 5.
- 6. 解決策 • viewportでdevice-widthを375pxにす る • デザインし直す •フォントサイズを可変にする • 諦める
- 7. 解決策 • viewportでdevice-widthを375pxにす る • デザインし直す •フォントサイズを可変にする • 諦める
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 21.
- 23.
- 24. 共通レイアウト？ タイトル • サイズは10vw • 色は白 •下に20pxのマージン 画像 • サイズは画面幅に対して80% • 高さは可変 • 上下に10pxのマージン 見出し&テキスト • 見出しのサイズは8vw • 見出し下に10pxのマージン • テキストのサイズは5vw • テキスト下に10pxのマージン • 色は白
- 25. 困るパターン トップページの 見出し&テキスト • 見出しのサイズは8vw • 見出し下に10pxのマージン •テキストのサイズは5vw • テキスト下に10pxのマージン • 色は白 アバウトページの 見出し&テキスト • 見出しのサイズは7.5vw • 見出し下に10.5pxのマージン • テキストのサイズは5.2vw • テキスト下に9.5pxのマージン • 色は白
- 26. 見出し&テキストの基本モジュール • 見出しのサイズは8vw • 見出し下に10pxのマージン •テキストのサイズは5vw • テキスト下に10pxのマージン 継承 トップの見出し&テキスト • 色は白 アバウトの見出し&テキスト • 色は青 こういう考え方はあり
- 27.
- 28.
- 29. • デザインFIX後に実装者へ丸投げはやめる(汗) • FIX前に一緒に検証しながら進める。場合によ っては専用のデザインツールをエンジニアが作 る。 •デザインルールをちゃんと作って、大事な部分 、見逃しやすい部分は、それを実装者に伝える 。
- 30.