インプレス ビジネスメディア

Webデザイン、これからどうなるの？（全10回）

Webデザインの「最新」と「これから」がわかる書籍『Webデザイン、これからどうなるの？ キーワードから探るデザイン動向の現在と未来』（エムディーエヌ）の一部をWeb担当者Forumで特別公開。

記事一覧

iOS 7や大手Webサービス企業が導入したグラデーションカラーのWebサイトはトレンド化？

Webセーフカラーしか再現できない時代から、CSSでもグラデーションを作ることができるようになり、グラデーションを使用するWebサイトが増えてきている（第10回

鈴木慶太朗（シフトブレイン）

2018年5月23日 7:00

  • 21
  • 22
  • サイト制作／デザイン
  • 解説／ノウハウ

ユーザビリティに配慮したカラー設計のマテリアルデザインが最近のトレンド？

2014年に発表されたGoogleのマテリアルデザインによってビビッドで大胆な色使いのサイトが多く見られるようになりました（第9回）。

鈴木慶太朗（シフトブレイン）

2018年5月16日 7:00

  • 39
  • 22
  • サイト制作／デザイン
  • 解説／ノウハウ

Apple、Google、Microsoft、Adobeが共同開発したバリアブルフォントって何？

ひとつのフォントファイルで複数フォントが利用できるバリアブルフォント。まだ一部のフォントでしか利用できないが、一般化していく可能性があるのでチェック（第8回）。

鈴木慶太朗（シフトブレイン）

2018年5月9日 7:00

  • 174
  • 67
  • 41
  • サイト制作／デザイン
  • 解説／ノウハウ

Webフォントを活用するためのポイントとは？

Webサイトでも比較的自習に選択・利用できるようになったWebフォント。活用するためのポイントとは？（第7回）

鈴木慶太朗（シフトブレイン）

2018年4月25日 7:00

  • 29
  • 42
  • サイト制作／デザイン
  • 解説／ノウハウ

没入感や臨場感をWebサイトで表現するのに役立つヒーロームービーとは？

ページが読み込まれると、全画面で動画が自動再生されるヒーロームービーを採用するWebサイトでは、被写体の持つ雰囲気や情緒をユーザーに届けられる（第6回）。

森本友理（グッドパッチ）

2018年4月18日 7:00

  • サイト制作／デザイン
  • 解説／ノウハウ

Webサイトで視覚的なインパクトを強く残したいときに効果的なヒーローイメージとは？

写真を全画面に表示するヒーローイメージは、視覚的なインパクトを強く残したいWebサイトで効果的です。そのサンプルや特徴を紹介します（第5回）。

森本友理（グッドパッチ）

2018年4月11日 7:00

  • 45
  • 40
  • 45
  • サイト制作／デザイン
  • 解説／ノウハウ

画面サイズのレスポンシブデザインはなぜ必要? 対応が必須となったいま求められること

「ブレイクポイントってなに?」「媒体ごとにWebページの画面サイズが異なって見づらい」「横幅はどうやって変える?」このような声は少なくなり、PC・スマホ・タブレット、あらゆるサイズに対応するレスポンシブデザインは、現在では標準的な存在となりました。さらに、画像のレスポンシブも重視されはじめています。今後求められるWebデザインについておさらいします（第4回）。

福岡 陽（エフアイシーシー）

2018年4月4日 7:00

  • 260
  • 86
  • 110
  • サイト制作／デザイン
  • 解説／ノウハウ

1カラムレイアウトはもはや王道! Webサイトデザインの基本を解説

シングルカラムのWebデザインって、2カラムとどう違うの? 特徴やメリットは? モバイルファーストなサイト制作が求められる今の時代、ワンスクロールで見ることのできるシングルページレイアウトは主流になっています。ワンカラムだからこそできるコンテンツ設計や、ハンバーガーボタンの標準化など、日々変わりゆくウェブサイトのこれからを大解説。（第3回）

福岡 陽（エフアイシーシー）

2018年3月28日 7:00

  • 959
  • 341
  • 766
  • サイト制作／デザイン
  • 解説／ノウハウ

ユーザーがコンテンツに集中しやすいミニマリズムデザイン4選

ページの構成要素を最小限にしたミニマリズムデザインを4つを紹介します（第2回）。

三宅太門（グッドパッチ）

2018年3月14日 7:00

  • 25
  • 25
  • サイト制作／デザイン
  • 解説／ノウハウ

ユーザーファーストなWebサイトのデザインとは？

ユーザーが使いやすく、必要な情報に最短でたどり着くことができるインターフェースを作る方法を紹介します（第1回）。

三宅太門（グッドパッチ）

2018年3月7日 7:00

  • 136
  • 56
  • 37
  • サイト制作／デザイン
  • 解説／ノウハウ

新着記事

1週間かかった作業が1日に！ Gemini Notebookを無料で使い倒す8つの活用術【1週間まとめ】 8月3日 11:20 SEOと広報PRの相乗効果で実現する、AI時代に“選ばれる”ブランド設計 8月3日 7:05 無料BIツール入門『いちばんやさしいGoogleデータポータルの教本 人気講師が教える業務で使えるダッシュボード構築の基本』を3名様にプレゼント 7月31日 10:00 AI回答のフレーミング（見せ方・提示）は、デジタルの新たな「商品棚・売り場」――ChatGPT時代の新しい購買行動【SEOまとめ】 7月31日 7:05 【漫画】質の高いクチコミの増やし方を教えてください！@cosmeの作間さん、金野さんに聞いてきた 7月31日 7:05

人気記事トップ10

