Web ロゴ デザインの 11 のトレンド: 良いもの、悪いもの、使いすぎているもの

これシリーズによってもたらされますインテル AppUp℠ 開発者プログラムは、開発者がアプリケーションを作成して何百万ものインテル Atom™ プロセッサー ベースのデバイスに販売するために必要なすべてを提供します。もっと詳しく知るここ

クレジット:

この分野のトレンドに関する知識も得ました。いくつかの傾向は良いものです。他、残念。他のものは依然として単に過剰に使用されており、これはそれらすべての中で最も悲しいシナリオです。優れたデザインのトリックや書体が数か月の間に陳腐化するのを見るのは望ましくありませんが、残念ながらそれは常に起こります。

この記事では、Web 企業のロゴデザインにおける 11 のトレンドを特定しました。私たちが毎日書いているスタートアップや Web アプリに当てはまるものがいくつかあることがお分かりいただければ幸いです。そしてもちろん、ウェブのロゴに関するフィールドガイドのようなものとして、いくつかの便利なイラストも含めました。

ご覧いただき、これらの傾向についてどう思うか、そしてどのような傾向を含めるべきだったかをコメントでお知らせください。

1. バッジとボタン

クレジット:

かつてはどこにでもあった BETA から脱却しました。ボタンですが、位置情報に似たバッジ、アプリに似たアイコン、および「再生」ボタンは今でもウェブ上に表示されています。これらのロゴは、慎重にブレンドされたいくつかの白のグラデーション レイヤーのおかげで、非常に「光沢がある」傾向があります。正方形のロゴは角が丸くなっています。内側から光っているかのように光っているように見えるものもあり、それ自体が魅力的でトレンディな効果です。全体として、バッジとボタンのセットは非常に触りやすそうに見えます。

それでも、Apple/iPhone ブランドの過剰使用と結婚ぎりぎりの関係だけが原因であるとしても、この傾向が続く日は長くないかもしれません。以下も参照してください。濡れた床の効果。純粋な iPhone アプリ ショップ向けにデザインしているのでなければ、注意してこの海を航海してください。

2. 吹き出しとメガホン

クレジット:

ソーシャル Web アプリがコミュニケーションを目的としているのであれば、ソーシャル Web 企業のロゴの多くが会話を目的としているのも当然です。聞くことを中心としたロゴは少なくなりましたが (実際に巨大な耳のロゴを見かけたら、ぜひお知らせください)、メガホンや吹き出しはたくさんあります。

3. 不透明度を楽しむ!

クレジット:

Photoshop で乗算とオーバーレイのブレンド モードを初めて発見したときのことを覚えていますか?その瞬間があなたの人生を永遠に変えたなら、あなたはおそらく、不透明さを繊細に演出したシンプルでエレガントなロゴの美しさを理解しているでしょう。

このロゴの処理はすべての Web アプリで機能するわけではありませんが、クラシックな形状を新しい観点から表現する多用途で時代を超越した方法です。この基本的な効果は、MasterCard を思わせるデザインで単純に使用されていますが、HTML5 や Microsoft Silverlight などのロゴでは、さらに複雑な不透明効果が使用されています。

描画モード、不透明度、形状の重なりをいじって、類似の配色を試してみるのも楽しい方法です。

4. かわいいイラスト

クレジット:

森の生き物たちに告ぐ: あなたはインターネット上で指名手配されています。実際、今よりもあなたに需要があったのは、ディズニーが甘ったるい「プリンセス」映画を作っていたときだけです。

なぜこの目を丸くした愛らしい生き物がロゴデザインに登場するのでしょうか?アプリって大人向けですよね?特に次のようなアプリ地震、パワー ユーザーと企業向けの強力な Web アプリ ダッシュボード、およびGitHub、ソースコードホスティングの業界標準。

いつ、どのように、あるいはなぜなのかは正確にはわかりませんかわいいは本格的なビジネス向けのロゴデザインにカムバックしましたが、これほどかわいいロゴがあれば、誰が文句を言うのでしょうか?

5. スクリプト、スラブ、その他のクールなフォント

クレジット:

一緒に言ってください:「私は使いません」射手ウェブ会社のロゴデザインに。」

Archer とその同類は、過去 2 年間にわたって、数多くの記憶に残る Web 企業のロゴに大きな効果を発揮して使用されてきました。そうは言っても、スラブの年は決して終わったわけではありません。実際、現時点では伝統的なグレゴリオ暦の年というよりも、むしろ画期的な年です。スラブ セリフ フォントは、ユニークなフォントであれば、ロゴのサンセリフに代わる有力な代替手段として今でも使用されており、ウェブ コミュニティでは今でもスラブ セリフ フォントを楽しんでいます。

