2021年4月第3週号 1位は,固定ヘッダーをより良いものにするための5つのヒント,気になるネタは,タスク管理「Trello」、公開範囲の設定ミスで名前や住所が筒抜けに--運営元が注意喚起

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2021年4月5日〜11日の間に見つけた記事のベスト5です。

1. Sticky Headers: 5 Ways to Make Them Better

https://www.nngroup.com/articles/sticky-headers/

固定ヘッダーをより良いものにするための5つのヒントをまとめた記事です。

  1. コンテンツ部分とUI部分との比率を最大にするようヘッダー部分を小さく保つ
  2. コンテンツとヘッダーのコントラストが重要
  3. 動きは最小限で違和感なくレスポンシブなものに
  4. 一時的に固定するヘッダーを検討する
  5. 固定ヘッダーが必要かどうかを考える

1では、モバイルとデスクトップでは画面サイズが違うことから、比率で考えようと説明していました。

図1 固定ヘッダーをより良いものにするための5つのヒント

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5857ea74-766e-4127-ae6a-dfd86c0bca5d/www.nngroup.com_articles_sticky-headers_(webtech_cap).png

2. 3 Essential Design Trends, April 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive

https://www.webdesignerdepot.com/2021/04/3-essential-design-trends-april-2021/

デザイントレンドを3つ紹介しています。

  1. ほぼブルータリズム
  2. 美しいスライドスクロール
  3. タイポグラフィアニメーション

ブルータリズムはもともと建築様式で使われる用語で、わたしも完全には理解できてませんが、ここでは完全なブルータリズムは扱いがむずかしいので「ほぼ」なものがトレンドということです。