〜ほぼ Daily UI vol.20〜 Location Tracker

Design a location tracker. Consider the icon, placement, and purpose of location. Mapping something? Is it a tracking beacon? Is the NSA tracking you? ok, maybe they are ;)

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

Uber eats
https://eng.uber.com/android-eats/

Google map

dribbbleの何か

Daily UI Day #20: Location Tracker

Location Tracker | Daily UI challenge - Day 020/100

到着地点とかにレーダーっぽいエフェクトつけてるの分かりやすくていい。

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

経路のスタイリング
経路を表示させるときには、マップに埋もれない線の色とシャドウなどを工夫して使う必要がある。

また、逆説的にマップで使う色を控えめな色で統一するというのも一個大事なポイントだと思う。

出発地、到着地、現在地点を色を使って見分けがつくようにする
出発地と到着地も重要な要素なので見分けがつくようにする。ただ登場人物が多い上に、それぞれの優先度はあまり変わらない(強いて言うなら出発地はあまり重要でないケースが多いと思う)ので、それぞれに対して色を降っているとチカチカしてしまうだろう。

出発地と現在地はベースカラーの類似色で、到着地は補色などを使ってあげると良いのではなかろうか。

自分のデザイン

気を衒って飛行機のLocation Trackerを作ってみようと思う。機内であれをボーッと眺めるの好き。

思ったこと

画質粗くなってしまったが、フリーベクターを操作できるソフトが…