2016年1月20日 Webデザイン テキストを四角で囲ったシンプルな枠。もちろんWebだけでなく、印刷物でも多く使われていますよね。今回は、デザインをする上では欠かせないと言っても過言ではないこの囲み枠にフォーカスしてみようと思います。新米デザイナーさんや、デザイナーじゃないけど資料作成をする機会の多い営業さんの参考になれば幸いです! ↑私が10年以上利用している会計ソフト! 呼び方は「囲み枠」で正しいのか…謎ですが、テキストを囲んでいるボックスのことです。海外では「パネル」「テキストボックス」等と呼ばれています。 こんな時に使うと◎ 強調する時 「今なら20%オフ!」「期間限定!」等、注目して欲しい要素に利用されます。Webサイト上ではアラートメッセージでよくみかけますね。図はBootstrapのアラート要素。 要素の差別化 補足や注意書きなど、メインのコンテンツと区別して表示したい時
![Webにも紙にも使える、囲み枠デザインの基本テクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/bee7fa2cb760476ebf5805e02c7ca160d09bd63c/height=288;version=1;width=512/https%3A%2F%2Fwww.webcreatorbox.com%2Fwp-content%2Fuploads%2F2016%2F01%2Fthumb_box.png)