ロゴデザイン-比phorと読みやすさの良い組み合わせを見つける


31

現在、友人の新しいビジネスのロゴをデザインしています。私はロゴデザイナー(非常に悪い引き出しでもあります!)よりもUI / UXデザイナーの方がはるかに多いので、苦労しています。

会社名は「コレリア」です。これは、スターウォーズ(私の友人はスターウォーズのファン)のハンソロの誕生惑星への言及であり、彼が仕事をするのが大好きなテクノロジー(別名「.Netコア」)への言及と混ざっています。

インスピレーションを少し探して、本当に楽しかったことを試しました。ここにあります:

Corelliaロゴトライアウト

それは会社の2つの比mixを混ぜているので、私はそれが大好きです。C / Oは惑星とその月が通り過ぎるように見えますが、文字Cの「コア」も示しています。また、フォントはボーナスとして少しスターウォーズのようなものです。

しかし、ラムダの人々にそれを見せたとき、彼らはCを見ていなかったので、なぜそれが 'Orellia'と呼ばれるのか疑問に思いました。

ロゴのメタファーと読みやすさのバランスをどのように見つけますか?

Cを円形でないように設計すると、惑星/月が壊れます。ロゴからC / Oを取り出して、その横または下にCorelliaの単語を書くこともできますが、簡潔さと効率性に欠けると感じています。

溶液

まず第一に、あなたの批評と助けを提供してくれたすべての人のおかげで、それは本当に素晴らしかったです!

時間が制約であるため、すべてのソリューションを試すことはできませんでした。しかし、私は私を助けたすべての解決策を支持しようとしました。

記録のために、最終的なロゴを以下に示します。 ここに画像の説明を入力してください

だから、私は人々が見ていなかった手紙であるCに焦点を当てました。私はそれを左に動かし、またエッジを広げるようにしました。そのため、Cのように見え、Oは邪魔になりません。

比metaは少しわかりにくいですが、クライアント(私の友人)はそれに満足しています。


3
これは、このWebサイトでの批判的な質問の例です。Pierreさん、ようこそ!
ビンセント

26
正直言って、人々がOrelliaとしてそれを読んでいるのにはかなり驚いています。私は即座に、そして明白に、それをCorelliaとして(質問のテキストを読む前に)読みます。そして、私はOrelliaとしてそれを読むことさえできません。オレリア(黒/白の惑星ではなく、緑の月を小文字のoとして撮影)またはOorelliaのいずれかであることがわかりますが、惑星と月を1つの大文字のOとして一緒に読むことは私には不可能です。コレリアは、私の目には最も明白な選択肢です。
ヤヌスバズジャケ

4
わたしも。しかし...私は最初にテキストで「Corellia」という名前を読んだので、ロゴに来たとき、私はすでにそこを探していました。しかし私は「Orellia」を読むために自分自身を強制することができた場合、私は設計要素のいくつかの並べ替えとして緑色のオーブを無視します。
-Vilx-

3
私はそれをオレリアと読む
ザック・

3
私はまったくデザイナーではありませんが(プログラマー)、これをプログラマーに見せている人(.NET Coreが言及されているためだと思います)は、 -プログラミング本を出版する「O'Reilly」という有名な出版社。少なくとも、ロゴがにそれを思い出させたことを知っています。それがが「Orellia」とも読んだ理由かもしれません
アレクサンダーレボ

回答:


8

あなたのロゴはそのまま素晴らしいです、おめでとうございます。

JPGで圧縮された小さな解像度の画像を投稿して、たった1つの犠牲をコミットしました...恥!n_n

「新しい」オプションを検討するつもりはありません(ごめんなさい)代わりに、私はあなたのロゴを分析しようとします。

混乱は2つの要素の間にある可能性があります。

  1. スペース

Cから他の文字までの想像上の文字間隔で遊ぶ余裕があります。ご覧のとおり、かなり近いです。

ここに画像の説明を入力してください

  1. Cのカットと形状

他の要素は非常に微妙です。緑の点のアウトライン、申し訳ありませんが、緑の月を使用するのではなく、直線を使用して正しく行いました。

しかし、それでもおそらく、この2つの要素の対称性の多くに依存しています。

ここに画像の説明を入力してください

それで、これで遊んでください。1.スペース、2月のサイズ(スペース)およびCの境界の角度。これを月からさらに分離します。

このカットと月の対称性を壊そうとしている2つの例を次に示します。

ここに画像の説明を入力してください

この要素を試して、必要なバランスを見つけてください。


ただし、注意してください。誰もがロゴを理解したり、同じことを読んだりすることを期待しないでください。

ロゴは、それ自体を何度も繰り返し使用し、スローガンのような他の要素やその隣の会社名とともに使用する必要があります。そのため、人々はアイデアを関連付け始めます。

ドミノはピザとどう関係しますか?アマゾンの矢は、不思議の国のアリスの猫のような奇妙な漫画のような笑顔ですか?ナイキのスワッシュは試験の正解に基づいていますか?


