電卓トレース

左がスクショ、右がトレース


バックグラウンドカラーは真っ黒(#000000)
ボタンの色は
灰色→#A6A6A6
オレンジ→#FF9600
ボタンのサイズは150×150
各隙間は全方位28pixel

/気づいたこと/

●0のボタンは縦150×横300のRを3つ用意して、1つは規則正しい位置に配置し、両隣に2つを2pixelずつずらして配置する
→形は既存のshapeをそのまま使うだけでなく2〜3個組み合わせて絶妙なカーブを作ったりしている

●+ーの記号のスラッシュはもしかしたらフォントではない説
→角度が地味に違う。今回はlineで。

●数字のフォントが違う!
→SFを使ったけど7の角度がなんか違かった。。調べてみると「Helvetica」か「Helvetica Neue」が使われているそうな!

/制作時間/
1時間と15分?

↑寝る前と次の日の夕方にちょこちょこやったのであやふや。




この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

23

nana

#デザイン 記事まとめ

デザイン系の記事を収集してまとめるマガジン。ハッシュタグ #デザイン のついた記事などをチェックしています。広告プロモーションがメインのものは、基本的にはNGの方向で運用します。
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。