海外デザインブログCanva Design School Blogで公開された「How to Marry Text and Images – Canva Design School” href=”」の著者より許可をもらい、日本語抄訳しています。 文字テキストとイメージ写真を組み合わせる、効果的な5つのテクニックを利用することで、見た目の構図を美しく、そして読みやすくすることができます。ちょっとした工夫をすることで、あなたのデザインをより魅了的に仕上げてくれます。 写真の空いているスペースを活用したり、文字を目立たせる図形を加えたり、やり過ぎない控えめで、クリエイティブな5つのテクニックを今回はご紹介します。 詳細は以下から。 01. イメージ写真の空白スペースを利用しよう。 写真の空いている空間を、テキストで埋めてみましょう。「コピースペース（英: Copy Space）」としても知られて

ユーザーがあなたのホームページにたどり着いたとき、ページを開くまでに少しだけ時間があり、あなたが何をしているのか伝え、もっとページを見てもらえるように工夫することができます。しかし多くのサイトでは、訪問ユーザーに好印象を持ってもらう機会を逃しています。 ヒーローヘッダーをどのように他の要素から目立たせるか、詳しく確認していきましょう。 ヒーローヘッダーに必要な要素とは？ ヒーローヘッダーにデザイン要素を取り入れる方法はたくさんあり、新商品を紹介したり、ブランドが何をしているのかシンプルな文で説明する必要があります。多くのヒーローヘッダーに利用されている要素は以下のとおりです。 目を引く見出しタイトル、ヘッドライン Call-To-Action　ボタン 印象的な背景イメージや動画 埋込み型の説明ビデオまたはアニメーション 特集コンテンツを紹介するカルーセル ブランディング要素 – ロゴやスロ

ますます加速するウェブデザインの最先端を体感できる、最新 Web テクニックを実装した、HTML/CSSコードスニペットをまとめています。 デザインと同時にまとめてコードを確認できるので、コピペで手軽に試してみることも可能です。コード共有コミュニティーサイト CodePen で話題となっている作品を中心に、ウェブデザインにスパイスを加えてくれる、ユニークなエフェクトが揃っています。 詳細は以下から。 コピペで実装できる、最新ウェブテクHTML/CSSコードスニペットまとめ 右下に表示されている「Return」をクリックすると、エフェクトが再読み込みされます。また各ソースはHTML、CSS、JSタブをクリックすることで確認することができます。 Fullscreen Image Layer Views 並べられたキーワードにマウスを重ねると、フルスクリーン画面で写真が切り替わります。 See

はじめまして、外部ライターつるたまです。 カメラマンとして一瞬一撮をメインに撮影や写真記事の執筆と、ぱくたそでの写真提供を行っております。 LIGブログではカメラ未経験者のために、記事やWebなど仕事で写真を撮影するときのポイントをジャンル別にお伝えしていければと思います。 今回のテーマはインタビュー写真の撮り方です。 インタビュー撮影に必要なカメラ機材 まずは、カメラ機材を用意しましょう。 基本セット 一眼レフやミラーレスカメラ（以下、一眼カメラ表記） 標準レンズ＆望遠レンズ メモリーカード あると便利なもの 単焦点レンズ ストロボ 読者に伝わる！一眼カメラとレンズの特徴 レンズにはいろいろな種類があります。それぞれのメリットや撮影時のポイントをご紹介します。 「単焦点レンズ」や「望遠レンズ」で被写体を明確に 単焦点レンズや望遠レンズを使用することで、背景の不要な映り込みを抑えたり、ぼか

海外デザインブログCanva Design School Blogで公開された「15 Reasons Why A Grid Based Approach Will Improve Your Designs」より許可をもらい、日本語抄訳しています。 グラフィックデザイナーの基礎テクニックのひとつとして、格子状または方眼状のグリッド（英: Grid）は重要なデザインツールと言えます。 ではなぜデザインプロジェクトに、グリッドラインを利用する必要があるのでしょう。デザイナーは、それぞれ自分なりの答えがあると思いますが、むずかしかったり、時間がかかってしまったり、面倒くさいレイアウトを行う手助けをしてくれます。 今回はグリッドをデザインレパートリーに加えたい、15個の理由と参考アイデアをまとめてご紹介します。このテクニックを利用し、ほんの少し変更を加えることで、デザインをグッと良くしてくれるでしょ

「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。