今日感動したUI
ページャーを用意しながらもスクロールすると自動的に次のページの要素が表示される仕組み。 rel=”next” と rel=”prev” は Google 検索でサポートを終 …
Design
デザインについて
自然の摂理でものを見る
なんか自然と気持ち悪いな、綺麗じゃないなと思うものはきっといいデザインではない。それがどこかを見る能力と、人がもともと持っている感性を大事にすることで、すべてのものを正しく見ることができる。 感性を大事にするには、五感を …
初心者向け余白の基礎
下記をお勉強させていただいた。 人間の脳は複雑な情報よりも単純化された情報を処理しやすい。 余白は情報を整理するための空間であり、結果的にすっきりと整理された情報はわかりやすく、印象がよくなる。という寸法だ。 余白を正方 …
1行あたりの文字数について
これもメモ。 大学にいた時に教えてもらったこととしては、一行あたり30〜40文字が妥当だということ。 ただレスポンシブ Web デザインにおいては、読者の環境が違うからこの文字数は実質的に意味がなさない。 どうすればいい …
サイト全体の画像のアスペクト比を統一する
メモ書き。 画像のアスペクト比を統一することで、サイト全体の統一感が増す。 一種類だと必ず足りなくなるので、数種類か。またアイコンなどは例外になるが、それでもそのアイコンもアスペクト比を固定させたほうが、CSS設計などで …
スタイルガイドなのか、デザインシステムなのか、デザインガイドラインなのか
スタイルガイドやデザインガイドラインという言葉はよく聞くが、デザインシステムはあまり聞かず、なんとなくわかるもの一応調べてみた。 デザインシステムとは デザインシステムとはサービスに関わっているデザイナー、エンジニア、デ …
5つの帽子を片手に僕は旅路へと急ぐ
情報を整理し表現するときの整理の方法を「5つの帽子掛け」と呼ぶ。それぞれの頭文字を取って、LATCH（ラッチ）とも呼ばれる。 Location（場所） 物理空間の画像などの場所と情報をセットにして表現する手法。テーマパー …
ネーミングのアイデア
ネーミングの由来はいくらでも後付けできる。語感重視で命名するのがコツ。 キーワードを使う ネーミング対象のコンセプトや機能、特徴などのキーワードを書き出す。そこから出てきたものを足したり、引いたり、少しいじったりすること …
すべてのものごとに必要な先を想像する力
何をするにしても、その行動を行った結果、どのようになるかをまず想像してみる。 Youtube動画を撮る時には、どのような流れになるかまず想像する必要があるし、デザインするにしてもどのような世界観にするかなどを先に考えて、 …
逆説と向き合いに終わりはあるのか
デザインの隠れた性質のひとつに、「ひとつを可能にすることで、ひとつを不可能にする」ということが挙げられる。 例えば、Webにおいては、ページスピードが絶対的な評価であるが、ページスピードを向上させることで、「Webサイト …