そうは言っても、特にロゴがタイポグラフィのみの場合、優れた魅力的なスクリプトは、これまでで最も生き生きとした、最も予想外のロゴの選択肢の 1 つになる可能性があります。 Rephoria では、私の個人的なお気に入りである Candy Script を使用しています。これはスワッシュの多いナンバーで、作品としては官能的すぎますが、それでも 1 単語のロゴとしては十分です。

ロゴデザインに珍しいフォントを使用する場合は、抑制と読みやすさが重要であることを覚えておいてください。

6. 緑と植物のインスピレーション

クレジット:

植物や葉はグリーンテクノロジー企業だけのものではありません。成長を予測しようとする場合、最も明白なロゴの選択肢の 1 つは植物相です。恥ずかしがり屋の葉っぱ、縮れたつぼみ、発芽した種子、あなたの会社の新鮮な問題解決と急速な拡大をこれ以上に伝えるものは何でしょうか?

7. 四角形

クレジット:

それは長方形でも正方形でもありませんが、それが何であれ、どこにでも現れます。ウェブを信じるなら、四角形は新しい点です。ひし形から平行四辺形、形容しがたいが角張った塊に至るまで、これらの形状はポストモダンで消費者に優しいものを目指しています。

8. レトロゲームのリファレンス

クレジット:

おそらく、最近の Web デザイナーも 80 年代後半の子供たちだからかもしれませんが、最近、疑似レトロでビデオ ゲームにインスピレーションを得たロゴ作品をよく目にするようになりました。これらのデザインは確かに風変わりで、マニアックでクールですが、一般のユーザー向けに使用する場合は注意してください。キノコの 8 ビットのピクセル化されたグラフィックに対して、誰もが私たちと同じノスタルジーを感じるわけではありません。

9. カラーコーディネートされた複合語

クレジット:

Web スタートアップの名前とロゴは密接に関係しています。私たちは複合語フェーズ(「Packg」や「Clevrr」などの名前の Web 企業を生み出した悲劇的な「母音欠落」フェーズの直前に最も悪影響を及ぼした)を過ぎて数年が経ちましたが、私たちは取り残されてはいません。 2 つの元気よくコーディネートされた色の単語を組み合わせたロゴへの私たちの愛。

このトリックは、この本の中で最も古いトリックの 1 つです。これは特にヴィネリ アソシエイツによる 1967 年のアメリカン航空のブランド変更に使用され、その 2 単語の名前が赤と青の 1 単語のロゴになりました。

10. ロゴタイプ

クレジット:

ウェブ界の大手、次のようなサイトグーグルそしてフェイスブック、そのまったくのシンプルさで一世代のロゴデザインにインスピレーションを与えてきました。多くの場合、これらの初期のロゴタイプは正当なロゴ デザインではなく、「スタートアップの名前をシンプルなフォントで入れて Web に貼り付けます。ブランディングについては後で考えます」というものでした。

サンセリフ体の名前は、あなたの会社には証明できるものが何もなく、プロモーションよりも製品に重点を置いているということを示しています。それがうまく実行されれば、それは強力な発言となります。しかし、下手をすると、性急で、ずさんで、幼稚で、素人っぽく見えてしまいます。

ロゴタイプは、CSS3 のおかげで、最近人気のエンボス加工や活版印刷の外観など、エキサイティングな書体やトレンディな処理を試す絶好の口実にもなります。

11. ノード、スポーク、ハブ

クレジット:

リンクされたデータやシナプス Web などの概念の間に、これらのデザインが登場することを確認する必要がありました。これらは分子構造と、1950 年代のミッドセンチュリーのモダンなスプートニクにインスピレーションを得たデザインの最新版である K'nex を思い出させます。これらのロゴは通常、Web 上の人々とコンテンツ、またはより文字通りの解釈ではコンピューター ハードウェア回路の相互接続を表すことを目的としています。

この概念の優れた研究は、バーナード・バリーのデザインです。2010 f8 カンファレンス

どのような傾向に気づいていますか?

最近、Web 企業のロゴにはどのような傾向がありますか?もう何にうんざりしていますか、そしてもっと見たいものは何ですか?コメントであなたの意見を共有してください。

インテル AppUp℠ 開発者プログラムでサポートされているシリーズ

これシリーズによってもたらされますインテル AppUp℠ 開発者プログラムは、開発者がアプリケーションを作成して何百万ものインテル Atom™ プロセッサー ベースのデバイスに販売するために必要なすべてを提供します。もっと詳しく知るここ

Mashable のその他の開発および設計リソース:

-フォローすべき Web フォント デザイン トレンド トップ 5

-HOW TO: ハイブリッド デザイナー/開発者になる

-Flash と HTML5: Adob​​e が重要視

-デザイナー向けの 10 の無料 Web UI キットとリソース

-タイポグラフィーナット用アクセサリートップ 10 [PICS]

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe Now & Never Miss The Latest Tech Updates!

Enter your e-mail address and click the Subscribe button to receive great content and coupon codes for amazing discounts.

Don't Miss Out. Complete the subscription Now.