初心者向け余白の基礎
下記をお勉強させていただいた。 人間の脳は複雑な情報よりも単純化された情報を処理しやすい。 余白は情報を整理するための空間であり、結果的にすっきりと整理された情報はわかりやすく、印象がよくなる。という寸法だ。 余白を正方 …
Design
デザインについて
1行あたりの文字数について
これもメモ。 大学にいた時に教えてもらったこととしては、一行あたり30〜40文字が妥当だということ。 ただレスポンシブ Web デザインにおいては、読者の環境が違うからこの文字数は実質的に意味がなさない。 どうすればいい …
サイト全体の画像のアスペクト比を統一する
メモ書き。 画像のアスペクト比を統一することで、サイト全体の統一感が増す。 一種類だと必ず足りなくなるので、数種類か。またアイコンなどは例外になるが、それでもそのアイコンもアスペクト比を固定させたほうが、CSS設計などで …
スタイルガイドなのか、デザインシステムなのか、デザインガイドラインなのか
スタイルガイドやデザインガイドラインという言葉はよく聞くが、デザインシステムはあまり聞かず、なんとなくわかるもの一応調べてみた。 デザインシステムとは デザインシステムとはサービスに関わっているデザイナー、エンジニア、デ …
5つの帽子を片手に僕は旅路へと急ぐ
情報を整理し表現するときの整理の方法を「5つの帽子掛け」と呼ぶ。それぞれの頭文字を取って、LATCH（ラッチ）とも呼ばれる。 Location（場所） 物理空間の画像などの場所と情報をセットにして表現する手法。テーマパー …
ネーミングのアイデア
ネーミングの由来はいくらでも後付けできる。語感重視で命名するのがコツ。 キーワードを使う ネーミング対象のコンセプトや機能、特徴などのキーワードを書き出す。そこから出てきたものを足したり、引いたり、少しいじったりすること …
すべてのものごとに必要な先を想像する力
何をするにしても、その行動を行った結果、どのようになるかをまず想像してみる。 Youtube動画を撮る時には、どのような流れになるかまず想像する必要があるし、デザインするにしてもどのような世界観にするかなどを先に考えて、 …
逆説と向き合いに終わりはあるのか
デザインの隠れた性質のひとつに、「ひとつを可能にすることで、ひとつを不可能にする」ということが挙げられる。 例えば、Webにおいては、ページスピードが絶対的な評価であるが、ページスピードを向上させることで、「Webサイト …
レイアウトのセオリー
統一する：マージン、行間、フォントサイズなどのレイアウトを構成する要素をなるべく統一する。 揃える：位置を揃える、端を揃える、大きさを揃える。複数同じような要素がある場合は、必ず揃えて配置する。 流れを意識する：目線が始 …
誰でも簡単にWebデザインで妥当な配色をする方法
下記の3種類の色を基本にして、他の色はなるべく使わないようにする。 ベースカラー：主に文字に使用する基本的な色（全体の50%~70%程度） メインカラー：見出しや強調させたい箇所に使用（全体の20%〜30%程度） アクセ …