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

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
  • 111
  • サイト制作／デザイン
  • 解説／ノウハウ

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

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

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

2018年3月28日 7:00

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

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

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

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

2018年3月14日 7:00

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

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

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

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

2018年3月7日 7:00

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

新着記事

11月第4週【11/24～11/28】 マーケティング、SNS、ECなど各社Webセミナー情報まとめ 76件 10:00 脱・自己流！ Excelで始めるデータ分析「何からやればいい？」を解消するスキル習得ロードマップ【1週間まとめ】 11月17日 11:40 “指標の言い換え”で成果を示す、ステークホルダーに通じるSEOの話し方（後編） 11月17日 7:00 失敗しないサイト運営『オウンドメディアの教科書 成果につながる設計・運用・改善のすべて』を3名様にプレゼント 11月14日 10:00 戦略の出発点は「顧客を知ること」 成果につながるマーケティングの進め方 11月14日 7:00

人気記事トップ10

ボーナスが高い職種ランキング2025！ 年間ボーナス平均額は「120.7万円」に急上昇【パーソルキャリア調べ】 「推しアーティストランキング2025」発表！ 男性部門はSnow Man、女性部門はME:Iが1位に【エクシング調べ】 アカチャンホンポで試供品を無料提供、アドインテのサンプリング自動販売機を活用 総務省が「ファイル共有ソフト」の不適切利用にあらためて注意を呼びかけ、特設ページ公開も イオンが「電子マネーWAONポイント」を「WAON POINT」に統合、分かりにくさ解消 失敗しないサイト運営『オウンドメディアの教科書 成果につながる設計・運用・改善のすべて』を3名様にプレゼント 脱・自己流！ Excelではじめるデータ分析「聞くに聞けない」基本とスキル習得ロードマップ AI検索時代の「ゼロクリック問題」が深刻化？ noteでは“AI経由の流入”が急増【ヴァリューズ・note調べ】 故・松下幸之助氏のAI「偽造動画」が拡散 PHP研究所が法的措置を検討 「1日30分以上の雑談」で職場満足度＆定着率アップ！？ “雑談しない人”との差は40ポイント【プラス調べ】
ボーナスが高い職種ランキング2025！ 年間ボーナス平均額は「120.7万円」に急上昇【パーソルキャリア調べ】 イオンが「電子マネーWAONポイント」を「WAON POINT」に統合、分かりにくさ解消 「推しアーティストランキング2025」発表！ 男性部門はSnow Man、女性部門はME:Iが1位に【エクシング調べ】 総務省が「ファイル共有ソフト」の不適切利用にあらためて注意を呼びかけ、特設ページ公開も アカチャンホンポで試供品を無料提供、アドインテのサンプリング自動販売機を活用 脱・自己流！ Excelではじめるデータ分析「聞くに聞けない」基本とスキル習得ロードマップ 日本・中国・韓国で“カワイイ”はどう異なるか国際調査！ 意外な日本の傾向とは？【フリューかわいい研調べ】 AI活用は「プロンプト」より「コンテキスト」？ セールスフォースが語る“AIエージェントの価値” 数字が苦手でも大丈夫！「生成AIデータ分析」超入門 戦略の出発点は「顧客を知ること」 成果につながるマーケティングの進め方
ボーナスが高い職種ランキング2025！ 年間ボーナス平均額は「120.7万円」に急上昇【パーソルキャリア調べ】 「推しアーティストランキング2025」発表！ 男性部門はSnow Man、女性部門はME:Iが1位に【エクシング調べ】 イオンが「電子マネーWAONポイント」を「WAON POINT」に統合、分かりにくさ解消 日本・中国・韓国で“カワイイ”はどう異なるか国際調査！ 意外な日本の傾向とは？【フリューかわいい研調べ】 総務省が「ファイル共有ソフト」の不適切利用にあらためて注意を呼びかけ、特設ページ公開も 「SEOは終わるのか？」AI時代に“選ばれる”ための新常識「GEO戦略」 アカチャンホンポで試供品を無料提供、アドインテのサンプリング自動販売機を活用 脱・自己流！ Excelではじめるデータ分析「聞くに聞けない」基本とスキル習得ロードマップ 「BeReal.」が驚異の成長率937%！「Threads」もユーザー数1,000万人増【ヴァリューズ調べ】 AI検索時代の「ゼロクリック問題」が深刻化？ noteでは“AI経由の流入”が急増【ヴァリューズ・note調べ】
人気記事ランキングをもっと見る

読者プレゼント

失敗しないサイト運営『オウンドメディアの教科書 成果につながる設計・運用・改善のすべて』を3名様にプレゼント 11月14日 10:00

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

AI時代のマーケターは「創る人」になる――クリエイティブから分析までを1人で完結させる4つの事例 11月14日 7:00 AIで高品質なコンテンツは作れるか？ 品質を落とさず制作数を2.5倍にしたラクーンコマースのAI活用法 11月13日 7:00 リサーチに1週間はもう要らない！ 元営業のプロダクトマネージャーが自身の困りごとから作り上げた、はてな「toitta」 11月6日 7:00 SEOは終わらない。AI検索時代に求められるGEOの現状と対策とは？ 10月16日 7:00 石巻市が実践した「災害に強いウェブサイト構築」〜自治体DX成功の舞台裏〜 10月14日 7:00 ユーザーは“来訪前後”に「何を検索していたのか？」 ガリバー流 顧客理解のためのマーケティング術 9月29日 7:00 競合分析は“シーン”で使い分ける　6パターン別・分析手法と仮説の立て方 9月1日 7:00 AI時代に「クソコンテンツ」は通用しない！ SEO評価と信頼性を両立する絶対条件 8月25日 7:00 LIFULLが語る！ 施策成功率280％UP、CV10倍を実現した「プロダクトアナリティクス」の全貌 7月29日 7:00 A/Bテストだけでは見えない「顧客インサイト」を発見し、継続的なサイト改善を実現する4ステップ 7月25日 7:00

今日の用語

ダークパターン
「ダークパターン」（Dark Pattern）は、ユーザーを騙したり勘違いさせたりして判断を誤らせるUIのこと。インターネットでは悪質なサイトや広告、サービス解除の手順などで見受けられる。 たとえば「残り○個！のような表示だが、実際には数値は変わらない」「押しにくい場所にボタンを配置して押させない」「逆にまったく押す気がないのに、勘違いするようなデザインや配置でボタンを押させる」「特定個所を 用語集 を見てみる

編集部からのおしらせ

Web担当者Forum - 開発にあたって　開発スタッフと謝辞 18:02 失敗しないサイト運営『オウンドメディアの教科書 成果につながる設計・運用・改善のすべて』を3名様にプレゼント 11月14日 10:00 ファンづくりの教科書『ファンダムマーケティング～「⁠今日の売上」と「明日の売上」を両立させる⁠～』を3名様にプレゼント 11月7日 10:00 11/7（金）まだ間に合う、本日開催の講演6つ！ AIで賢くサボる術/「読まれるコンテンツ」を作る技術など 11月7日 7:00 明日から活かせる！ AI時代のマーケティング戦略 〜実務者が知るべき成功のヒント〜 11月7日 7:00
すべて見る