タグ

レイアウトとあとで読むに関するgrandfrigoのブックマーク (2)

  • Webデザインを「もっとかっこよくして!」と言われた時に試したいCSS小技5つ

    2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね! ↑私が10年以上利用している会計ソフト! 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく

    Webデザインを「もっとかっこよくして!」と言われた時に試したいCSS小技5つ
  • 集客チラシ講座 レイアウト

    ■集客チラシ講座 レイアウト 今回からチラシの制作について解説を始めます。 チラシを作る要素にはキャッチコピー、写真、商品説明、買ってもらうた めの文章、店名社名、地図、連絡先などがあります。 これらの要素をどのように並べるかによって、チラシの出来栄えが変わり ます。見やすい、読みやすい、わかりやすいレイアウトをするための基 を解説していきます。 白い何もない紙の上にレイアウトをどのようにしていくのか? チラシに はそれなりのルールがあります。 まず最初に決めるのはキャッチコピーの位置です。 これは簡単に決められます。チラシの上部に横組みで一行から二行にする パターンとチラシの右端に縦一行で入れるパターンの2種類です。この2 種類が基になります。 基以外にチラシの中央に横一行または縦一行という配置の仕方もありま すが、これは結構難しいので止めたほうが良いです。なぜ難しいかと言う とキ

  • 1