Yahoo!ニュース
状態:調査中
閲覧数:2,884
投稿日:2015-07-31
更新日:2015-07-31
ニュースページ
・200×109
・199×123
・200×130
・200×191
画像ページ
※実サイズと異なるサイズを指定
・450×245
・634×391
・634×412
・499×476
結論
・ニュースページ … 横200が上限。縦上限は恐らく200
・画像ページ … 横634が上限。縦上限は不明
・200×109
・199×123
・200×130
・200×191
画像ページ
※実サイズと異なるサイズを指定
・450×245
・634×391
・634×412
・499×476
結論
・ニュースページ … 横200が上限。縦上限は恐らく200
・画像ページ … 横634が上限。縦上限は不明
キュレーション
料理
感想
画像サイズ
大きな画像
・画像個別ページ以外で大きな画像を表示させているケースは見当たらない
※画像個別ページでも、サイズ上限は600px
インデックス
インデックスとして画像表示する場合は、正方形の方がお洒落に見える
・トリミングが必要?
・img(画像)を正方形に切り取って表示させる
・CSSだけでサイズ不定画像の中央を正方形に切り抜きサムネイル (かんたん!)
見せ方の工夫
ページ単位でのメインサブ
・cookpadのように、ページ単位でメインサブ画像をサイズで切り分けるとお洒落に見え、かつ見やすい
サイズ切り分けの法則
・メインサブ画像をサイズで切り分ける際には、縦または横を、サブ画像の2倍となるよう設定
※この2倍という明示的な数値が、統一感を出すためには非常に大事
キレイに見せるためにはサイズに法則性が必要
・1BOXの「幅」「高さ」に相関関係があり、お互いの「倍」あるいは「半分」ではないと綺麗に見えない
・一見して、無秩序な状態から綺麗に並べ替えてくれるように見えるがそれは幻想
・中途半端なサイズで作成すると、微妙な仕上がりになる
・一見して、無秩序な状態から綺麗に並べ替えてくれるように見えるがそれは幻想
・中途半端なサイズで作成すると、微妙な仕上がりになる