バナーデザインのコツ11選！初心者が気をつけるべきポイント、ビフォーアフターも紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。デザイナーののっちです。 好きな業務の1つがバナー制作なのですが、最初の頃は「決められた空間に文字と画像を詰めて、さらには綺麗に見せて……」と、まるでジグソーパズルのようなあの作業にもの、すごーーく時間がかかっていました。これは新米デザイナーなら、誰でも一度は通る道だと思います。 そこで今回は、新米デザイナーが知っておきたい“美しい”バナーを“効率的”に制作するためのフローについてまとめます。 独学でつまずいていませんか？ バナーデザインの作り方を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年2月に編集部が情報を更新し
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
レスポンシブの次はアダプティブ？ 新・3大「Webデザイントレンド」 - ページ 6 / 7 - まぐまぐニュース！
3.アダプティブデザイン アダプティブデザイン？ 多分まだまだ聞き慣れない目新しい言葉ではないでしょうか。 この言葉の定義はまだまだ定まっていない所があって、ネット上でも色々な意見が飛び交ってます。それだけ新しい考え方でもあり色々な可能性も秘めている考え方だと思います。 まず「アダプティブデザイン」には少なくとも2つの意味があります。 A. アダプティブWebデザイン B. アダプティブデザイン まことにややこしいですがこの2つの定義があり、今回このメルマガで主に書かせてもらいたいのはBの方です。 Aについては、もうひとつの意味と区別をつけやすくするため「アダプティブWebデザイン」と呼ばせてもらいます。2で書かせてもらった「レスポンシブWebデザイン」と非常に似ていて、ブラウザの横幅サイズを判断基準にして違ったレイアウトが表示されます。 ただ決定的にレスポンシブWebデザインと違うのは、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketchで変わるワークフロー