自作アプリのUIを改善する1
これは座標を指定するとそこまでの方角と距離を表示する自作アプリです.
このUIを少しでも今風にしたいと思います.
ダークモードのことなど考えず,白を貴重に角を若干丸くしたカード風UIを多様していけば自ずとおしゃれになるのではないかと甘く考えています.
そうそう,こんなふうに若干影をつければいいんでしょ?Neumorphismっていうんでしたっけ?
まずは背景を白に
Neumorphismのイメージを検索してみると,全くのWhite,というわけではないようなので,カラーピッカーで平面部分の色を拾ってみる
「F2F3F7」ということだったのでこれを使ってみる.
まあ現時点では背景白にしかみえない.まあいいでしょう.
タイルを影付きFrameに
以下の記事によって影付きFrameを使えるようにしておく.
何も考えず,影付きの白色パネルにしてみた.
色々配置がおかしくなったけれど,パネルだけ見ればなんだかいい感じになった.というか,100倍マシになった.
タイル内の配置を整えるなど
した.
いいじゃないか.ただ,影をつけただけなのに.
コンパス部分だけ丸くして独立させてみたり
いいぞいいぞ.
目的地までの距離をコンパスの中に入れる
ハイライトを入れて目盛りを削除
おわりに
全体の構成はほとんど変わっていないけれど,Frameにしたらそれっぽくなった.
困ったらとりあえず丸めてハイライト入れとこう.