ビジュアルデザインにおける画像の利用
ビジュアルデザインに用いる画像を選ぶ際は、似たような特徴のある画像を選び、画像の質と適切なファイルサイズのバランスをとり、単なる装飾的な画像よりも情報を伝達する画像を優先し、しっかりとした代替テキストを用意しよう。 Using Imagery in Visual Design by Rachel Krause on July 23, 2023 日本語版2023年12月5日公開 アイコンであれ、イラストレーションであれ、写真であれ、データビジュアライゼーション（データ視覚化）であれ、関連性があり、魅力的で情報量の多い画像は、ユーザーを惹きつけ、タスクの達成に役立つ。画像は、ブランドのアイデンティティと個性を伝え、複雑なコンセプトを表現し、ユーザーの印象に残るからだ。この記事では、デザインに画像を活用する際のベストプラクティスについて説明する。 一般的な画像の種類 4つの種類の画像—写真、イラ
登山の「安全＆楽しさ」は教わるもの！ 登山歴9年ライター"母校"実習コースにOG訪問！ （一社）京都府山岳連盟「登山学校」レポート｜登山｜レポート｜BRAVO MOUNTAIN
山で失敗や困難に直面したとき、体系的に登山に関する知識を学んでいたら良かったと思うことはないだろうか。そんな登山者の希望に応えてくれる登山学校が京都にある。 募集は年に1回、例年5月に入学し翌年3月に卒業する「1年コース」のみであるが、ここからは毎年40〜50人が巣立っており、登山歴9年の筆者も1年間、基本を叩き込まれた。 おかげで今ではテント泊、アルプス縦走、読図、登山計画書の作成など一通りをこなせるようになった。思い出の「母校」を久しぶりに訪れ、学びの現場をのぞいてきた。
レスポンシブ対応の遅延画像が「sizes=auto」を使用すると簡単に実装できるようになります
朗報です！ 来年の2024年に、ブラウザはCSSから画像の実際の幅を取得し、それを画像のサイズとして使用することができるようになります。 srcsetで遅延読み込みされた画像の場合、ブラウザはsrcsetからソースURLを選択するために画像のレイアウト幅を使用できるようになります。 Add sizes=auto to lazy-loaded <img> これにより、Webデベロッパーはsizes属性を省略したり、loading=lazyを持つ<img>要素に対して明示的にsizes=autoを設定することができます。 ブラウザは、画像のレイアウト幅にsrcset属性の値を使用します（遅延画像は、レイアウトが判明するまで読み込みを開始しません）。遅延ではない画像の場合は無効で、100vwと同等になります。 sizes=autoはレスポンシブ対応の<img>に特に強力です。複数のバージョンの画
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