1週間かかった作業が1日に！ Gemini Notebookを無料で使い倒す活用術8選 AI回答のフレーミング（見せ方・提示）は、デジタルの新たな「商品棚・売り場」――ChatGPT時代の新しい購買行動【SEOまとめ】 無料BIツール入門『いちばんやさしいGoogleデータポータルの教本 人気講師が教える業務で使えるダッシュボード構築の基本』を3名様にプレゼント 生成AIアプリのアクティブユーザーが2年で18倍！ Claude利用者の7割超がChatGPTを併用【フラー調べ】 ユーザーローカルがSNS分析ツール「Social Insight」に「なりすましチェッカー」を搭載 【3秒クイズ】5433円は3人で割り切れる？ 電卓を使わずに「ひと目」で見抜く方法 デザイン提案が「2週間→2日に」 設立22年を迎えるWeb制作会社のAI活用法 10万ページを8,000に激減！ 富士通が挑んだグローバルサイト改革と「SitecoreAI」移行の舞台裏 1週間かかった作業が1日に！ Gemini Notebookを無料で使い倒す8つの活用術【1週間まとめ】 電通プロモーションが8つのショッパークラスターを特定、ID-POSデータと生活者の定性データをAI分析
1週間かかった作業が1日に！ Gemini Notebookを無料で使い倒す活用術8選 派遣で働く期間、同じ会社・同じ職場を継続希望「3年以上」が第1位【エン調べ】 10万ページを8,000に激減！ 富士通が挑んだグローバルサイト改革と「SitecoreAI」移行の舞台裏 【3秒クイズ】5433円は3人で割り切れる？ 電卓を使わずに「ひと目」で見抜く方法 AI Overviewsでクリック率が62.7％減！ Google検索1位でもCTRはわずか9％【Ahrefs調べ】 Googleが「Google Search Console」に新機能「プラットフォームプロパティ」を追加 電通が新マーケティング手法「DNAマーケティング」を開発、生成AIで「勝ち筋」とその根拠を発掘 東京の中古マンション価格に異変？ 都心5区で下落、需要は周辺3県へシフト【マンションリサーチ調べ】 AI回答のフレーミング（見せ方・提示）は、デジタルの新たな「商品棚・売り場」――ChatGPT時代の新しい購買行動【SEOまとめ】 「Google Search Console」に新機能「プラットフォームプロパティ」を追加【週間ランキング】
1週間かかった作業が1日に！ Gemini Notebookを無料で使い倒す活用術8選 日本マイクロソフト、サイバーエージェント、文藝春秋、電通などが登壇！ 「生成AI × マーケティング フォーラム 2026」【8/27オンライン開催】 Googleが「Google Search Console」に新機能「プラットフォームプロパティ」を追加 「AI SEO」「GEO」「AEO」「LLMO」で今やること・判断の尺度を専門家2者が教えてくれた【SEOまとめ】 派遣で働く期間、同じ会社・同じ職場を継続希望「3年以上」が第1位【エン調べ】 【28卒】業界別・就活人気ランキング！ 広告は博報堂、ITはサイバーエージェントが首位、他業界の1位は？【ワンキャリア調べ】 上司と部下の“板挟み”よりつらい？ 管理職のストレス1位は「言いにくいフィードバック」【IKUSA調べ】 【3秒クイズ】5433円は3人で割り切れる？ 電卓を使わずに「ひと目」で見抜く方法 SEOは「キーワード検索」から「意思決定エンジン」へ、AI検索がもたらす10の変化（前編） 10万ページを8,000に激減！ 富士通が挑んだグローバルサイト改革と「SitecoreAI」移行の舞台裏
人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ！ Sponsored

10万ページを8,000に激減！ 富士通が挑んだグローバルサイト改革と「SitecoreAI」移行の舞台裏 7月29日 7:05 デザイン提案が「2週間→2日に」 設立22年を迎えるWeb制作会社のAI活用法 7月28日 7:05 AI検索で“自社がお勧め”されない！ お米ギフトの八代目儀兵衛が実践、GEO時代のECサイト改善 7月16日 7:05 AI検索時代、なぜSNSが重要？ フジドリームエアラインズが実践“フォロワー6倍・UGC200％増”の舞台裏 7月14日 7:05 AI分析で施策のPDCAを高速化！ 中川政七商店とSprocketが実践するAI活用術 7月10日 7:05 Webサイトのトップページはもはや不要？ 商品情報を「売れるコンテンツ」に変えるPIM/DAM連携 7月8日 7:05 ECビジネスに有効！ リピート促進や顧客満足度向上に直結する「LINE通知メッセージ」とは？ 6月30日 7:05 AI活用でWebサイトを優秀な営業担当者へ。BtoBサイト制作「5つの新基準」とは？ 6月24日 7:05 検索上位でもAI Overviewsに出ない!? 老舗米屋・八代目儀兵衛が取り組んだGEO施策 4月20日 8:00 明太子の「やまや」に聞く、マーケティングから店舗・採用まで広がるデータ活用術 4月14日 7:05
そのSEO施策、AIにも届いてる？よくある疑問と今やるべきコト

そのSEO施策、AIにも届いてる？よくある疑問と今やるべきコト

オンデマンド講座
AIの成果を最大化するカギはデータ品質！ 今すぐ始められる3つの活用術

AIの成果を最大化するカギはデータ品質！ 今すぐ始められる3つの活用術

オンデマンド講座
第1回 生成AI×マーケティング スキルアップ講座

第1回 生成AI×マーケティング スキルアップ講座

リアル講座

申込締切: 2026年8月20日

編集部からのおしらせ