これからのデザイナーに必要なこと - デザインナレッジの共有を目指して...

イシジマ ミキ

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

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に必要とされる、そんなデザイナーを目指しましょう