ノンデザイナーズのためのデザイン勉強会の盛り上がりが凄かった
こんにちは、mofmof inc. 田中です。
先日、エンジニア企画の勉強会が発足しました。その名も「ノンデザイナーズのためのデザイン勉強会」 我が社のおしゃれ担当山形が先生役です。 mofmofはデザインまで請け負っていませんが、「やっぱりカッコイイもの知りたいよね！自分で作る時にカッコよくしたいよね！」ということで、デザインの知識がある山形が中心となり、「基礎的なことを学ぼう！」ということになりました。
18年ずっと売れ続けているロングセラーが教科書
仕事後の自主参加制にもかかわらず、参加者はほぼ全員。リモートでの参加者もいたりと、皆のデザインに対する興味、関心の高さが現れました。
今回の教科書として使ったのはノンデザイナーズ・デザインブック
これを読みながら、デザインの4つの基本原則を学びました。
- 対比 Contrast
- 反復 Repetition
- 整列 Alignment
- 近接 Proximity 教科書に書いてある順番はこうなのですが、説明は近接からということに不思議さを感じます。
Proximity
まずは近接 Proximityです。
- 近接＝グループ化である
- 対象を近づける
- 伝えたいものをばらつかせると混乱の元になる
- 対応するものに近づけよう
ふむふむ。グループ化と言われると分かりやすいですね。
他にも、
- 画像等で誰でも知っていて、脳内補完できるものは枠からわざとはみ出してもOK.
- EX)三日月
- スラスラ読ませたいなら小文字を使おう（英語）
- 小文字は形で認識できる
- 大文字は1個1個追っていかないと読めない
特に、画像をわざとはみ出させると急にカッコよく感じました！簡単でおしゃれになれるのでおすすめです。
Alignment
次は整列 Alignment。
ここでは山形の整列への想いが溢れていました。
- デザインは本当に整列である
- 整列は一体化であり、組織化である
- 何処かに合わせることで、まとまりが生まれる
- ピシッと線が揃っていると力強さが生まれる
整列では空白、余白を恐れないことも大切だそうです。
例えば、フランス料理。 大きなお皿にちょこっと料理が載っているのっておしゃれですし、カッコイイですよね。 あれは整列のお力なんですって。
一つ気をつけなくてはいけないのは中央揃えです。
初心者が中央揃えにしたがるのですが、これでプロっぽく見せるにはかなりテクニックがいるとのこと。
私も、なんとなく中央揃えにしがちですが、重々気を付けたいと思います。
こちらは、教科書についてあれこれ意見を言い合うmofmofメンバーの様子です。 山形の整列愛が伝染したのか、白熱しています。
Repetition
さて、教科書も半分が過ぎました。反復 Repetitionです。
- スライド全てに同じ物を使用する
- 同じ位置にページ数などを表示する これは、同じルールで繰り返すと余計な頭を使わないで読み進められるのを利用しているんだそうです。
- 画像はわざとはみ出すとそこに興味をそそられる、気になってしまう
- 一体化と視覚的な面白さを感じさせる 視覚的な面白さは文字の下に結晶を敷くなどです。これだけで動きが出てくるから不思議です。
そしてここでも画像のはみ出しが出てきました。
これは結構キモなんですね。
Contrast
最後はコントラスト Contrast
コントラストはやりすぎ危険な感じを受けました。
ポイントはこちら。
- コントラストでは本気さが伝わる
- タイトルの中で2つのことを伝えるとプロっぽく見える
- フォントを色々知っておく
本気さが伝わるって・・言い得て妙ですね。
コントラストが強すぎると見にくくもなるのでちょうどよい量で使いたいと思います。
余談ですが山形は、年賀状の季節になると延々をフォントを眺めているそうです。
今年はどのフォントがいいかな。カッコイイのないかな。と思って探しているとか。
さすがおしゃれ。。
学んだことの実践
さてさて、教科書はまだまだ続きますが、今日はここまで。
これからは今日勉強したことを活かした演習タイム。
実際にネットで公開されている開催情報を題材にして、どうしたらもっと良くなるか、かっこよくなるか、4つの基本原則のみで改良にチャレンジです。
題材はこちら。
「近接だ！」「フォントサイズを変えよう！」「ここを整列させたい」「余白を恐れるな！」
などなど好きなことを言いながら改良を重ねました。
私達が最終的に出した改良案がこちら
どうですか？結構よくなってません？？
先生役の山形も納得の出来になりました。
和気あいあいと演習を終えたメンバーは、
「もうこれで俺もデザイナーデビューだな」とすっかりデザインにハマっていました。
それぞれ自信もついて、いい勉強会になりました。
勉強会後も学び足りない様子。
mofmof inc.では他にも「ブロックチェーン勉強会」等興味があるものを皆で学ぼうという雰囲気があります。新しいことが大好きな人たちが集まっているということもありますが、これからも活発に活動していきたいと思います。
