デザインのTK:書くかどうか、どのように書くか。 例の批判

オブジェクトを作成するとき、要件を記述する方法は2つあります。「オブジェクトができること/実行できること」(目標の説明)と「オブジェクトのあり方」(実装の説明)です。 言葉遣いが正確でない場合は謝罪します。この考えの出所がわからないので、自分で作成します。 次に、オブジェクトを記述する2番目の方法であるサイトデザインについて説明します。





2つの質問があります。設計のために正式な技術仕様が必要かどうか、もしそうなら、どのように書くべきか。 私の意見では、TKは必要ですが、それをどのように書くか...私は添付の例が好きです。 検討し、批判することを提案します。 当然、本質ではなく、プレゼンテーションの形式と対処された問題のリストです。

プロジェクトマネージャー、アートディレクター、デザイナーの意見に興味がある。



会社AAのサイトのデザインを開発します(サイト名AA-company.ru)



ソース資料:ロゴ、名刺、小冊子、会社の製品の例、作品の写真、テキストコンテンツ(15ページのドキュメント)。



同社は広告、お土産、印刷材料、スタンプ製品の生産を専門としています。



このサイトは、次の目的で作成されます。

-顧客に会社のサービスについて知らせる、

-広告サービスの成功、信頼性、成長を続けるプロバイダーとしてのAAブランドのプロモーション、

-会社の肯定的なイメージの普及、

-売上の増加

-会社のサービスに新しい顧客を引き付ける。

-ソブリン製品の市場への参入。



競合他社

主なもの:



-競合他社1

利点:奇妙でありながら奇妙な、帽子のコラージュ、文字通り書かれたさまざまなコンテンツ。

短所:サイトのスタイルがページ上で維持されない、メニューが曲がったままの男の印象を与える、



-競合他社2

プラス:広範なポートフォリオ。

短所:Webサイトのデザインは、ナビゲーションと同様に非常に原始的です。



-競合他社3

利点:明るいが、それほど印象的ではないグラフィック。 有能に書かれた多くのテキスト(エラーがあります)。

欠点:商品とサービスのカタログは写真と価格で示されていません。 価格ファイルをダウンロードする必要があります。



追加レビュー:



-競合他社4

プラス:十分に興味深い古典的なデザイン

欠点:内部ページ、特にお土産のページがうまくいきません。 たくさんの奇妙なリンクと怖い写真



-競合他社5

プラス:いいえ。

欠点:退屈なデザイン、基本的なページレイアウト



-競合他社6

利点:フラッシュ要素を使用したデザインの成功。 キャラクターはどこにでもあります。 合理的に適用されます。 さまざまなコンテンツ。

欠点:サイトが伸びず、ページの構造に問題があるため、良いデザイン(画面の半分が白)を損ないます。



-競合他社7

プラス:構造、フォントなど、すべてにおいて型破りなデザイン

欠点:フォントは読みにくく、写真をダウンロードするのは便利ではありません。1ページ目と2ページ目のスタイルは尊重されません。



-競合他社8

利点:フラッシュアニメーションを使用した明るくシンプルなデザイン。 シンプルで明確なナビゲーション。

欠点:ページのフォントは対照的ではなく、読みにくくなっています。

充填によって損なわれた優れたデザインとコンセプト。



-競合他社9

利点:適切に設計されたデザイン、多くのイラスト

短所:サイト内に写真がなく、テキストが見えない



-競合他社10

利点:明るいデザイン、高品質のコンテンツ、フラッシュアニメーションの成功。

マイナス:いいえ



-競合他社11

プラス:愛情深く勤勉に満たされている

短所:いくつかの奇妙な設計決定と欠陥を埋める

全体的に非常に価値がある



-競合他社12

利点:明るいページ、シンプルで適切に構成されたカタログ。

欠点:目が疲れます。

このサイトは絶対に古典的で、しっかりしています4。



-競合他社13

プラス:美しいフラッシュドライブ。

欠点:非常に不快な色、塗りつぶしが奇妙になります。



サイトナビゲーションの設計と構造に反映される必要がある会社の主な機能:

-自社生産

-支店および駐在員事務所のネットワーク

-多数の顧客やパートナーからの会社への信頼



ターゲットオーディエンスは、印刷物からインテリアやファサードのデザインまで、広告サービスや製品の分野で高品質の包括的なサービスを希望する中小企業組織のオーナーとヘッドです。 中所得の社会的に活動的な若者。



視覚的イメージへの願い

1.企業のシンボルとスタイルのコンプライアンス

2.情報を取得するための便利なツールとしてのサイトの認識を妨げない、デザインまたはナビゲーションでの興味深いソリューションの使用

3.有益性、利便性、使いやすさ



サイトで使用するためのスローガン:

当社の主な価値はお客様です



