PC+スマホに対応したレスポンシブWEBデザイン

2012年7月18日

最近は世の中に色んなデバイスが出回り、特に需要の多いスマートフォンではWEBサイトを見る機会もそれなりに多いので、通常のPC用のWEBデザインからスマホ用に変換して閲覧できるようにする『レスポンシブWEBデザイン』が主流になってきていますね。

PCとは当然画面サイズが変わるわけなので、グランドデザインを崩さないようにレイアウトが変更されています、そんなレスポンシブWEBデザインをご紹介。

Fork CMS

如何ですか？ブランド名・サービス名はそのまま、サイトのトーンマナーも継承しながらうまくレイアウトされていますね。

wordpressなどの利用であれば『WPtouch』というプラグインでスマホ対策もできますが、デザインにはやはりカスタマイズが必要なので、デザインの参考としてもどうぞ。

元ネタ：instantshift様：http://www.instantshift.com/2012/07/17/advantages-of-responsive-web-design/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+iShift+%28instantShift%29

よかったらシェアしてね！

URLをコピーしました！

URLをコピーしました！

デザイン系のスキルを身につけるサポートをしてくれるオススメサービス

Adobeをお得に自分のペースで学びたい方にオススメ

Adobe Creative Cloudをお得に始めたい方へ。
アドバンスクールオンラインは、Adobe公認のプラチナスクールパートナー。通信講座を受講することで誰でも学生扱いとなり、社会人の方でも学割価格【68,800円（税込）】でフル機能のCreative Cloudを利用できます。IllustratorやPhotoshop、Premiere Proなど人気ソフト11講座がセットになり、質問し放題で1年間じっくり学習可能。学習ノルマはなく、好きなタイミングで受講できるので、デザイン・動画制作・イラスト・ゲーム開発など幅広いクリエイティブに挑戦できます。個人での商用利用も可能なライセンス。今こそ学割価格でAdobeを活用し、スキルアップを実現しませんか？

未経験からWebデザインを学んで手に職をつけたい方にオススメ

『Fullme』は、100万部以上のデザイン本を手掛けたingectar-eが講師を務めるオンラインデザインスクールです。「けっきょく、よはく」など人気書籍のノウハウをもとに、分かりやすく実践的なカリキュラムを提供。バナーやLP制作から、UI/UXやコーポレートサイト制作まで幅広く学べ、プロによる添削で実務力を磨けます。レッスンはビデオオンデマンド形式なので、仕事や子育てと両立しながら自分のペースで受講可能。デザイン初心者からキャリアアップを目指す方まで、スキルと表現力を同時に伸ばし、転職・副業・フリーランスへの一歩を後押しします。

未経験からWebマーケ転職を実現できる!デザインとマーケで手に職を!!

業界TOP1％のWeb広告代理店が運営する、未経験からでも安心して学べるWebマーケティングスクールです。講師はすべて現役のWebマーケターで、最新のノウハウをもとに完全個別指導を実施。生徒一人ひとりの目的やレベルに合わせて最適なカリキュラムを提案します。単なる知識の習得にとどまらず、実際のマーケティング業務を体験できる「実践講座」も用意しており、現場で即戦力として活躍できるスキルが身につきます。500社以上のマーケティング支援実績を通じて蓄積したノウハウを凝縮した独自の学習プログラムで、転職・副業・フリーランスなど多様なキャリアをサポート。さらに、転職支援コースでは、紹介企業への入社で受講料が「実質0円」になるキャンペーンも実施中です。未経験から新しいキャリアを築きたい方、自分の市場価値を高めたい方に最適なスクールです。