魅力的でありながら技術的なアーキテクチャ図を作成する[終了]

「魅力的な」ソフトウェアアーキテクチャ図を作成するためのアドバイスはありますか？マネージャーは、現在のアーキテクチャ図（Visioと基本アイコンのみを使用して構築された）を、技術的ではないエグゼクティブレベルのタイプに提供しなければならないプレゼンテーションのためにより魅力的にするように指示しました。彼は、あなたが顧客に見せたり、人々が使用するマーケティング用のものを持っているつもりだったと思います。

人々が持っている特定のアイコンセットや特定のヒントはありますか？プライバシー上の理由で現在の図を投稿することはできませんが、一般的なアイデアを得るために、それは単なるテキスト、行、サーバーアイコン（http://www.227volts.com/wp-content/uploads/2009/03/exchange2007visiostencils.jpg）ですそれは私が使用しているアイコンセットです。

私はそのような「もっと魅力的な」ものを作る方法について正直に混乱しています（地獄、私は常に黒と白が最高の色の組み合わせだと思います：P）

編集：

このようなものは、http：//rollerweblogger.org/roller/resource/linkedin-today.pngのように、すべての色などで「プロフェッショナル」と見なされていますか？

私はマネージャーに尋ねましたが、彼が言ったことは、私が具体的に何をすべきかについての質問を避けながら、市場性を高めるだけでした。

この質問は大きすぎて、ポイントごとに正確に答えることができません。デザインに関する本やユーザーエクスペリエンスに関する本があり、ソフトウェア、消費者向け製品、書籍、広告、赤ちゃん向けのおもちゃをターゲットオーディエンスにより魅力的にする方法を詳細に説明しています。実際、あなたの質問は次のようなものです：

私はデザイナーです。プログラミングのアイデアはいくつかあります（学校で2週間Basicを学びました）が、プログラミングを学ぶ時間はありません。ASP.NET MVCとMicrosoft SQLを使用してゼロからeコマースWebサイトを作成するように求められます。これらの2つのことと、それらを使用して成功する仕事をする方法を教えてください。

すべての場合において、「魅力的な」チャートを作成したいが、数十冊の本を読む時間がなく、あなたの会社にデザイナーがいない場合（可能ですか？）、何からインスピレーションを得ることができますかプロのWebサイト、プレゼンテーションなどを参照してください。いくつかのルールとパターンに注意し、チャートに適用する必要があります。いくつかのルールはウェブサイトではうまく機能するが、消費者製品や赤ちゃんのチャートやおもちゃでは失敗するため、時々間違っているかもしれませんが、一般的には成功する可能性が高くなります。

たとえば、編集でチャートを取得した場合：

最初のエラーである影に気付きます。影は注意して使用する必要があります。Webサイトでは、このような使用は受け入れられません。影の使用方法の良い例はApple.comです。ユーザーが操作できる各要素には小さな影があり、ボリューム感があります。他の要素には影がありません。チャートの場合、ユーザーはチャートと対話することを意図していないため、これはより受け入れられる場合があります。それでも、影は大きすぎて、要素から離れすぎています。また、ここでは、それらの必要はありません。各要素にはすでにborderがあります。

経験則：KISS（または、必要に応じて「怠け者になる」）。境界線と影と背景色を同時に追加しないでください。テキストを太字の斜体Arial Black 200赤に下線を付け、ライムの背景に黄色の境界線を点滅させないでください。視覚的なインパクトを加えるために必要なことだけを行い、それ以上は行いません。

チャートのスタイルを考えてみてください。これらの見苦しい黒と白のUML図を見たいと思う人はいません。しかし、オーバースタイルしないでください。悪化するだけです。UMLの黒と白の図はいですが、使用できます。虹色のマルチフォントが点滅するGIFアニメーションのがらくたは、色が変化するアイコンや矢印がたくさんあるため、見苦しいだけでなく、使用できません。

チャートについては、コンテキストの特異性を覚えておいてください。プロジェクターで表示する場合、白い背景に緑色のテキストを配置することはできません。壁に投影すると魔法のように消えます。それがあなたの話をサポートしているなら、スライドに多く書き過ぎないでください。グラフィック、数字、テキストが多すぎます。上の図は、プレゼンテーションのために絶対にすべきでないことの良い例です。このようなスライドでは、聴衆の半分は眠り、残りの半分はあなたの話を聞くのをやめ、必死にこのことを理解しようとします。

最後に、あなたはあなたの聴衆のためにここにいるのであって、反対ではないことを覚えておいてください。マーケティング担当者に対して上記の図のようにチャートを表示すると、彼らはあなたが自分のことを嫌いだと言います。彼らは、クラウドとは何かを知っていますか（または、空/空間でホストされているアプリケーションと関係があると考えていますか）？「DB」が表示された茶色のアイコンの意味を知っていますか？彼らはウェブアプリとは何かを説明できますか？それは何か他のアプリやウェブサイトとどう違うのですか？

美しさはこれまでで最も主観的な意見の一つであることを強調する必要はおそらくないでしょう。彼らが言うように、美しさは見る人の目にあるので、あなたにとって美しいものは他の誰かにとって地獄のようにいかもしれません。多くのより良いハーフが一致します。

そうは言っても、今日の人々はおそらくASCIIダイアグラムよりも少し多くを期待しています。色の理論を勉強する必要はありませんが、少し形を整えても害はありません。たとえば、Gliffyのような図表を作成するサイトには、見栄えの良いテンプレートがあり、そのプレゼンテーションに参加している人（または少なくとも、不快ではない人）を喜ばせます。

普段使用している開発ツールを使用してダイアグラムを作成したら、Powerpointまたは会社で使用しているプレゼンテーションソフトウェアを最初から作成し直します。デフォルトのアイコンと矢印のスタイルを使用した私のプレゼンテーションは、Enterprise ArchitectまたはPower Designerで行ったプレゼンテーションよりもはるかに優れた反応を示しています。UMLをスキップして、単純な関係図とフローチャートに進みます。他のプレゼンテーションと同様に、何かをすばやくまとめて、上司の前で実行してフィードバックを求めます。あなたは、マネージャーが「忙しすぎる」ためにノックダウンする精巧なワークフロー図をレイアウトするのに時間を浪費したくありません。スタイル（フォント、カラーパレット、レイアウト）を表示し、コンテンツの残りの部分をモックアップできるように、1つの単純な図を完全に作成することをお勧めします。

フォントの一貫性を保つ。物を均等に離して配置し、整列させます。おそらく、白黒以外に1〜2色（会社の色？）を追加します。太字のヘッダー。境界線は明確でなければなりません。背景としてのグリッド線より少し大きいもの、またはまったくないもの。

別のページ/スライドに分割する必要がある場合があります。混chaとした鳥の巣の図に57ブロックを見たくはありません（彼らの認識による）。

会社の誰かにもう少し感覚的に相談することもできます。営業またはマーケティングの担当者が実行します。

丸い角と落ち着いた色を使用します。太い線を使用します。 Ellianceには良い例がいくつかあります。ただし、画像を投稿することは許可されていませんが、ここに自分の図のインスピレーションとして使用した例を示します。