【ニラは見た！】Webデザインレポート：article編

こんちは！ニラだよ〜！

一週間前まで6:30起床でしたが、7:00起床でも普通に間に合うことがわかったので、睡眠時間が30分伸びました！

そろそろ頃合いなので、いつものレポートのarticle編をやっていこうと思います。

主にこうやって、画像とタイトル、そして何らかの情報が入っているやつを探していきます。

どんな表現方法があるのでしょうか？

スタンダード

このデザインが一番多かったですね。

意外とフォント・色・余白を変えたらオリジナリティが出ます。

情報の重要度によっては、カテゴリーが大きくなったり、タイトルに当たるところが小さくなる場合があります。

背景色をつけるパターンもよく見かけます。文字・全体の背景と調和するように心がけましょう。

あと、上下左右の余白も忘れずに！

なんか、スクロールボタンを設置して、横並べするパターンもちらほらと。

なんていうか、シャープな感じがします。

角丸もよくみますね。可愛い。

画像の中に文字が入っています。無駄を省いた感じがして、結構好きです。

コントラスト比に気をつけましょう。

左上に、おすすめマークや、カテゴリーがついているっていうパターンもあります。

見せ方は、上記だけではないので、いろんな表現ができます。

番号が付けられているのもあります。

番号をつけなきゃいけないarticleってどうゆう時でしょうか？たまにこうゆうのありますけど、順番に読まなきゃいけないんですかね？

基本、3列の場合がほとんどですが、タイトルの長さによっては、2列になっている場合も！

贅沢に使われていて、なんか他のより高級感が出てる気がします。

人物などを載せるときは、縦長を使ってみるのはどうでしょうか？写真によっては、人物を入れなくても結構映えます。

これは、全部横並べしてるからまだいいけど、基本の形みたいに3列にしてるとちょっと鬱陶しいかも。

READ MOREがついているのも見かけます。

一瞬、要る？って思ったけど、いる人にはいるかもしれません。

❤︎

2022/10/26

nira-012.mahora94

◀︎

next...

prev...

▶︎

Artist

nira-012.mahora94

よろしくお願いします