All Articles Web
あなたのウェブサイトやマーケティング資料のためのフラットなデザインの利点
Elaine Ashburn on Thu, June 12th 0 comments
Elaine Ashburn breaks down how flat design can add depth, not only to your website but to ALL your marketing communications. Essential reading for creatives, designers and marketers.

クリストファー·コロンブスの信念に反して世界は平らである。あなたはそれは私の言葉を取るいけない場合、ちょうどあなたの携帯電話を見てください。フラットiOS7。 Windows 8のフラット。フラットデザインは世界を席巻してきた。 (写真1)

Pic 1

PIC 1

まさにフラットな設計であり、なぜそれが重要なのですか?

IVEは、フラットなデザインがボタン、アプリやウェブページの上のレンダリングに報復で作成されたと言ういくつかの記事を読んで、私はその構想のための現実はK空間(キロバイト)を保存することであったと信じています。あなたが画像上に置くすべてのグラデーション、テクスチャや影が貴重なK空間を占め、特に携帯電話やタブレットは私たちのインターネット検索の63%を担当すると、あなたが得ることができるすべてのK空間を必要としています。そして、ええ、それはあなたがもはや視聴者が安全な気分にさせる現実の錯覚を作成する必要があることも事実ではありません。誰もが、彼らは自分のデバイスに与えるアイコンの意味と何をすべきか知っている。図像が当たり前になり、フラットなデザインだけでこれらのアイコンを簡素化する前に、実際には、ほとんどの視聴者は世界を覚えてカント。 iOS7版(フラット)対OS Xからの(異なる素材による模造の)Safariブラウザの古い解釈を見て、あなたが私の考えはどんな信憑性を保持していると思ういけないなら、私に教えて? (写真2)

Pic 2

写真2

現実には、フラットなデザインは、しばらくの間、回避されてきている。それはとても、さわやかな清潔でモダンに見えるのでそのわずか数年で人気を得。レトロな色(サーモン、紫、緑とyellowlike 1950自動車)、サンセリフ体のタイプと単純絵文字の組み合わせは、この全体的な感触に貢献しています。ボタンがまだあっても、我々は過去のボタンに関連付ける面取りし、階調なしでクリック可能にしています。あなたの細目やウェブサイトを入力する場所がまだウェブサイトのように見えるように入力フィールドが止まっているように。その2Dは、3Dと比較して。 (偉大なフラットデザインの入力フィールドの例については、ピック3、rdio.comを参照してください。)

Pic 3

PIC 3

それでは、これほど人気が​​?

ミニマルなと思います。フラットなデザインは、すべての余分な物なしで個別のルックアンドフィールを持っています。そのようなあなたの携帯電話で、それを間違ったボタンを押すことの少ないチャンスでかなり簡単にナビゲートできますので、ミニタブレットのような小さな画面で特に便利。あなたが本当にあなたのデザインにビジュアルを追加したい場合は、いくつかの簡単な写真撮影を試してみてください。写真は自然の深さを持っていますが、彼らは他のすべての要素のシンプルでうまく動作するように見えることをはい、その真。

いくつかの例

アイブ氏は、フラットデザインで完全に行われ、私が愛するいくつかのウェブサイトを見つけました。そして、ちょうど限りイムとして懸念して次のレベルにそれを取る写真、とそれを組み合わせることがいくつか。

Spelltower

私がお見せしたい最初の1がSpelltowerです( spelltower.com )。 Spelltowerは、Mac、iOSの、またはAndroidデバイスのためのスペルゲームです。ウェブサイトの同じようにクールな持って、そのクールなゲーム。サイトをiOSタブレットと同様の機能を、独自のスクロールダウンがあり、フラットなデザインが全体で使用されている。私はそれについての最も好きなもの?その楽しさ、漫画、単純、それはあなたがこのゲームを購入するために取得するだけで1目的を持っています。 (PIC 4)

Pic 4

PIC 4

Huxtaburger

これはオーストラリアのサイト(あるhuxtaburger.com.auハンバーガーを販売する最も単純なのフラットデザインを使用しています)。このサイトは非常に多くのタブレットは、あなたは、単に下にスクロールや左右に移動しないように動作します。そして、それはあまりにもオンラインでのみごハンバーガーを注文し、最寄りの店でピックアップする1 functiontheの能力を持っています。私はこのサイトの外観や動作方法が大好きです。名声オーストラリア。 (PIC 5)

Pic 5

PIC 5

Fitbit

私がお見せしたい次のサイトはFitbitです( fitbit.com )。あなたの健康を保つのに役立ついくつかの異常な製品のためのサイト。あなたは、彼らが販売するデバイスに同行のオンラインツールやアプリでフィットネスと健康に向けた進捗状況を見ることができます。このサイトは、フラットデザインと写真、オハイオ州のようによく一緒に2作品の組み合わせの両方を利用しています。 (PIC 6) Pic 6

PIC 6

紙タイガー

これは、その企業のWebサイトのフラットデザインのポイントに写真撮影のレベルを離れてストリップニュージャージー州のうち、デジタルデザインエージェンシーです。彼らはまた、企業の最も保守的に均等に受け入れられるユニークな外観のための伝統的な図像と混ぜる。 (PIC 7)

Pic 7

PIC 7

フラットなデザインだけウェブ用で誰が言った?

ダイエット·コーク

フラットなデザインだけで嵐でウェブを取っていない。そのまた、地下鉄を放った。今タイムズスクエアシャトルの壁を支配ダイエットコーラの広告には、フラットなデザインの華麗な例である。私には平坦化されたグレー表示画像、これらの広告主に白、フラットなデザインを例示する。はいCAN自体は3次元であるが、その背後にあるフラットタイプの使用が素晴らしいです。嫉妬IM。私はこれらの広告を思い付いたい。 (PIC 8)

Pic 8

PIC 8

そして少なくとも最後のではなく、フラットなデザインも、あなたのスーパーマーケットの冷蔵セクションに記載されています。

友情カッテージチーズ

私はデザインの恋人であることは、いくつかの利点がありますね。私はかなり偶然友情カッテージチーズ·ライン用のパッケージを発見しました。カッテージチーズのトップスは、私の目を引いたとき、私は私の好きな​​ギリシャのヨーグルトを探していました。彼らは、鮮やかな色とフラット設計思想を取り入れ、大胆である。 (PIC 9)うん、あなたは正しい推測。二種3は私の食料品カートに彼らの方法を作った。友情は私が買い物方法を知っていた場合。

Pic 9

PIC 9

私はこの記事にサインオフように、病気を考えるように何か他のものを残す。 FacebookやTwitterやRdio.comがサインオフは、全てのフラットデザインを採用しています。多分あなたの次の設計プロジェクトもすべき。 (PIC 10)

Pic 10

PIC 10


Related Videos
Comments (0)

You must be logged in to comment.

XHTML Basics
Web Design 101
Dream It. Do It.
Do you want to learn XHTML Basics?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: