イシジマ ミキ

デザインは、センスですか？

NO

商業デザイン
と
アート
の違い

デザインは、ロジックです

G R I D D E S I G N
A F F O R D A N C E

近
接

近接

統一感や美しさのために

ターゲットに合わせたトーン&マナー
競合他者と差別化するための視覚表現
商品の強みを伝えるための情報設計

デザインは評価できる

デザインは
考える順番です

デザインを考える順番を知らないから
スピードがでない
スピードがでないと
勉強ができない
勉強ができないと
デザインに自信がなくなる
修正指示に対して反論できない

考える順番が
分かれば

原因は
明確になる

伝えたい情報が正しく伝えきれていない
優先順位を間違えている
ニュアンスを間違えている
だいたいコレ

なぜ修正がきたのか？が分かると…
考え方が
レベルアップ
していく

理論をもとに
説明が
できれば

デザインの
なにがダメか
分かる

デザインの
基本部分のスキルが
備わる

自分のデザイン、説明できます？

作 成 し た 目 的
自分のスキルなどを発信し、就職活動の助けとしたい
初めてつくったWordPressのオリジナルテーマでのブログ
携帯でも読みやすいようにレスポンシブデザインで
他のブログと差別化をしてブログを覚えてもらえるように

な に
ど を
う 考
作 え
っ て
た デ
か ザ イ ン し た か
シンプルなレイアウトでPC、スマホでも読めるように
メニューを固定していつでも移動できるように
ブログの冒頭の文を表示させ興味をひく
記事にサムネイルを用意しイメージしやすいように
本文へのリンクにスマートフォンでも押しやすいボタン
メインビジュアルをタイトルに合わせて作った

レビューに慣れよう

「良い」デザインは、
用途によって違う

レビューに必要なもの
どんなクライアントなのか
ターゲットは？
どういった成果を期待してるのか
なぜ制作するのか
どこに公開するのか
これだけでは足りない

就職活動の助けとしたい
自身の活動を発信する場を
用意できた
携帯でも読みやすいように
レスポンシブWebデザイン
にてPC,スマートフォンで
も閲覧できている
他のブログと差別化をして
どう差別かしているのか
なぜ、脳みそなのか

就職活動の助けとしたい
自身の活動を発信する場を
用意できた
携帯でも読みやすいように
レスポンシブWebデザイン
にてPC,スマートフォンで
も閲覧できている
他のブログと差別化をして
どう差別かしているのか
なぜ、脳みそなのか

デザインは
Why
にかかっている

「なんとなく」の部分への気付き
修正依頼への建設的なフィードバック
自分ができていないことが見えるように
何を習得すればいいのかが分かる
人に教えられるようになる
> スキルレベルが揃えられる
> 揃えられると開発がラクになる

デザインレビュー時のポイント
アジェンダを用意する
前提条件を伝える
話題をずらしすぎない
取捨選択はレビュイーにある

色はもっとこういう方がいい
なぜこの色ではダメなのか
クライアントのテーマカラーではない
競合と同じ配色
伝えたいニュアンスと違う
可読性など最低限の要件を見たしていない

もっとここを目立たせてほしい
なぜこれを大きくしなければならないのか
情報の優先順位の認識の相違
伝えたい内容の相違
ターゲット、シーンの相違

普段わたしが気をつけてること

なぜ、言語化なのか
Webの規模拡大で、協業が増えた
ノンデザイナーがデザインをレビュー
できるように
伝えていくこともデザイナーの仕事

商業デザイナーの仕事は、
「伝えること」です

これからのWebに必要とされる、
そんなデザイナーを目指しましょう