これを実際にもう一度見てみると、このフォントの「r」も「o」の周りのスペースが壊れている原因だと思います。これもまた、このフォントが実際に問題の一部であると思うので、フォントを完全に変更する可能性があるという私の提案はまだOPによって検討されるべきです。
ルシアン

私は彼のデザインが本当に好きでした、それはほんの少しの微調整の問題です。
ラファエル

24
  • 緑の点は、Oとして読み取る必要があるCの部分を埋めています。Oの輪郭を描き、Cを戻すと、知覚の問題は修正されますが、ロゴは修正されません。

コレリア

  • 個人的に、私はそれを非常に原始的なデザインのアイデアだと考えています。コンセプトは良くて明確ですが、より多くのデザイン作業が必要です。このロゴがこの会社の特定のロゴであり、頭痛薬のロゴではない点を探してください。

ロゴ2

ロゴ3


これは素晴らしいアドバイスです。ありがとう!しかし、少しでも押しのけて、Cが「コア」の隠phorをあまり壊していないのではないかと思っています。全体的なデザインはあまり詳細ではありませんが、できるだけきれいに保つのが私のスタイルです。また、無料でやっているので...:D
ピエールバートン

2
無料のデザインは、悪いデザインと同じではありません。良いデザインはあなたのポートフォリオの一部であり、誰かがそれを見るとき、それが無料であるかどうかを彼らが尋ねる最初のものではありません。
ダニエルジョ

2
冗談だよ 何が起こっても良い仕事が大好きです。最終的に、詳細を追加することは必須ではないと思います。例としてGoogleのロゴを見てください。ロゴのデザインは時々私が側でやることだけなので、私はそれをあまり押し込まないでください。ただし、これはこのロゴの最初のショットではありません。最初にいくつかの反復と試行を行いました。
ピエールバートン

Googleロゴの古くて
ハックされた

7
@Pierre「コア」のメタファーが壊れるとは思わない。というか、そもそも比metaとしてそれがはっきりと伝わったとは思いません。それは明らかに会社の名前の一部ですが、月が地球上で重なっている量は、比efficiencyの効率に違いをもたらすようには思えません。月を少し押し出すと、C + oであることが明確になります。このロゴにはシンプルな方が良いということに同意します。ここでは、ダニエルジョの3つのオプションのうち最初のものを選びます。
ヤヌスバズジャケ

8

私が持っている2つのポイントは:

  • 「o」が惑星の核となるように「orellia」に移動することを検討してください。
  • また、Cの口をもう少し開くことを検討してください

ここに画像の説明を入力してください
粗雑に編集された画像はご容赦ください


10
、オレリアとしてそれを読むことができます。
いいえU

4
私が座っているところのクレリアです。
ミスターリスター

8

これは、あなたが望むメタファーを保持するためにこれをどのように解決するか、そしてあなたの問題をどのように解体したかについてのいくつかのリードの例です。

ここに画像の説明を入力してください

  • 軌道は細い線で描かれることが多いので、比phorがよく理解されるようにワードマークを薄くしました

  • あなたのワードマークからのCは、その曲線のためにフォントの他の部分から際立っています。私はあなたが使用している元のフォントで四角い形であることに賭けたいと思っています。見た目は「SF」ではありませんが、丸いフォントを使用すると読みやすく、Cとワードマークの残りの部分との関連付けに役立つと思います。楕円ではなく、円のように見えるCの幾何学的フォントも選択する必要があります。恐らくサイエンスフィクションの感覚を備えた同様のフォントを見つけることができますが、手元にあるものを使用しました。

  • グラデーションを使用して、「空間」に関連した動きを示唆する深さを提案しました。

  • Cを少し高くして、Oとの潜在的な混乱を少なくします。

  • 「惑星」にいくつかの次元と機能を追加して、惑星のように見えるようにし、他の惑星から目立つようにしました。軌道に使用したグラデーションと照明の一貫性を保ちました。

ロゴに関して言えば、グラデーションの方が細かく、細いフォントは最適ではありませんが、質問のメタファーと読みやすさの部分を扱いたいと思いました。Corelliaという名前が既に商標登録されていないかどうか、友人にもう一度確認してもらいたいと思います。

ETA:勾配のない同じものがあります。軌道は少し表現されていますが、隠phorはまだ存在しています。 ここに画像の説明を入力してください


1
画像は素晴らしいですが、私は理由のためにそれをダウン投票しました。Oの問題を解決するだけでなく、別の問題、グラデーションや場合によってはハーフトーンの使用も導入します。それは単なる「フラットスタイル」の問題かもしれませんが、技術的な問題でもあります。私の意見では、ロゴの中核部分としてグラデーションを使用すべきではありません。それは視覚的な構成の問題であり、効果の問題ではありません。しかし、画像は素晴らしいです。
ラファエル

@Rafael公正ですが、答えの最後にこれらの短所を指摘しました:-)
好奇心

私の意見では勾配は問題ないので、私は賛成しましたが、そうでなければラファエルに同意しますが、これはOの問題をまったく解決しません。
ルシアン

