逆説と向き合いに終わりはあるのか
デザインの隠れた性質のひとつに、「ひとつを可能にすることで、ひとつを不可能にする」ということが挙げられる。 例えば、Webにおいては、ページスピードが絶対的な評価であるが、ページスピードを向上させることで、「Webサイト …
午前と午後で仕事を変える
人間の脳の状態に合わせて、午前と午後で仕事を変えると効率が良い。下記のような種類に合わせて、時間帯で仕事を変える努力を行う。 午前 ミスが許されない集中力が必要な作業 大切な話し合い インプット 午後 想像力を要する仕事 …
レイアウトのセオリー
統一する：マージン、行間、フォントサイズなどのレイアウトを構成する要素をなるべく統一する。 揃える：位置を揃える、端を揃える、大きさを揃える。複数同じような要素がある場合は、必ず揃えて配置する。 流れを意識する：目線が始 …
誰でも簡単にWebデザインで妥当な配色をする方法
下記の3種類の色を基本にして、他の色はなるべく使わないようにする。 ベースカラー：主に文字に使用する基本的な色（全体の50%~70%程度） メインカラー：見出しや強調させたい箇所に使用（全体の20%〜30%程度） アクセ …
リモートワークでの新人教育考察
どうやって新人教育をおこなっていくかという考察になる。というか新人が入ってきたのだが、どうやってコミュニケーションをとろうかと日々の試行錯誤を綴ったもの。 雑談のためのプレゼン会 この記事が参考になった。 朝礼は毎日行っ …
黄金比よりも便利な「1/3の法則」
レイアウトや写真の構成を考える時、黄金比は計算がだるい。そのため、簡単に利用できる「1/3の法則」を使用した方が楽にいいデザインができる。 全体を9等分に分ける線を引き、各線の交点にメインとなるものを配置するようにすると …
人物写真のトリミングのコツ
関節部分で切り取らない 関節部分で切り取ってはいけず、上記の部分で切り取るのがよいらしい。
Webサイトで使用する写真の選定方法について
下記を意識するとだいたいハズレはなくなる。 よく見かける写真は使わない 自然なシーンの切り抜きを使用する（変に作り込まれたり、CGがかった写真を使うとサイトのイメージが疑わしくなる） 日本人をターゲットにする場合は、日本 …
Chrome89 で Lighthouse が日本語化。あとCWVについて。
よりパフォーマンスが計測しやすくなって何より。 Lighthouse で計測することができるCWV（コアウェブバイタル） 2021年よりページエクスペンスシグナルとして Google のランキング要因になる。Google …
コントラストの小話
公的サイトにおいて、お国からのお達しである JIS のアクセシビリティ規程の等級AAに到達するためには、Web上のコントラストを「4.5：1」以上の割合にしなければいけない。 1.4.3 コントラスト (最低限) : テ …