Webデザインで使う角丸について

記事
デザイン・イラスト
デザインカンプ制作の際に、プロの先輩から添削を受けた事を今回は紹介したいと思います。
角丸について.jpg

なぜ角丸のPxは全て同じでない方が良いのか


1.角丸の中に角丸を用いているから。
全て同じPxにすると各、コンテンツ事の差がなくて違和感を感じるからです。
右側の全て6Pxだと少し違和感を感じたりしませんか?
2.マルなのか四角なのかわからない
中に行けば行くほど角丸の数値が少なる方が違和感をあまり感じないかと思います
こちらのサムネイルに使用した画像を元に説明します


かどまるくん.jpg

サムネイルで使用した画像は外から16px:12px:8pxと差をつけています


対してこちらは分かりやすく全て20Pxで統一してみました。

20.jpg

分かりづらいかもしれませんがこのように中に行けば行くほど数値を変える
このようなデザインをする事により強弱をつける事が出来ます


すごい細かい事かもしれませんがデザインって奥が深いです・・・!

しかしいろいろなことを学ぶことはとても楽しいことですね!

そんな事で毎日勉強した知識を生かすデザイン制作も行っております。

お気軽にまずはご相談からでもどうぞ






サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す