私は、デザインがピエールが含めたかった隠withと非常にうまく機能し、単に見事に見えると思うので、賛成しました。個人的には、元のロゴを見ると「コレリア」が見え、それでもこのロゴを見ると「コレリア」が見えるので、正直に言って「O」の問題全体を理解することはできません。
ロキラウフィーソン

5

C名前の前にアイコンのように見えないように小さくしてみてくださいが、実際には名前の一部のように見えるはずです。この時点で、それは確かに、何かを前に置いて「オレリア」のように読むことに似ています。

Oグリーンを作ることも良いアイデアではありません。なぜなら、それは分離を示唆し、視覚的Cに実際の言葉遣いを外に押し出すからです。


あなたのフィードバックは質問の読みやすさの部分に対して本当に賢明だと思いますが、これはメタフォア全体を消し去ると思います。また、単純に古い「Corellia」という言葉を書くこともできます。
ピエールバートン

4

ここでたくさんの良い会話。私の最初の考えの言及を見ていないので、私はそれを提供します:

たぶん、最初の4文字を1色にしますか?PRO:これは(Net Coreの)「コア」部分を強調し、「C」を文字として見るのに役立ちます。CON:流れを「llia」部分に分割する可能性があります。「コア」と「リア」の概念的な分離を和らげるために、色調に近い色で遊ぶことができます。それがどの程度役立つかはわかりませんが、試してみる価値はあります。惑星と月の関係を保持するために(これはクールです)、惑星と月の間のシェーディングを使用できますが、同じ色相を保持できます。

「頭痛薬」ではなく「Net Core」(または「Accounting Services」だと思います)と言うデザインを見つけることに関するDanielliloのアドバイスは、行き詰まっているようですが、野心的です。マーケティング部門が100万ドルをブランド認知に注ぎ込む前に、いくつのロゴが排他的な意味を認知的にトリガーするかはわかりません。

別のオプションとして、惑星月の事柄をダブルダウンし、それらをよりグラフィカルに支配的にし(ダニエルリロのように異なるデザイン機能を使用して)、月よりも小さなフォントでペア全体にフルネームを書くこともできます。PRO:読者はすべての手紙毎回初めて手紙として見るでしょう。CON:惑星と月のペアの意味は少し不思議に思えるかもしれません。しかし:(1)私は、グラフィックと文字の間のCoのエコー(複製)が好きです。(2)ほとんどのロゴは、最初は非常にarbitrary意的であるように見えますが、その後、繰り返し露出されることで所有会社と同義になります。


3

Cを読みやすくし、「コア」の一部として表示するには、異なる色の1文字にすることができます。

Cに平らな端を持たせた場合、惑星の周りの輪郭ではなく、より明確になります。

2つの円形の文字は、将来のフォントとうまく調和しません。

通常のCやその他の通常の文字の横にある「o」は適格ではありませんが、理解するために脳を一時停止させます。

比phorは私にとっては成功していますが、コアOが中心にないというのは本当に面倒です。どのようなコアが流出していますか?


3

もう一つのアイデアは、に焦点を当てることであるOと残しC、これはそのラウンド形状を利用しない理由惑星、約ているので、そのままを。C通常の調整なしで入力するだけでO、実際のアイコンに変わります。これは、もはや分離しないだろうCし、元の丸い緑続けるO回避しながらアイデアをC- O混乱を。

ここに画像の説明を入力してください

後の編集:フォントを変更することはお勧めしません。また、実物よりも光沢のあるボールを提案することもしていません。これは、独自のフォントとボールサイズを使用して、既存のコンテキストで自由に解釈できます。これは、Oがすでに惑星のように見えるという明白なポイントを示しているだけです。:)


これは試してみてください。これはNutella書体ですか?:D
ピエールバートン

3
「o」はこの例では非常に圧倒的です
ザックソーサー

おそらく、しかし解決策を強調するためだけに。OPはこれで自由にプレイできます。このロゴをデザインしているわけではありません:)
ルシアン

ここで「O」は少し大きいかもしれませんが、惑星が大きいので、テキストの他の部分よりも大きくするというアイデアが好きです!
ダンC

個人的には、これはユーザーがすでに達成した結果の欠点だと思います。解決策は、フォントと完全に新しいプロポーションを変更するのではなく、すでに持っている要素のプロポーションの問題でした。さらに、勾配は不要または推奨されません。
ラファエル


1

ここに私のテイクのいくつかがあります。良くしたか悪くしたかはわかりませんが、読みやすさを改善しようとしました。

Cを移動しました

まず、Cを少し左に移動しました。あなたはそれを厄介な辺りに持っていたと思います:OはCの内側と外側の間の端にありました。これは通常の文字のようにしっかりと外側に置きます。また、Cを約15%縮小しました。

下線付き 下線付き2

下線、私はあまり確信がありません。Cがその一部であることをさらに強化するために、単語全体をグループ化したかったのです。ただし、Cを中央に配置することにより、多くの不均衡な空白を残さずにこれを行うのが難しくなります。(Cを上に移動させたくなかったのは、Cがオクルードされた首都Oのように見え始めたからです。)

右側のバリアントは空白の問題を解決し、私には魅力的に見えますが、おそらく下線の意図した効果を無効にします。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.