境界線の半径は、要素の角の丸みを制御します。半径の値が異なると、シャープでプロフェッショナルなものからソフトで親しみやすいものまで、異なるデザインの感触が生まれます。
Frequently Asked Questions
Q: 各コーナーに異なる半径を設定できますか?
各コーナーに異なる半径を設定できますか?はい、次の形式を使用します: border-radius: 左上-右上-右下-左下。
Q: カードの境界線の最適な半径はどれくらいですか?
カードの境界線の最適な半径はどれくらいですか? 12 ～ 16 ピクセルは、ほとんどの最新デザインのカードのスイート スポットです。
Q: さまざまな要素にどのような境界半径の値を使用する必要がありますか?
さまざまな要素にどのような境界半径の値を使用する必要がありますか?通常、カードには 8 ～ 16 ピクセル、ボタンには 4 ～ 8 ピクセル、モーダルには 12 ～ 20 ピクセル、サークルにはアバターが 50% 使用されます。比例的な一貫性を保つために、より大きな要素にはより大きな値を使用します。
Q: 錠剤の形のボタンを作成するにはどうすればよいですか?
錠剤の形のボタンを作成するにはどうすればよいですか? border-radius を 999px などの非常に大きな値に設定します。ブラウザーは要素の高さの半分でキャップを設定し、ボタンのサイズに関係なく錠剤の形状を自動的に作成します。
Q: 各コーナーに異なる半径を適用できますか?
各コーナーに異なる半径を適用できますか?はい、4 つの個別のコーナー コントロールを使用して、左上、右上、右下、左下に一意の値を設定できます。これは、方向性のあるデザイン要素に役立ちます。
日本の伝統色・和色
和色は平安時代の襲（かさね）の色目に由来する日本の伝統色。桜や山吹、瑠璃など、植物や自然の名前を冠した優しい色合いが特徴で、JIS慣用色名としても制定されています。現代のUIデザインにも落ち着いた配色として人気です。
山吹色 #F8B500山吹の花に由来する黄金色。JIS慣用色名
撫子色 #EEA9A9ナデシコの花の淡いピンク。平安時代から愛される
茜色 #B7282E茜草の根から染めた深い赤。夕焼けの色
若草色 #C3D825春の新芽を思わせる明るい黄緑
瑠璃色 #1E50A2仏教の七宝「瑠璃」に由来する深い青
桜色 #FEF4F4桜の花びらのようなごく淡いピンク
常磐色 #007B43常緑樹の深い緑。永遠を象徴する
Q: 和色とは何ですか？
和色とは何ですか？和色は平安時代の襲の色目に由来する日本の伝統色で、桜・山吹・瑠璃など自然の名を冠した色が多く、JIS慣用色名として269色が制定されています。
Q: 山吹色はどんな色ですか？
山吹色はどんな色ですか？山吹の花に由来する黄金色で、色値は #F8B500。JIS慣用色名の一つで、太田道灌の逸話でも知られる日本の代表色です。