web-dev-qa-db-ja.com

ソフトウェアショップ向けのオタク向けのウェブサイトデザイン

スタートアップのブランド化を進めています。対象となるお客様は、世界中のテクノロジーショップです。したがって、私たちはロゴとウェブサイトのルックアンドフィールが技術者とオタクに魅力的であることを望みます(これらは私たちのウェブサイトにアクセスする唯一の種類の人々ではないため、一般の人々にも受け入れられるべきです)。この目的のためにグラフィックス/ウェブサイトをデザインすることに関して、研究に基づいたヒントや結論はありますか?色、レイアウト、技術者が好きまたは嫌いな言葉のように。

私は技術者なので、個人的には黒、グレー、オレンジ、赤が好きです。これらは、stackoverflowで使用されるのと同じ色です。だから、ほとんどの技術者がこれらの種類の色を発掘するかどうか、私は考えさせられます。さらに、ほとんどすべての企業のウェブサイトは青、白、緑の色を持つ傾向があります。企業にアピールするこれらの色について何かありますか?私はデザインとユーザーインターフェイスに関しては第一人者ではないので、これについてあなたの意見を求めています。これは、私たちのショップのブランディングを行う際に本当に役立ちます。

[〜#〜]編集[〜#〜]

このWebサイトの目的は、主要なソフトウェアショップをテクノロジーパートナーおよびコアチームの拡張として利用することです。このWebサイトは、才能を引き付けることも目的としています(ソフトウェア開発者)。

1
Chirantan

私は、特に色の選択と同じくらい個人的なものに関して、あなたの聴衆をステレオタイプにすることに警戒するでしょう! :)

開始の正確な目的を指定していないため、サイトの目的が即時サービス(たとえば、商品を販売している)を提供することか、ブランドのショップウィンドウとして機能することかは不明です/会社。前者の場合、物事を最小限に抑えることは、非常に強い客観的感覚を持ち、できるだけ早くそれを完成させたいと考えている聴衆に評価されることをお勧めします。したがって、スタックオーバーフロータイプの外観は非常に適切です。

ただし、ブランドとして販売している場合は、最新のWebデザイン/ Web標準サイトの多くに典型的なアプローチを採用することをお勧めします。あなたの聴衆が恩恵を受ける可能性が高いもの。私が特に好きないくつかの例は:

ところで、 Web用の設計の実用ガイド(Mark Boulton) には、色とそのWebでの応用に関する素晴らしいセクションがあります。

5
Bobby Jack

スタートアップとして、これに多くの時間やお金を費やしたくないと思います。それにもかかわらず、日曜大工の美的デザインには、機能的デザインと同様にいくつかの研究と実験が必要です。幸いあなたにとって、ユーザーはおそらくあなた自身によく似ています。ユーザーがあなたと同じように個人的にと仮定しないでください。ただし、同僚を引き付けるもの、たとえば、キュ​​ービクルに何があるかを見てください。デスクトップの禅の滝はありますか?ディルバートの漫画?革のフライトジャケット?変圧器のおもちゃ?モナリザ?いくつかの種類を取得するには、非常に異なる職場で数人の同僚(および潜在的な顧客)を訪問するように手配してください。理想的には、あなたのケースでは、海外から連絡を取り、彼らに彼らの仕事場の写真を送ってもらい、それらについて電話またはスカイプで彼らと話すように頼むことを試みてください。

あなたの観察に基づいて、あなたは持つ美学を探すべきです:

  • 魅力、形式と構成の基本原則と一致しています。すべての技術者が好む特定の色のセットがあるようではありませんが、一般的に他の色よりも見栄えが良い色の組み合わせがあります。エッジの効いた、またはトレンディに見えないように注意してください。数年後には見苦しくなり、大流行しそうなときにすぐに古臭く見えたくありません。

  • 肯定的な参照。ユーザーが賞賛するものへの文化的な参照を呼び起こします。青や緑のような色は(温度のように)「涼しい」ので、ビジネスのための保守的で安定した穏やかなパートナーを示唆している可能性があります。オレンジと赤は「温かみのある」色で、行動、興奮、または感情を示唆している可能性があります。多くの企業が前者を呼び起こしたいと思っていますが、何を呼び起こしたいですか?文化が特定の組み合わせで持ついくつかの特定の関連付けもあります。米国では、たとえば、オレンジと黒は、(a)ハロウィーン、および(b)ハーレーデビッドソンに関連付けられています。代わりに、多分あなたはトランスフォーマーを呼び起こしたいと思います。またはレオナルドダヴィンチ。いずれにせよ、コピーするのではなく、提案したいのです。これにより、とりわけ著作権違反を回避できます。大物を狙うような訴訟も望まない。

  • コミュニケーション、あなたの会社がユーザーに提供するものをあなたの参照によって提案します。たとえば、自動化されたコード移植ソフトウェアを作成する場合、美学は翻訳または変身を示唆している可能性があります。おそらくトランスフォーマーへの参照です。ソフトウェア開発でルネッサンスを引き起こすと思われるコーダー向けのすべてを生産性の高い環境にした場合、ダヴィンチがあなたの男かもしれません。

  • 非干渉、色、フォント、ロゴ、および視覚的な仕切りの選択にかなりこだわります。美的感覚を最小限に抑え、機能的に保ちたいというボビージャックの回答に同意します。特に職場では、ユーザーは主に自分の仕事を成し遂げることに関心を持っているので、それをイライラさせないようにしてください。たとえば、前景色と背景のコントラストがよく、フォントが読みやすいことを確認してください。見栄えを良くするためだけでなく、類似の機能または関係によって要素ごとに整理します。

1

特定の色や色のセットは、色の調和ほど重要ではありません。色理論によれば、これは、組み合わせた場合、中程度の灰色に見える色の混合を介して達成されます。それは最も楽しい色の一つと考えられています。

組織が同様の色を使用する理由はいくつかありますが、ここにいくつかご紹介します。

  1. 別のブランドまたは業界に関連付けられることを望む
  2. さまざまなメディアでカスタムカラーを使用する場合の技術的および経済的制限。
  3. 群衆から異なる/オリジナル/目立つように見えることに対する一般的な恐怖。
  4. 想像力の欠如。

さらに重要なのは、ブランドを作成するためのかなりよく知られたプロセスがあることです。アリナウィーラーの本をご覧ください。

0
Tucker