見出し画像

〜ほぼ Daily UI vol.59〜 Background Pattern

Hint: Design a boarding pass. Consider the origin, the destination, gates, seats, the airline, etc. (As always, it's up to you!)

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

Goodpatch Blog
https://goodpatch.com/blog

バックグラウンドにアイコン敷き詰めるのかわいい

スクリーンショット 2020-11-22 10.55.16

メルカリ
https://www.mercari.com/jp/

もうちょい幾何学的な感じ

スクリーンショット 2020-11-22 10.57.21

freepik の素材
シャドウつけるのいいかも

プレステっぽい

壁紙とかにありそう


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

メインの要素を邪魔しないようにする
こういった背景をソフトウェア上で使うときは何かしら文字なり何らかの情報を上に載せると思うので、そういった文字色もセットで考えておくといいのかもしれない。

もしくは背景の上に白い背景のセクション足してその中に要素足していくのもありかもしれない。

こちらの記事で Body Background と Context Background と分類されててなるほどなと思った。


自分のデザイン

エンジニア用の設計図共有サイトで使うイメージで作ってみる。白黒のモノトーンで幾何学模様にする。

画像3

小さくて見えないと思うけどこういうの作って敷き詰めた。

画像4

思ったこと

- 幾何学模様、ちょろいかと思ったけどちょっと比率違ったり、線の太さが0.1px 変わるだけで大分印象変わるので、ちゃんと頭使わないといけんかった

この記事が気に入ったらサポートをしてみませんか?