前回記事でご紹介したレスポンシブWebデザインで構築されたECサイト、skinnyties.comで買い物をしてみました。 コンテンツの共通化、モバイルファーストでのサイト構成などレスポンシブな要素が満載でデザインも素晴らしいサイトです。
こんにちは、アルバイトの岡本です。 iOS7にも導入されることとなったフラットデザイン。 今まであったフラットデザインのWindows8とスキュアモーフィックデザインのiOSという構図が崩れましたね。 というわけで今回はフラットデザインのWEBサイトを企画する際に利用したい、配色ツールを3つと、5つの事例サイトをご紹介します。 ０、スキュアモーフィックデザインってなに？ フラットデザインについてご紹介する前に、まずはスキュアモーフィックデザインのおさらいから。 スキュアモーフィックデザインとは、「skeuos（容器）」と「morph（フォーム）」というギリシャ語２つを組み合わせた造語で、「似たような人工物（工芸品や美術品など）からコピーされたデザイン」という意味があります。 iPhone標準アプリの「メモ帳」のように、「本物を使っているかのように見せるデザイン手法」を指す言葉として、使われ
ひと昔のサイトを見た時、直感的に「このサイト古いつくりだから、アクティブじゃない」なんて感じることはありませんか？ 近い将来、あなたのサイトもこのように思われてしまうかも知れません。サイトのデザインが古いことは、機会損失につながります。 あなたのサイトが少しでも長く愛されるサイトデザインにするために、本日は最新のウェブデザイン手法である「フラットデザイン」についてお伝えします。 ▼目次 1.フラットデザイン概要 2.フラットデザインのメリット 3.フラットデザインの考え方 －フォントの選定 －オブジェクトの作り方 －グリッドのマージンの取り方 4.背景に画像を敷く 5.フラットデザインなサイト事例 6.フラットデザインなスマホサイト事例 7.まとめ 1.フラットデザイン概要 近年、IOS7やwindows8のヴィジュアルに「フラットデザイン」というものが導入されています。歴史をたどると、ド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
