デザイン

概要 †

• 全員がセミプロのものなので、pushしすぎに注意

下位ページ †

• 伝わるデザイン

リンク †

• WCAG20
  • A11y AAは通常のウェブサイトが目指す範疇として妥当 (A11yはAccessibilityの略　)
  • AAAは初等教育程度の知能しかない人や、動画には手話必須など、かなり厳しい制約がかされているので現実的ではない
  • 基準はここに書いてある。https://waic.jp/docs/WCAG20/Overview.html#guidelines
  • オーストラリア・ニュージーランドではAA, カナダのオンタリオ州では民間企業のページがAAを満たす必要があるということになっている。https://accessible-usable.net/2014/01/entry_140112.html
  • ウェブディレクターとしてはこれを満たすことを目標として指針を掲げる必要がある https://www.slideshare.net/caztcha/web-a11y-season-2-01

参考 †

• 「デザイン・ルールズ デザインをはじめる前に知っておきたいこと」「カラー・ルールズ 色とデザインについて知っておきたいこと」　※入手困難かも…
• 「Design rule index―デザイン、新・100の法則」
• 「デザイン、現場の作法。 デザイン力を鍛える仕事術
• 「デザイン・レイアウトのセオリー―絶対はずせないデザインのお約束」
• 「デザイン・制作のセオリー―絶対はずせないデザインのお約束」
• 「デザイン・配色のセオリー―絶対はずせないデザインのお約束」
• 「プロとして恥ずかしくないIllustratorの大原則」
• 「あなたに足りないデザインの××」　※入手困難かも…

目次 †

引用 †

• あらゆるものの特徴を抽象化したレベルで抽出して，それを成果物に埋め込むこと
  • 特徴：色，形，表面張力，配置
• 例
  • 虫，水，かまぼこ

• ダズル迷彩

デザインのデザイン †

• デザインのデザインパターン

デザインは良いことが良いのか？ †

• https://twitter.com/4_d/status/837272571787632640
  • 商品パッケージは常によいことが良いとは限らない

デザインとビジネスモデル †

• アンディ・ウォーホールが高級服の店を、オートクチュールから大量生産へと移行させた
  • http://business.nikkeibp.co.jp/atcl/interview/15/238739/020800235/?P=2

色よりもBoldとジャンプ率で †

• デザイナーの人には、色に頼らずboldとジャンプ率でやるといいよって言われた。
• ジャンプ率高くしすぎて怒られた。
  • ジャンプ率が高いと、ポップな印象になる。
• フォントの基礎というか、基本はあるらしいが、一体どうやって勉強すべきなのだろうか？

プロへのリスペクトを大切に †

• UIをはじめ見た目の話となると、デザイナーでなければABテストで効果測定もしたことがないであろう素人が、あたかも自分がUIの専門家かのように騒ぎ立てるので、やっぱデザイナーさんは大変だなってツイッター見てて思いました。まる。 時にUI以上にその変更によって動くお金や人は大きいのに、APIのレスポンスのデータ構造が変わっても素人は何も騒がないし、そして往々にしてお金を動かす決定権を持った人ですら同様（そしてやはり見た目にはこだわる）なので。 知識がないと行動も不合理になるのだなー。

データドリブンのデザイン †

• hotjar
  • ウェブサイト上でクリックしている場所などを可視化する
  • データドリブンなUI/UX改善はかなり感動する。
  • RDD, MDD

インテリアデザイン †

• どうでもいい木材（木目）にグリーン（orコンクリート系マテリアル）は簡単に見た目の垢抜け感だせてオススメ