〜ほぼ 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
バックグラウンドにアイコン敷き詰めるのかわいい
メルカリ
https://www.mercari.com/jp/
もうちょい幾何学的な感じ
freepik の素材
シャドウつけるのいいかも
プレステっぽい
壁紙とかにありそう
デザインを考える上でのポイント
メインの要素を邪魔しないようにする
こういった背景をソフトウェア上で使うときは何かしら文字なり何らかの情報を上に載せると思うので、そういった文字色もセットで考えておくといいのかもしれない。
もしくは背景の上に白い背景のセクション足してその中に要素足していくのもありかもしれない。
こちらの記事で Body Background と Context Background と分類されててなるほどなと思った。
自分のデザイン
エンジニア用の設計図共有サイトで使うイメージで作ってみる。白黒のモノトーンで幾何学模様にする。
小さくて見えないと思うけどこういうの作って敷き詰めた。
思ったこと
- 幾何学模様、ちょろいかと思ったけどちょっと比率違ったり、線の太さが0.1px 変わるだけで大分印象変わるので、ちゃんと頭使わないといけんかった