スクリーンショット_2018-05-25_20

電卓トレース

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


バックグラウンドカラーは真っ黒(#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分?

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




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

note.user.nickname || note.user.urlname

最後まで読んでくださりありがとうございます! サポートは今後のインプット、アウトプットに活用させていただきます🙇‍♂️ よろしければTwitterのフォローもお願いします〜! https://twitter.com/k0626n_13

スキです!!!!!!!!
26
UIとUXを考えます。イラストも描きます。

この記事が入っているマガジン

#デザイン 記事まとめ
#デザイン 記事まとめ
  • 4585本

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

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。