角丸に角丸を入れ子にした時、それぞれの角丸をバランスよくデザインする方法

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

218users がブックマークコメント

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fdesign%2Frounded-corners-done-right-by-tutsplus.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://coliss.com/articles/build-websites/operation/design/rounded-corners-done-right-by-tutsplus.html">角丸に角丸を入れ子にした時、それぞれの角丸をバランスよくデザインする方法</a><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/design/rounded-corners-done-right-by-tutsplus.html">はてなブックマーク - 角丸に角丸を入れ子にした時、それぞれの角丸をバランスよくデザインする方法</a></div></iframe>

プレビュー

規約違反を報告

角丸に角丸を入れ子にした時、それぞれの角丸をバランスよくデザインする方法

角丸のパネルに角丸のパネルを重ねたデザインで、それぞれの角丸はどのくらいにしていますか？親と子の... 角丸のパネルに角丸のパネルを重ねたデザインで、それぞれの角丸はどのくらいにしていますか？親と子のカーブを同じにしたり、親のカーブを緩やかにしたり、その時の見た目でデザインすることもあるかもしれません。こういった時の一つの目安として、バランスが良い角丸のデザイン方法を紹介します。しっかりとした数値で2つの角丸をデザインすることができます。 Quick Tip: Rounded Corners Done Right 見た目的になんとなくデザインではなく、親と子の角丸の中心点を揃えてカーブを描きます。こうすることで、2つの角丸は非常にバランスのとれたものになります。