見出し画像

〜ほぼ Daily UI vol.35〜 Blog Post

Hint: Design a blog post. Consider what's important- the content of course. Also consider the author, date, category, comments, layout, etc. (As always, it's up to you!)

参考にしたサイト・アプリ

Note
https://note.com/seyanote/n/n904513c25c85

iOS の画像 (7)

Medium
https://uxdesign.cc/making-space-for-ux-when-no-one-cares-6-hard-earned-design-lessons-from-big-boring-corporate-c57d7d96b923

画像3

CSS Tricks
https://css-tricks.com/striking-a-balance-between-native-and-custom-select-elements/

画像2

Dropbox design

画像1

デザインを考える上でのポイント

読みやすいフォントや配色にする
結構UIとしては型が決まっているので、重要なのは読みやすさだと思う。気をてらった配色を避けたり、読みやすフォントサイズ、字間、line-heightを保つのが重要。

その文脈で、最近読んだ本でこれめっちゃよかった。

サムネイルを主張し過ぎない
Dropboxのやつとかは、アレはアレで美術館っぽく高級感あっていいのだが、基本的に重要なのは中身なので、サムネは主張し過ぎないのがちょうど良さそう。サムネはどっちかっていうと集客の方がメインの目的な気がする。

CSS Trick で一部だけにスポットライト当てるようにしてるのはCoolだなと思った。

自分のデザイン

北極のニュースサイトという体で作った。

基本淡い水色基調で氷っぽい感じにして、本文は読みやすいように背景白にして黒字

画像5

思ったこと

今回は配色も結構いい感じに決まって嬉しい。

いいなと思ったら応援しよう!