サイト全体の画像のアスペクト比を統一する

メモ書き。 画像のアスペクト比を統一することで、サイト全体の統一感が増す。 一種類だと必ず足りなくなるので、数種類か。またアイコンなどは例外になるが、それでもそのアイコンもアスペクト比を固定させたほうが、CSS設計などで …

スタイルガイドなのか、デザインシステムなのか、デザインガイドラインなのか

スタイルガイドやデザインガイドラインという言葉はよく聞くが、デザインシステムはあまり聞かず、なんとなくわかるもの一応調べてみた。 デザインシステムとは デザインシステムとはサービスに関わっているデザイナー、エンジニア、デ …

ネーミングのアイデア

ネーミングの由来はいくらでも後付けできる。語感重視で命名するのがコツ。 キーワードを使う ネーミング対象のコンセプトや機能、特徴などのキーワードを書き出す。そこから出てきたものを足したり、引いたり、少しいじったりすること …

すべてのものごとに必要な先を想像する力

何をするにしても、その行動を行った結果、どのようになるかをまず想像してみる。 Youtube動画を撮る時には、どのような流れになるかまず想像する必要があるし、デザインするにしてもどのような世界観にするかなどを先に考えて、 …

逆説と向き合いに終わりはあるのか

デザインの隠れた性質のひとつに、「ひとつを可能にすることで、ひとつを不可能にする」ということが挙げられる。 例えば、Webにおいては、ページスピードが絶対的な評価であるが、ページスピードを向上させることで、「Webサイト …

誰でも簡単にWebデザインで妥当な配色をする方法

下記の3種類の色を基本にして、他の色はなるべく使わないようにする。 ベースカラー:主に文字に使用する基本的な色(全体の50%~70%程度) メインカラー:見出しや強調させたい箇所に使用(全体の20%〜30%程度) アクセ …