BLOG ブログ

お店の看板のような役割を持つ、Web広告において必要不可欠となっているバナー。 新商品の紹介ページやキャンペーンページへの誘導の役割をするバナーには 『クリックしたくなるデザイン』が求められます。 バナー広告は、クリックしてくれる人物は誰なのか、どのような志向の人なのかを きちん ...

写真を撮るとき、カメラの設定や撮影条件によっては良い写真を撮影することができない場合があります。 写真の色味が実際の色と異なって見えてしまったり、角度によって顔がむくんで見えてしまったりと要因は様々です。 そこで写真をより魅力的にするためには、レタッチが欠かせません。 レタッチは、写真 ...

サイトに検索窓は設置していますか？ 検索窓というのは、サイト検索の入力欄のことです。 商品を探したいECサイトや、記事がたくさん投稿されているサイト、Twitter（X）やYouTubeなどのメディア系のサイトでは、検索機能は必須ですよね。 そこで今回の記事では、使いやすく素敵な検索窓 ...

今回のブログでは皆さんにモーダルウィンドウのデザインのポイントや実装方法などを解説いたします。 モーダルが表示されている間は他の操作をすることができないため、しっかりとポイントを押さえないとユーザーに嫌われてしまう可能性もあります。 実際のサイトでの使用例も挙げながらポイントを解説していきま ...

Adobeには動画編集ができるソフトがAfter EffectやPremiere Pro、Premiere Rushなど複数あります。 その中でも、撮影した動画を編集するのに長けているソフトはPremiere ProとPremiere Rushの二つになります。 しかしこの二つは使用感が ...

みなさんは、デザインにおける文字の見せかたをどのくらい意識していますか？ 文字の見せかた、つまり文字のデザインを構成する要素を挙げると、フォント・文字組み・行間・字間・カーニング・文字の太さ・文字サイズなどさまざま。これらをコントロールして、目的に沿った見せかたを検討していくことは、デザイ ...

皆さんがWEBサイトを持つ理由は様々ですが、「お問い合わせを増やしたい！」「資料ダウンロードから契約につなげたい！」という理由が多いと思います。 ですが、ただサイトを作ったところでいきなりお問い合わせが増えるわけではありません。 そこで、ユーザーにお問い合わせや契約などのアクションを起こ ...

テロップとは、動画の画面上に映し出された文字情報のことを言います。 インタビュー動画などで、映像よりも話している内容のほうが重要な場合に使われます。 しかし、「テロップをどう入れるのか分からない」「どんなフォントを使えば、より視聴者に見てもらえるのか…」と悩む方もいるでしょう。 今回は ...

吹き出しはWebデザインやバナーデザイン、紙のデザインでもよく使いますよね。 要素の強調やあしらいとして吹き出しはとても便利です。そこで、今回は使いやすい吹き出しデザイン案として18個まとめてみました。 また、綺麗に見える吹き出しを作るポイントや、逆にかっこわるく見えてしまう吹き出しにつ ...

皆さんはデザインを作成する際に男性っぽい・女性っぽい等を意識して作成していますか？ また、そう聞いてどんなイメージを思い浮かべますか？ 男性向けは青とか黒っぽい感じ…女性はピンクとかレース、リボンとか…？ 実際問われてみるとぼんやりとしたイメージの人もいるかと思います。 今回 ...

段々と寒さも本格的になり、12月に入ろうとしています。 もうすぐ2023年がやってきますね！ そこで毎年恒例化！2023年のデザイントレンドの予測をしてみます。 今回はBRISKのデザイナーさんに意見を聞きながら記事を作成しました。 是非最後までご覧ください！ [toc] ...

デザインツールはPhotoshop・Adobe XD・Figmaと様々なものがあります。 筆者は普段WEBデザインを作るときもPhotoshopを使用しているのですが、8月に行われたBRISKの夏季デザイン課題で初めてFigmaを使用したので、この記事ではFigmaを使用してみて感じた ...

『このバナーのココの文字、強調して』 ディレクターやクライアントからこう指示されたら、 Webデザイナーの皆さんならどうデザインしますか？ 動画以外では、基本的に画像＋テキストで情報を伝えるWebサイト。 魅力的な情報でないと、読んではもらえません。 文字を強調して大切な文節だ ...

SNSでWebサイトを共有するときに、より注目してもらうために重要なのが「OGP画像」です。 サイトに合わせた適切なOGP画像を設定することで、SNS上でのキャッチーさや、サイトに対するイメージを視覚的にアピールすることができます。 今回は100のウェブサイトの画像を調査し、コーポレ ...

Webデザインでは、サービス内容や料金の違いをユーザーに分かりやすく見せるために 比較表、料金表を作成することがあります。 他社との違いを比較できたり、 複数プランの特徴や料金が理解しやすく Webサイトのコンバージョン率のアップにつながる重要な役割があります。 比較表のデ ...

あなたがWebデザイナーなら… コーポレートサイトの見出しタイトルのデザイン装飾に、またはナビゲーションに、 おしゃれに見える英語表現を入れたこと、ないですか？ ゴシック体の日本語で野暮ったく見えてしまう見出しも、 装飾として適度な『英語』を取り入れれば、 一気にカッコよくて洗 ...

忙しい作業に追われる毎日、アイコンの手描きは難しい…そんな方に、 ハイクオリティで使いやすいアイコン素材をすぐに利用することができれば、 とっても心強いですよね。 そこで、無料で商用利用OKでクレジット表記不要なアイコンが探せるサイトを 今回は13サイト選んでみました。 ぜひブ ...

BRISKに入社する以前のお話ですが… 筆者がWeb制作会社に入社して1週間、突きつけられた専門用語。 「人材派遣サイトのLPのワイヤーフレーム作って」 未経験で入社した新人Webデザイナーだった筆者は右も左もわからず 「え・・エルピーってなんですか？」と聞き返しました…。 ...

WEBデザインに欠かせないバナー、デザイナーであれば一度は作成したことがあるのではないでしょうか？ デザインを勉強する際にバナーのトレースやバナーの作成から始めた人も多く、 デザイナーの登竜門といってもいいかもしれませんね。 ですが、簡単そうに見えて作成に慣れていないとリテイク&迷走の沼に ...

Webサイトのコーディングをするなら必修とも言えるスライダー。 スライダー実装用のJSプラグインはいろいろありますが、本記事ではその中でもSwiperを使用した実用的なカスタマイズ例をご紹介します。 デモページを見る まずはこちらのデモページをご覧ください。 片方だけはみ出しているスライ ...