気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
Webにも紙にも使える、囲み枠デザインの基本テクニック
322 users
www.webcreatorbox.com
www.webcreatorbox.com
www.webcreatorbox.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
Webにも紙にも使える、囲み枠デザインの基本テクニックテキストを四角で囲ったシンプルな枠。もちろんWe... Webにも紙にも使える、囲み枠デザインの基本テクニックテキストを四角で囲ったシンプルな枠。もちろんWebだけでなく、印刷物でも多く使われていますよね。今回は、デザインをする上では欠かせないと言っても過言ではないこの囲み枠にフォーカスしてみようと思います。新米デザイナーさんや、デザイナーじゃないけど資料作成をする機会の多い営業さんの参考になれば幸いです！ 呼び方は「囲み枠」で正しいのか…謎ですが、テキストを囲んでいるボックスのことです。海外では「パネル」「テキストボックス」等と呼ばれています。 こんな時に使うと ◎強調する時「今なら 20％オフ！」「期間限定！」等、注目して欲しい要素に利用されます。Web サイト上ではアラートメッセージでよくみかけますね。図は Bootstrap のアラート要素。 要素の差別化補足や注意書きなど、メインのコンテンツと区別して表示したい時に。ただし、多用すると
www.webcreatorbox.com
www.webcreatorbox.com
www.webcreatorbox.com
www.webcreatorbox.com
kyoko-np.net
levtech.jp
www.famitsu.com
blog.tinect.jp
zenn.dev/yareyare
www.itmedia.co.jp
note.com/aatoku
www.itmedia.co.jp
kaminashi-developer.hatenablog.jp
info.zenn.dev
tech.layerx.co.jp
www.animate.tv
www.cbnews.jp
kai-you.net
www.u-tokyo.ac.jp
ascii.jp
engineers.ntt.com
inside.pixiv.blog
meetscareer.tenshoku.mynavi.jp
studyhacker.net
2016/01/21 リンク