実行スタイルに注意を払う必要があるサイト 。 顧客はそれらが好きです:

www.alfa-suvenir.ru

www.elenara.ru

www.tipograf.info

www.vremenagoda.biz

www.viveska.info

www.emotiondesign.ru

www.driada - pr.ru-開かなかった

www.corporative.ru

www.credo-positive.ru



サンプルを検討できます:

alfa - suvenir.ru-はい

www.viveska.info-はい、ヘッダーの構築、テキストのスタイル、メニューデザイン

www.vremenagoda.biz-はい、ページ構造。 コラージュを作成するための原料の存在下でサンプルとして使用できます。 イラストの作成は、サイトの開発に含まれていません



ホームページのメニュー項目

会社について

ニュース

サービスの

ポートフォリオ

連絡先

知っておきたいこと(広告記事)

ご注文



有料モジュールとグラフィックス:

-静的設計-はい

-アニメーション-いいえ

-テキストページシステム

-サービスカタログ

-作業テープ

-顧客フィード

-ニュースフィード

-記事フィード(知っておくとよい)

-注文フォーム



すべてのページ-見出し、メニュー、ロゴ。



ウェブサイトのデザインを作成する最初の提案されたソリューション。

サイトは、任意のページ幅に拡大して作成されます。

1.開始ページと内部ページの構造は異なります。 一般的な色:白/クリーム、オレンジ、ガンマブルー、文字は黒です。

2.スタートページ:

-大きなロゴ(サイトの高さの最大25%)と、見出しとして、会社の活動(または特定の作品)を示すブロックが付いたカラーバー(形状が不規則な場合があります)を含む

-情報ブロックから組み立てられた構造を持っています:会社、私たちの利点、私たちにできること、最新の仕事、私たちのサービス、ニュース、フォームに切り替えるためのバナー、他のものが可能です( www.ra-alterego.ruに基づいて配置) /?id =メーカー )。 各ブロックは、メインまたは最も現代的なものを作るという原則に従って構築されています。 すべてのブロックは同じサイズです。 将来、あるブロックを別のブロックに置き換えることにより、サイトを拡張および更新することが可能です。

2.メインページ(ポートフォリオ、クライアント、ニュース、サービス):

-ロゴとキャップの高さは低く(10-15%)、キャップには作品のコラージュまたはイラスト(ある場合)が含まれています

-3列の構成(ロゴ、ヘッダー、垂直メニュー、追加情報フィールド)があります。 追加情報フィールドに、情報の小さなブロックが表示されます。これは、セクション(ニュースポートフォリオ、クライアントサービスなど)またはメインのブロックに似たブロックを表示するときに興味深い場合があります。

3.内部ページとテキストページには、ヘッダー+メニュー+ページテキストの2列表示があります。

4.提供される幅広いサービスと独自の生産拠点を強調する視覚的なソリューションを考案する必要があります。



Webサイトのデザインを作成する2番目の提案されたソリューション。

ソリューションのアイデアは、デザインのフレームとして、印刷(スタンプ)、お土産製品、および企業製品の他の例を使用することです。 サイトの幅は固定されます。 境界線上には、会社の製品のグラフィックスに基づいて作成されたグラフィック要素(印刷物、小冊子、お土産)があります。

このサイトは、周囲の左右に空白を追加するか、繰り返しパターンのいずれかによって高さが引き伸ばされます。

1.開始ページと内部ページの構造は異なります。 一般的な色:白の背景、グレー、グレー、青、黄色のトーンの背景グラフィック、ガンマブルーの見出し、文字は黒。

2.スタートページ:

-大きなロゴ(サイトの高さの最大25%)とグラフィックマーカー付きの左テキストメニュー( www.viveska.infoのようなスタイル)が含まれています

-次の情報ブロックから垂直に組み立てられた構造を持っています:会社について、私たちの利点、私たちにできること、知っておくと役立つ、最新の作品、サービス、ニュース。 各ブロックは、メインまたは最新のものを作るという原則に基づいて構築されています。 すべてのブロックは同じサイズです。 将来、あるブロックを別のブロックに置き換えることにより、サイトを拡張および更新することが可能です。

メニューの下に、ワークフィードを配置できます。

2.メインページ(ポートフォリオ、クライアント、ニュース、サービス):

-ロゴの高さは低く(10〜15%)、左の列には作品のコラージュまたはイラスト(ある場合)が含まれています

-2列構成(ロゴの垂直メニュー)。

3.内部ページとテキストページには、ヘッダー+メニュー+ページテキストの2列表示があります。





TKは、簡単な調査、マネージャーとの2回の会話、および顧客製品の調査の結果に基づいて記述されています。

顧客と競合他社の名前を削除しました。 誰かが(フリーランサーから)設計または設計仕様の要件を共有している場合、それは素晴らしいことです。



All Articles