レスポンシブWebデザインとフラットデザインの時代を引き寄せよう - デザインってオモシロイ -MdN Design Interactive-
デザインってオモシロイ MdN Design Interactive

レスポンシブWebデザインとフラットデザインの時代を引き寄せよう

  • 新規会員登録
  • ログイン管理
  • Twitter
  • facebook
  • はてなブックマーク
  • RSS

2026.4.21 TUE

  • TOP
  • 特集
  • 連載
    • ALL
    • デザイン・アート
    • テクノロジー
    • コラム
    • インタビュー
    • レポート
    • インサイト
  • Tech
    • ALL
    • プログラミング
    • UI/UX
    • フレームワーク
    • Webアプリ
    • Webサービス
    • その他
  • ニュース
    • ALL
    • ニュース
    • 新製品
    • テクノロジー
    • アートイベント
    • モバイル
    • ネットで話題
新規会員登録
ログイン管理
  • プレスリリース
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 広告掲載について
  • インプレスグループ
閉じる
  • TOP
  • ニュース -
  • レスポンシブWebデザインとフラットデザインの時代を引き寄せよう
【サイトリニューアル!】新サイトはこちら/MdNについて
  • ALL
  • ニュース
  • 新製品
  • テクノロジー
  • アートイベント
  • モバイル
  • ネットで話題

コラム

2013.8.12 MON

レスポンシブWebデザインとフラットデザインの時代を引き寄せよう

レスポンシブWebデザインとフラットデザインの時代を引き寄せよう

2013年08月12日
TEXT:小川 浩(シリアルアントレプレナー)


仕事柄、いろいろな企業のWebサイトを見ることが多いのだが、いまだスマートフォンに最適化していない企業が多いことにとても驚く。これがITとは関係のない中小企業ならいざしらず、モバイルソリューションやクリエイティブを主事業としているベンチャーまでが、モバイルサイトを軽視していることが多い。非常に残念である。

現在のインターネット事情は、まずPCからモバイルへとパワーシフトがあり、同時にモバイル上ではブラウザ、つまりWebからネイティブアプリによるコンピューティングが大勢を占めるようになっている。だから企業側もモバイルブラウザでの情報発信について、あまり気を配らなくなっているのかもしれない。

しかし、複数のアプリ間においてデータの移動や共有を行なうことは事実上できないから、結局Webを利用するほかない。つまり、ゲームや動画をみるようなサービスにおいては同一アプリ内で完結するかもしれないが、情報の閲覧や共有を考えると、どうしてもWebに依存しなければならないのである。

iPhone5Sは2013年9月中にリリースされると思われるが、iOS7自体のデザインはフラットデザイン、つまり凹凸が少なく、陰影もなく、比較的円形や四角いデザインが明るくはっきりしたカラーリングで表現されることに決まっている。そして、新しくなるSafariもWebサイトを表示している感じが薄れて、一度Webサイトにアクセスすると全面に表示を広げ、ブラウザを見ているというよりもアプリを開いている感覚になる。

こうなると、企業もWebサイトをよりフラットデザインに近づけたほうが具合がいいし、そもそもモバイルユーザーもブラウザを以前よりもひんぱんに使いはじめるかもしれない。

Webデザインを職とする者にとっては、今後4~10インチの画面をもつモバイルデバイスに特化したフラットデザインによるWebサイトをつくるという特需の恩恵を受けられるかもしれない。さらに、数年前のガラケー時代には、PCのデスクトップ用Webサイトとケータイ用のWebサイトをデザインもURLもわけてつくることが通常だったが、フラットデザインによるWebサイトは、基本的にレスポンシブWebデザインと相性が良いので、最初からひとつのURLで、アクセスしてくるデバイスのサイズをみて自動的に最適化することが当たり前になるかもしれない。

というよりも、Webデザインや制作を請け負う企業やクリエイターは、クライアントに対して、近い将来のトレンドを先駆けて提案していかなければならないだろう。

そのためにも、まずは自社のWebサイトを、どんなデバイスでもどんなタイミングでも最適化された状態での表示を行なっているかどうかを確認し、是正していかなければならない。

iOS7
iOS7




■著者の最近の記事
ソーシャルメディア勢力図を俯瞰する(後編)
ソーシャルメディア勢力図を俯瞰する(前編)
米Yahoo!の買い物はいつまで続く?
インターネットのグローバルトレンド
ソーシャルゲームの終焉、そして次にくるもの
スカートと動画は短めが素敵? 動画共有サービス戦国時代はじまる
いま決済系ベンチャーがアツい!
WWDC2013は成功したが、エロさが足りないApple



小川浩氏近影

[筆者プロフィール]
おがわ・ひろ●シリアルアントレプレナー。著書に『ビジネスブログブック』シリーズ(毎日コミュニケーションズ)、『Web2.0BOOK』(インプレス)、『仕事で使える!「Twitter」超入門』(青春出版社)、『ソーシャルメディアマーケティング』(ソフトバンククリエイティブ/共著)などがある。
twitter:http://www.twitter.com/ogawakazuhiro
facebook:http://www.facebook.com/ogawakazuhiro

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちら/MdNについて

前の記事を読む

MdN Design Interactive週間ランキング(07/28~08/03)

MdN Design Interactive週間ランキング(07/28~08/03)

2013.8.6 TUE

次の記事を読む

MdN Design Interactive週間ランキング(08/04~08/10)

MdN Design Interactive週間ランキング(08/04~08/10)

2013.8.13 TUE

アクセスランキング

8.30-9.5

  • 携帯大手3社、メッセージアプリ「+メッセージ」を各社全ブランドとMVNOに拡大
  • テレビの音声をワイヤレス化して飛ばせる「トランスミッター」発売、サンワサプライから
  • iPhone 12/iPhone 12 Proに音の不具合、対象モデルは無償修理へ
  • ビクトリノックス、30色バリエーションのマルチツール「クラシック カラーズ」を発売
  • 今月発表のiPhone13、低軌道衛星通信を使い“圏外”でもテキスト送信などが可能か
MdN BOOKS|デザインの本

Pick upコンテンツ

現在

  • 【文房具連載】第19回 五十嵐製紙「Food Paper」/物語のある、ニューフェイスな文房具・雑貨
  • 見た目のかわいさだけじゃない、犬の形をした実用性の高いウェブカメラ
  • この秋に発表予定のiPhone 13(仮称)はどのような変貌を遂げるのか?
  • 植物性由来100%、合成香料不使用など、エコな洗濯洗剤5選/ライフスタイル連載・こんげつのきぶん
  • 【DESIGN DIGEST】書籍カバー『顔のない花嫁/K.R.アレグザンダー』、商品パッケージ『秋の限定商品/アフタヌーンティー・ティールーム』

MdN公式Instagram

Instagramでは、デザイン関連本や本に関連した参加型コンテストについて発信しています。

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • インプレスグループ
  • 広告掲載について
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • 広告掲載について
  • インプレスグループ
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.