280 handpicked colors ready for COPY & PASTE
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
なぜみんな「フラットデザイン」に？ ジョナサン・アイヴ曰く：海外速報部ログ：オルタナティブ・ブログ
Googleのロゴも平らになりました。あんまり変わらないですけど、立体感がなくなってます。 Microsoftも米Yahoo!も、「フラットデザイン」です。 もちろん、Appleが昨日公開した「iOS 7」もですね。 なんでフラットデザインが流行ってるの？ という疑問に、Appleのデザイン担当上級副社長、ジョナサン・アイヴとソフトウェアエンジニアリング担当上級副社長のクレイグ・フェデリギが答えています（USA Todayより）。 アイヴはUSA TodayのインタビューでiOS 7のデザインについて語る中で、「ユーザーはもう、ガラス（のディスプレイ）にタッチすることにすっかり慣れて、物理的なボタンはいらなくなった。だから、リアルな三次元の世界を真似なくてもよくなったのです」と言ってます（ちょっと意訳）。 つまり、昔ジョブズがメモ帳アプリを本物のメモパッドみたいにしたり、アイコンが立体的に
フラットデザインの参考にしたいツール3種と事例5つ - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
こんにちは、アルバイトの岡本です。 iOS7にも導入されることとなったフラットデザイン。 今まであったフラットデザインのWindows8とスキュアモーフィックデザインのiOSという構図が崩れましたね。 というわけで今回はフラットデザインのWEBサイトを企画する際に利用したい、配色ツールを3つと、5つの事例サイトをご紹介します。 ０、スキュアモーフィックデザインってなに？ フラットデザインについてご紹介する前に、まずはスキュアモーフィックデザインのおさらいから。 スキュアモーフィックデザインとは、「skeuos（容器）」と「morph（フォーム）」というギリシャ語２つを組み合わせた造語で、「似たような人工物（工芸品や美術品など）からコピーされたデザイン」という意味があります。 iPhone標準アプリの「メモ帳」のように、「本物を使っているかのように見せるデザイン手法」を指す言葉として、使われ
UIデザインの2013年のトレンド「フラットデザイン」の事例・16個｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステムWebデザイングループの石川です。 最近のWebデザインのトレンドとして「レスポンシブWebデザイン」という手法が1～2年前から注目されていますが、それとほぼ同時期くらいから注目を集め始め、今年になって一気に知名度を上げたUIデザインのトレンドとして「フラットデザイン」というデザイン手法があります。 Web業界に身を置いている方はもちろんだと思いますが、デジタル関連のニュース記事に関心が高い方はすでに聞いたことがあるかもしれません。 いろいろなブログでも取り上げられていて、ここ数カ月で「フラットデザイン」のキーワードを見ない日はないくらい（大げさか）です。 Googleトレンド - 「フラットデザイン」 大げさじゃなかったですね...。 すごい急上昇っぷり、ウナギ登りです。 今回のエントリーでは、その話題の「フラットデザイン」の有名な事例たちをいくつかご紹介したい
日本ではこれから?!流行のフラットデザイン国内事例17個+α / SQUEEZE - Web Design Studio -
Webデザインのトレンドワード「フラットデザイン」。海外事例は多く紹介されていますが、国内事例はあまり見かけなかったのでまとめてみました。 「フラットデザイン」に明確な定義はなく、事例の選別は非常に悩みましたが、要素を含んでいるであろうサイトも含めピックアップしてみましたので参考にしていただければと思います。 フラットデザインとは簡単に言うと「立体感やテクスチャ、影など現実に似せた装飾を排したシンプルで平面的なデザイン」といったところでしょうか。 さらに、グリッドレイアウト、抑えめのトーンでの統一感、ベタ塗り、などが特徴になるかと思います。 詳しくはこちらが参考になりますのでご覧ください。 ・2013年のトレンド、フラットデザインを使うメリット+参考にしたいデザインまとめ | MEMOPATCH ・今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG 国内「フラットデザイン
フラットデザインのサイト、アイコン、配色まとめ集 | cherry-pick BLOG | 株式会社cherry-pick
かなはまです。 今回は今年大流行のフラットデザインに関するサイトのまとめです。サイト制作前にぜひ参考にしてみてください！ フラットデザインとは？ シンプルで平面的なデザインのことです。最近のWebデザインのトレンドとして、AppleやGoogle、マイクロソフトもフラットデザインを取り入れています。シンプルで現代的なUIを実現することができる半面、ユーザーがどこをクリックして良いか分かりにくい、個性的なサイトが作りにくいなどといったデメリットもあります。 レスポンシブWEBデザインまとめのまとめ 今回は、 ①配色に困ったら参考にしたいサイト ②フラットアイコンまとめサイト集 ③フラットデザインサイトまとめのまとめ を紹介します！ ①配色に迷ったら参考にしたいサイト 今年流行のフラットデザインで使われているカラーコード DieselとMicrosoftのサイトで使われているカラーコードが見れ
だいたい40秒くらいでわかる「フラットデザイン」について * prasm（プラズム）
40秒に根拠はないけど。 まあ、そんくらいじゃね？ってことで、今何となく流行っている「フラットデザイン」についてさくっと思うたけを述べます。 個人的には何かが流行るとそれに乗っかるだけでトレンディー気分を味わえるので、賛成も否定もしたくありません。トレンディー最高です。そういうミーハーな男なんです、ぼかぁ。 つーわけで、トレンディーじゃない人に対してあれこれしたアレではないという感じで、始めます。はい。 フラットデザインってなんや？ってことを最初にいわなければいけない気がしてますが、フラットデザインに関しては、「フラットデザイン」の逆と僕が思っているモノを説明することで事足りる気がしてます。 簡単にいうと、リッチデザインだわね。安直な名前で申し訳ないけど。 iPhoneのカメラ部分をまるっきり完コピしたレンズのイラスト、写真の背景の白い部分には壁の質感。床面のガラスの質感そして映り込み。簡
ログイン - Wemake(ウィーメイク)
ようこそWemakeへ！ ユーザー登録されますと、プロジェクトへの ご提案ができるようになります。 メールアドレスで登録 各種サービスで会員登録 Googleで登録 Yahoo! JAPAN IDで登録 Facebookで登録 Xで登録 アカウントをお持ちの方はこちら メールアドレスで登録 登録する 認証メールが見当たらない方はこちら 各種サービスでの登録へもどる プロジェクトに参加するには プロジェクトを開催するには プロジェクト一覧 Q&A ヘルプ（よくある質問） 新規登録 ログイン メールアドレス パスワード ログイン パスワードをお忘れの方はこちら Googleでログイン Yahoo! JAPAN IDでログイン Facebookでログイン Xでログイン 新規会員登録はこちら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Bootstrapだけじゃない！マッハでフラットや美しいデザインのUIが導入できそうなワイヤーフレームやUIキット等色々！ | バンクーバーのうぇぶ屋