連絡先にバナーを挿入する方法。 VKontakteのターゲットを絞った有料広告のバナー。 GIFアニメーション広告

07/25/15 71.2K

ソーシャルネットワークのアクティブユーザーとファンの数は、ユーザーの総数の100％になる傾向がありますワールドワイドウェブ..。同時に、ソーシャルネットワークVKontakteは着実にRunetの主導的地位を占めています。さらに、これは最も大規模であると見なされており、1億5000万人を超える登録ユーザーがいます。これには、ボット、放棄されたアカウント、偽のアカウントは含まれません。

この事実は、広告全体に使用せざるを得ませんでした。今日、VKontakteは、広告代理店などの一般ユーザーの両方に最も便利な広告を提供しています。同時に、VKontakteバナーが最も人気があります。ユーザーはそれらをビジネス開発やコミュニティグループのイベントに関する情報提供に効果的に使用します。

1.VKontakteのバナー

Banner VKontakteは、署名とスローガンが付いた静止画像またはアニメーション画像であり、同時にリンクであり、クリックすると、製品、サービス、イベントに関する詳細情報のページに移動できます。このアクションは「バナーをクリックしてください».

ソーシャルネットワークVKontakteでの広告は、左端に2つのバナーで表されます。しかし、彼らからの利益は、最も大きな期待を超えることができます。面白いのは、投稿できるだけでなく広告バナー Vkontakteは、商品やサービスだけでなく、一般ユーザーの興味を引くものも販売するように設計されています。

このプロフェッショナル広告とカスタム広告のハイブリッドは、1つの石で2羽の鳥を殺すことができます。そのおかげで、ロシアを代表するソーシャルネットワークの管理により、広告主のターゲットオーディエンスはほぼ2倍になりました。

VKontakteの広告の種類

従来、VKontakteの広告は2つのタイプに分けられます（お支払い方法別）。これは、ターゲットおよび非ターゲットと呼ぶことができます。ターゲット広告の場合はバナーのクリックに対して支払い、非ターゲット広告の場合はインプレッションに対して支払います。同時に、1000インプレッションは、1トランジションよりもはるかに安価です。何と言っても、1000回のインプレッションから、対象は少なくとも1回の遷移を行う可能性が最も高くなります。したがって、2番目のオプションの方が収益性が高いことがわかります。

写真。商品/サービス、ソーシャルネットワーク上のページなどを特徴付けるテーマ別画像。
名前。それは大声でスローガン、会社の名前かもしれません。
サイン。ショートエントリーまたはユニークセリングプロポジション（バナーのサイズが収まる場合).

VK広告配置ルール

2.なぜVKontakteバナーが必要なのですか？

幅広いオーディエンスリーチと高い人気に加えて、VKontakteバナー広告には1つの非常に重要な利点があります。それは、正確にターゲティングできることです。広告キャンペーンの成功のほぼ90％は、その設定の正確さに依存しています。結局のところ、あなたはすべてのVKontakte参加者に興味があるわけではなく、それらの特定の部分にのみ興味があります。

VK設定を使用すると、バナーが表示されるオーディエンスの部分を個別に決定できます。年齢、地域、性別などによるターゲティングがあります。

ターゲティングを正しく設定すると、不要なインプレッションを除外して、広告キャンペーンの予算を最適化できます。

他の広告プラットフォームと同様に、VKontakteを通じて宣伝する価値があるものを正確に理解することが重要です。ソーシャルネットワークを訪問する主な目的は、コミュニケーションと娯楽です。このことから、消費財を宣伝するのが最善であると結論付けることができます。良い結果潜在顧客の生成を目的として行われる広告。 VKontakteのほとんどすべての高度に専門化された広告は失敗する運命にあります。

バナーを挿入する前に、宣伝されている製品/ブランドにコミュニティ、ファングループ、または一般の人々がいるかどうかを確認してください。それらの存在はあなたの広告キャンペーンが成功する可能性を大いに高めます。

また、価格カテゴリにも注意してください。 200ドル以上かかるソーシャルメディアで製品を宣伝する意味はありません。

3. VKontakteにバナーを配置するにはどうすればよいですか？初心者向けのチートシート、秘密とヒント

バナーを追加する前に、ページのフッターにある「広告」リンクをたどってください。

次に、「ターゲットを絞った広告「そして次のページに進んでください：

クリック " 広告を作成する「そして、次のリストが表示されます。

ここでは、宣伝するものを正確に選択する必要があります：VKontakteアプリケーション（IFrameおよびFlash）、コミュニティ（パブリック、グループ、または会議）、録画（広告主のウェブサイトへのリンク付き）または外部サイト。

最後のオプションが最も人気があります。そのようなVKontakteバナーからのリンクは、原則として、ユーザーをにリダイレクトしますランディングページ (ランディングページ).

VKバナー広告フォーマット

次の3種類の広告を使用できます。

画像+テキスト。ここでは、タイトル（25文字）と説明（60文字）を含むVKontakteバナーを90 x65ピクセルで配置できます。
大局。説明なしでタイトルが25文字の90x120ピクセルのバナーを追加することができます。
排他的なオプション。 25文字のタイトルのバナー90x160ピクセル。その主な利点は、表示されている間、他の広告が表示されないことです。ただし、そのような広告の費用は2倍高くなります。

目的の形式を選択してデータをアップロードしたら、トピックとサブセクションを指定する必要があります（地理、人口統計、興味、教育、仕事、および追加のパラメーター）。追加のパラメーターで、指定できますオペレーティング・システム、デバイスタイプ、リターゲティンググループ、ブラウザ。

ターゲットオーディエンスがより正確に構成されているほど、CTRが向上し、トラフィックとコンバージョンが向上します。

セットアップの最終段階で、VKバナーを作成する前に、支払い方法を示します（インプレッションまたはトランジション用）、広告プラットフォーム（さらに、ソーシャルネットワークのパートナーサイトを選択できます）、移行のコスト。広告キャンペーンに名前を付けます。

「広告を作成する「！そして、私たちはそれがモデレートされるのを待っています。原則として、数時間後、VKontakteバナーが潜在的な顧客に表示され始めます。今、あなたの仕事は、ソーシャルネットワークVKontakteによって提示された統計を追跡し、パフォーマンスを改善するためにタイムリーな意思決定を行うことです。

4. VKontakteグループにバナーを挿入するにはどうすればよいですか？

VKontakteグループでバナーを作成する方法を見てみましょう。

手順1.グループページに移動します。

ステップ2.右側のブロックで、項目「コミュニティを宣伝する»:

バナーを作成する前に、バナーの形式、トランジション、またはインプレッションを定義します。保存して、バナーがモデレートされるのを待ちます。

5.VKontakteでのバナー広告

VKontakteのバナー広告は、画像サポートの機能を実行することが多く、新しいブランドの宣伝に役立ちます。ただし、これは、状況に応じて販売したり、効果が低下したりする可能性がないことを意味するものではありません。バナー広告は、延期された需要を提供することにより、忠実なオーディエンスの形成に貢献します。彼女は徐々にユーザーから潜在的なクライアントを形成します。新製品でブランドを変更したり市場に参入したりする必要がある場合、VKontakteバナーは認識に最適です。

Facebookでの広告は、高齢者向けに設計されています。Odnoklassnikiは、この地域を十分にカバーしています。同時に、VKontakteのバナー広告- ワンストップソリューションそれはあなたが若者の間でブランドや新製品を宣伝することを可能にします。彼女はあなたの潜在的なクライアントが休んでいる場所で働き、彼らの言語で彼らと話し、彼らの興味のある分野にいます。

バナーを作成するときは、オーディエンスの特性を考慮し、機能を使用することが重要ですコーポレートアイデンティティ..。バナーがより専門的に作成されるほど、それはより目立ち、効果的です。

6.自分のWebサイト用のVKontakteバナーを作成する方法、なぜそれが必要なのか、そしてどのように使用できるのですか？

クリック可能なバナーは、サイト上の任意のページへの遷移を提供します。作成する際は、以下の点を考慮してください。バナーをサイトのメディアファイルにアップロードした後、リソースの任意の場所にコードを追加します。たとえば、サイドバーにVKontakteバナーを追加することにしました。

ウィジェットに移動し、次のコードを追加します。

「リンクアドレス」フィールドに、訪問者がバナーをクリックした後にリダイレクトするページのアドレスを指定します。「画像パス」はバナーへのリンクです。写真へのリンクをコピーして、「写真へのパス」の代わりに貼り付けます。

テストは1つです重要なマイルストーン成功した広告キャンペーンの実施において。サイトにVKontakteバナーを選択するときは、いくつかのヘッダー、画像、テキストの作成を提供する必要があります。統計を分析し、設定を変更します。これにより、広告キャンペーンが最適化されます。

7.VKontakteのバナーの作成

シンプルな画像に限定することもできますが、特定のユーザー向けのパーソナライズとバナーの双方向性により、高い結果を得ることができます。

したがって、バナーには、関心のある情報、トランジション/クリックの動機、美しく、プロのグラフィックデザインが含まれている必要があります。

バナーを作成するには、いくつかの方法があります。

デザイナーに注文する。
グラフィックエディタでの自己作成。
使用法特別プログラムバナーを作成します。
オンラインサービスを使用した作成。

最も効果的でシンプルな迅速な方法オンラインでのバナーの作成です。これらの目的のために、bannerfans.comなどのサービスを使用できます。ロシア語インターフェーステンプレートを豊富に選択することで、興味深いレイアウトを作成できます。

まず、背景とサイズを選択し、[テキスト]タブに碑文を追加し、フォントのスタイル、色、サイズを変更して、効果を調整します（フレーム、シャドウなど。）。最終段階で、バナーを必要な形式で保存します。

アニメーションバナーは、Easy GIFAnimatorを使用して作成できます。このプログラム 20回の試用版を提供し、複数のバナーを無料で作成できます。直感的なインターフェースにより、タスクにすばやく対処できます。

結論：VKontakteのバナー広告は、かなり広い範囲でターゲットオーディエンスの正確な調整を提供します。ただし、同じユーザーにバナーを複数回表示することは避けてください。これにより、移行のコストが増加し、クリック率が低下し、予算が「使い果たされる」可能性があります。ビュー数に制限を設定することで、問題を解決できます。

良し悪し

私たちの多くはソーシャルメディア、彼らは私たちを家族、友人、知人に少し近づけるからです。これらのサイトには、私たちのような人々とコミュニケーションをとることができるグループやコミュニティがあります。この記事では、VKグループでバナーを作成する方法、このバナーが必要な理由、およびいつ表示されたかについて説明します。この情報コミュニティやグループの作成で自分自身を実現したい人を助けます。これはページの表面であるため、多くの人がバナーに注意を払うことがほとんどです。

VKバナーを作成するために知っておくべきこと

まず、グループとは何かを理解する必要があります。これらは、人々が自分の自由意志だけで参加できる特別なコミュニティです。コミュニティは、クローズドとオープンの2つのタイプに分けられます。招待またはコミュニティへの直接リンクによってのみ閉鎖されたものに入ることができることは明らかです。その後、プロジェクトの管理者はしばらくの間、メンバーシップの申請について検討します。

「VK」の次の大きなアップデートの後、2016年に初めてグループの大きなバナーが登場しましたが、以前のバナーとは異なり、サイトの色やデザインなどの完全な変更に関連して、ユーザーはそれを気に入っていました。更新後、モデレーターへのメッセージは、VKグループで大きなバナーを作成する方法についてすぐに始まりました。バナーは広告の追加の場所であるため、多くの人々がこのリクエストに興味を持っていましたが、そのときの作成方法に関する情報はほとんどありませんでした。

を使用して独自の写真を作成する方法がわからない場合人気のあるアプリケーションたとえば、写真を処理するためアドビフォトショップ、記事の次の段落を読むことをお勧めします。ここでは、バナーの作成方法について詳しく説明します。経験豊富なユーザーの場合、画像の要件は次のとおりです。1590x400 px、画像形式はJPGです。

一番上のVKグループでバナーを作成する方法

まず、空のキャンバスを作成する必要があります。ある程度理解しているアプリケーションを使用することをお勧めしますが、Photoshopの使用方法を学ぶことをお勧めします。それは傑作を作成することができるが、基本的にではない多くの機能を実装しています。主なことは、キャンバスを厳密に1590 x 400ピクセル、つまり幅1590、高さ400にすることです。これらの比率は、どのモニターでも見栄えがします。これを行う方法がわからない場合は、以下の手順があります。

Adobe PhotoshopのVKグループでバナーを作成する方法：

フォトエディタを開き、[ファイル]ボタンをクリックしてから[作成]をクリックします。
[幅]に1590、[高さ]に400と入力し、[OK]をクリックします。
これで、このキャンバスに任意の画像を配置して、Alt + Tキーボードショートカットに合わせることができます。
[ファイル]フィールドで[名前を付けて保存]ボタンを見つけ、フォーマットタイプとしてJPGを選択します。

同様に、どのフォトエディタでも画像を作成できますが、機能ボタンの位置は異なる場合があります。これで、この写真をグループにアップロードする価値があります。

VKグループでバナーを作成する方法：

あなたのグループに行きます。アバターの下には「アクション」の刻印があります。それをクリックすると、「コントロール」を選択する必要があるウィンドウが開きます。
考えられるすべてのオプションの中で、「コミュニティカバー」を見つける必要があります。これが私たちに必要なものです。そこに「ダウンロード」フィールドがあり、ここで準備ができたものをダウンロードする必要があります Jpg画像.
完了しました。これで、バナーがコミュニティのメインページに配置されます。

ついに

VKグループでバナーを作成する方法を理解していただければ幸いです。この知識は、独自のグループを作成する人に必要です。バナーに広告を掲載して報酬を受け取ることができることを忘れないでください。

毎日何百万人もの人々がソーシャルネットワークVKontakteにアクセスしています。彼らの注意を強調するために、訪問したグループの所有者はVKontakteバナーを使用します。 VKページにバナーを配置するプロセスには独自の瞬間があります。 VKグループでバナーを作成する方法については、以下の記事で説明しています。見事なバナーの例を見て、それを自分たちで美しくする方法も考えます。

美しくデザインされたグループは、常に覚えやすく、信頼性が高くなります。グループのデザインに取り組む必要があるので、新しいVK製品について話しましょう。

VKontakteコミュニティでは、ピン留めされた投稿、表紙、またはアバターの写真がバナー画像として使用されます。それはすべて、コミュニティをどのように設計したかによって異なります。

バナーを効果的に使用する方法の例を見てみましょう。これについては、公開されている「moloko_coffee」に目を向けましょう。

ここでは、ヘッダーにある動的カバーが使用されました。彼らは、抽選が終わるまでの時間をカウントダウンするタイマーを設定し、それによってクライアントが時間に参加するように促しました。彼らはまた、視覚的な要素を忘れませんでした。

したがって、このバナーは、広告とグループのスタイリッシュなデザインという2つのタスクを実行しました。

エディターでVKontakteグループのバナーを作成します

バナー写真を作成するために最初に必要なのは、さまざまなグラフィックエディターで作業する機能です。残念ながら、今日、特別なスキルなしに高品質でスタイリッシュな画像を作成することは非常に困難です。

十分なスキルがない場合は、専門家の助けを借りて、または既製のテンプレートを使用してアドバイスすることができます。これについては、後で詳しく説明します。

最も一般的に使用されるプログラム：

アドビフォトショップ;
アドビイラストレーター;
GIMP。

これらは3つの最も人気のあるプログラムです。あなたがそれらの少なくとも1つで働くスキルを持っているなら、あなたが本当に美しくて便利なバナーを作成することは難しくありません。

VKontakteバナーのサイズを選択するにはどうすればよいですか？

2番目に必要なのはサイズの知識です。VKontakte上のすべての画像とそれらの間の距離には独自のパラメーターがあり、これは作業で考慮することが重要です。それらを使用すると、より良い結果が得られます。

パブリックをどの程度正確に設計するかに基づいて、適切なサイズを使用します。

カバー-1590x400ピクセル;
アバター-200x500ピクセル;
ピン留めされたポスト（正方形）-510 x510ピクセル;
固定されたポスト（アバターと同じレベル）-510 x308ピクセル。

ヘッダーのバナーの作り方

まず、上記のプログラムのいずれかをコンピュータにダウンロードしてインストールする必要があります。手順では、AdobePhotoshopプログラムを使用します。

プログラムを始めましょう。
その中の画像を開いてみましょう。

次に、「CropTool」ツールを使用して、1590 x400ピクセルのサイズのフレームを作成します。

次に、表示されている部分を選択してEnterキーを押します。画像がトリミングされます。

保存します。

このようにして、必要なサイズのバナーを受け取りました。

次に、それをグループにロードする必要があります。

コミュニティ管理に移動します。

右側で、[設定]セクションを選択します。
「カバー」の行を見つけて、「ダウンロード」ボタンをクリックします。

コンピューター上のファイルを選択してから、表示されている部分を選択します。

変更を保存します。

他のエディターの作業プロセスも同様です。

バナーを最初から作成する場合（すべてのデザイン、スタイル、テキストなど）、デザインスキルが必要になります。

VKグループでピン留めされたバナーを作成する方法

固定バナーの作成は、カバーと同じ原理に従って実行されますが、一瞬を除いて、510 x 510（308）ピクセルのサイズのフレームを作成します。

一般に追加するには、次のことを行う必要があります。

投稿を作成します。
作成時に、完成したイメージ（バナー）をロードします。

投稿する。
省略記号の付いたボタンを押して固定します。

そのため、最も目立つ場所に配置しました。メニューに広告またはリンクを追加するだけです。

隣接するVkontakteバナーの作り方

それでは、最も困難で興味深い部分に移りましょう。

隣接する画像とは何ですか？これらは、互いに直接続く2枚以上の別々の写真です。この方法は、公開ページだけでなく、VKontakteのプロファイルにも使用されます。

次の2つのバナーのいずれかを選択できます。

カバー付きの隣接バナーVK。

アバターに隣接しています。

最初の画像を作成するときは、両方の画像が左側で一致している必要があります。

2番目のオプションを作成するときは、一度に3つのポイントを考慮する必要があります。

グループにはステータスがありますか？固定部分を10〜20ピクセル下にシフトします。
投稿にテキストが含まれていますか？写真も下に移動します（テキストのサイズによって異なります）。
画像を同じレベルの下部で終了しますか？

アバターと同じレベルの一番下で終わるピン留めされたバナーを作成することにしたが、20ピクセルを取るステータスがあるという事実を考慮しなかったとしましょう。その結果、左の写真が下に移動し、右の写真と一致しません。

些細なことのように思えますが、結果は無価値です。したがって、注意してください。

それでは、作成プロセス自体に移りましょう。

最初に2つのブランクを取得する必要があります。1つ目は200x 500ピクセル、2つ目は510 x 308ピクセルです（他のパラメーターがある場合があります）。
次に、最初のをアバターの場所にロードし、2番目のロードを録音の場所にロードします。

次に、スクリーンショットを撮ります。
スクリーンショットをPhotoshopにアップロードします。
次に、「CropTool」ツールの2番目のマウスボタンをクリックして、「SliceTool」を選択します。

ピクセル精度で2つの領域を選択します。

レイヤーからロックアイコンを削除し、非表示にします。

画像を追加し、フレームに合わせて調整します。

Web用にファイルを保存します。そして、設定で選択します JPEG形式..。 HTML形式で保存され、写真は画像フォルダに保存されます。

次に、画像を所定の位置にロードします。

結局、これは私たちが得たものです：

かなり印象的です。ここに広告やメニューリンクなどを追加することを忘れないでください。

既製のVKバナーテンプレート

それでは、プロの編集者の知識がなくてもVKontakteグループでバナーを作成する方法を見てみましょう。これは、習得するのに数か月かかる場合があります。既製のソリューションを活用してください。

それでは、既製のテンプレートについて説明しましょう。

まず、必要なサイズのバナーをダウンロードできるサイトがあります。これらは次のようなサイトです。

Vk-oblozhki.ru
You-ps.ru
Psd-box.at.ua

第二に、あなたはあなたがあなた自身のスタイリッシュなイメージをオンラインで作ることができるサービスを使うことができます。ここでは、テキストやロゴなどを追加できます。これらは次のようなサービスです。

Fotor.com;
Canva.com。

このようなソフトウェアを使用すると、グループ登録のプロセスが大幅に簡素化されます。

結果

VKパブリック向けのバナーを作成するには、グラフィックエディターを操作するための特定のスキル、忍耐力、および問題の理解が必要です。

デザインコンポーネントを忘れないでください。それは非常に重要です。グループ内のどの画像もユーザーをはじくのではなく、ユーザーを引き付ける必要があるためです。

この記事がお役に立てば幸いです。

この記事では、クライアントとのやり取りの経験とその好みに基づいて、VKontakteグループの設計に関するすべての知識を体系化したいと思います。さらに、過去6か月間、VKontakteは、多くの人が疑うことさえない多くの変更を加えました。その中には本当に価値があり有用なものがあるので、私はいくつかの革新についてもっと詳しく調べたかったのです。 VKontakteの再設計後、私たちは皆すでにショックから回復しているようで、目に見える変化の背後で、グループの機能と内容の多様性が明らかになりました。そのため、現在、グループのデザインには、美しい写真の形のグラフィックコンポーネントだけに限定されない複雑な手順が含まれています。現在、所有者は、ビジネスの主題とユーザーの利便性に応じて、グループ構造を構築する際の多くのニュアンスを考慮する必要があります。

これは主に、相互に排他的な2つのオプションからのグラフィックデザインの選択、内部メニューの開発、内部メニューへのエントリポイントの選択、カタログと商品のショーケースの違いの理解、グループを宣伝するための販促資料の準備、便利なアプリケーション..。しかし、まず最初に。まず、グループデザインの主な要素を見てから、さまざまな組み合わせの形での相互作用に移り、次にいくつかの便利なトリックと微妙な点について説明します。

1.横カバー（ヘッダー）
水平カバーまたはヘッダーから始めましょう。 VKontakteの開発者は、カバーがそのサイズのために、情報の提供と視覚化に大きな柔軟性を与えることを保証します。通常、他に美しい写真ヘッダーには、ロゴ、付随情報、連絡先、グループへの参加の呼びかけ、サイトアドレスがあります。いつか表紙だけになるのではないかと思います可能なオプションしたがって、グループの登録は、不可抗力の再設計を回避するために、すぐにそれらに切り替えることをお勧めします。

表紙をアップロードする方法
表紙をダウンロードするには、[コミュニティ管理] >> [基本情報] >> [コミュニティ表紙] >> [ダウンロード]に移動する必要があります。推奨されるカバーサイズは1590×400ピクセルです。クリックできるヘッダーに機能するボタンはありません。実際、これは画像であり、それだけです。現在まで、表紙はモバイルデバイス、およびアプリケーションとクライアントですでに表示されているようです。

Wikiタブ最新ニュース
ヘッダーの下の上のブロックには、ピン留めされたエントリ、コミュニティに関する情報、およびWikiメニュー（グループのみ、公開ページそのようなタブはありません）。固定された投稿に重点が置かれていますが、その存在があっても、ユーザーはタブを切り替えて、コミュニティに関する情報に常にアクセスできるようになります。 Wikiメニュータブ（元々はFresh Newsと呼ばれていました）を表示するには、[コミュニティ管理]»[セクション]»[コンテンツ]»[制限付き（または開いている）]»[保存]に移動する必要があります。

2.垂直アバター
次に、200x500ピクセルのサイズの古き良きグループアバターに注目しましょう。これまでのところ、それはグループを飾る方法でもあります。通常、次の情報がアバターにあります：ロゴ、付随するテキストまたはスローガン、連絡先、グループに参加するための電話。モバイルデバイスでは、アバター全体は表示されず、一部のみが表示されます（サムネイル）。グループをデザインするには、水平ヘッダー（カバー）または垂直バナー..。ヘッダーがある場合、垂直アバターは表示されません。クリックできるアバター上に機能するボタンはありません。実際、これは写真であり、それだけです。

3.ミニチュア
現在、サムネイルの作成には垂直アバターが使用されており、最小サイズは200x200ピクセルです。サムネイルは、投稿や投稿でタイトルの小さな円として使用され、一部のコミュニティの選択や言及では大きな円として使用されます。丸みを帯びた形状への移行に関連して、ミニチュアの要件はより厳しくなりました。ミニチュアのテキストを完全に読むためには、視覚的に円の境界を超えてはなりません。

サムネイルをアップロードする方法
ミニチュアは完全に独立した要素になりました。グループのデザインでカバー（ヘッダー）を使用する場合は、別のミニチュアを作成する必要があることに注意してください。グループにヘッダー（表紙）がない場合、サムネイルをダウンロードするには、アバターブロック（右上）の[写真をアップロード]をクリックする必要があります。デザインにヘッダー（表紙）がある場合、サムネイルをダウンロードするには、ヘッダーのすぐ下にある円をクリックして、そこにある[写真をアップロード]アイテムを選択する必要があります。

4.バナー
バナー（英語のバナー-旗、バナー）は、情報、広告、またはインセンティブの性質のグラフィックイメージです。バナーは写真として投稿に添付され、内部リンクは1つだけ持つことができます。多くの人は、ホームページのバナーからいくつかのリンクを作成できると今でも確信しています。これは事実ではなく、1つのリンクだけです。次の種類のバナーを強調します。

4.1情報バナー
を含む一般的なタイプのバナー一般情報会社、グループ、サービス、またはイベントについて、利点とその他の付随資料の詳細なリストが含まれています。多くの場合、グループ内の固定された投稿として使用されます。このようなバナーのサイズは510x307ピクセルです。このサイズでは、下部のバナーがアバターと一致します。アバターとのリンクがない場合は、任意のサイズを使用できます。たとえば、600x350ピクセルを使用します。正方形の510x510ピクセルのフォーマットも便利で、現在人気が高まっています。このサイズでは、バナーはニュースフィードで可能な限り最大の領域を占めます。

4.2内部メニューに入るためのバナー
前の段落のバナーにキャッチーな碑文「メニューを開く」を追加すると、バナーが表示されます。その主なタスクは、内部メニューへのエントリポイントとして機能することです。バナー上のいくつかのボタンの形でトリックを行うこともありますが、これは幻想です。ユーザーがクリックすると、内部ページに移動し、各ボタンには独自のリンクがあります。このようなバナーのサイズは510x307ピクセルです。このサイズでは、下部のバナーがアバターと一致します。メニューの入り口がアバターに関連付けられていない場合は、「メニューを開く」と書かれた狭いボタンでも、任意のバナーサイズを作成できます。主なことは、バナーの幅は少なくとも510ピクセルである必要があるということです。

4.3再投稿、プロモーション用のカード
V 最近再投稿やプロモーション用のカードは、特別な関連性を獲得しています。その任務は具体的な行動を呼びかけることです。基本的には「グループに参加したり、再投稿したり、いいねして賞品を獲得したり」です。このようなバナーは、独自のグループでの広告キャンペーンまたはプロモーションの一部として、および他のグループでのプロモーションのために使用されます。私は通常600x350ピクセルを使用します。

4.4gifアニメーション付きバナー
VK開発者が年の初めに作った後大きいサイズにとって gif画像、GIFはすぐに情報バナーと並んでいました。たとえば、GIFバナーでは、いくつかの変化する製品やテキストの画像を表示できます。動きはすぐに注目を集めます。そして、6月に機能が追加されたとき gifアニメーションの自動実行ニュースフィードでは、GIFが広告主やマーケターの注目を集めています。

5.アバターデザイン+ピン留めされたバナー
最近まで、アバターと固定されたバナーで構成されるこのモジュラーデザインは、グループを装飾するための最も一般的な方法でした。このようなデザインの作成方法の詳細については、レッスンで説明します。キャップ（カバー）の登場により、このデザインの人気はやや低下する可能性があります。

さらに、VKontaktがブロックの一部のパラメーターを再度変更すると、過去6か月間にすでに2回行われているため、すべてのデザインが飛んでしまう可能性があります。したがって、親愛なるグループの所有者は、グループのデザインを選択するときに、この事実を考慮に入れてください。はい。もう1つ、モバイルデバイスでは、アバターは表示されず、サムネイルのみが表示され、固定された投稿はすぐ下にあるため、1つの画像の美しさはすべて表示されません。

6.内部ナビゲーションメニュー
アクティブリンク形式のメニューは、VKontakteの内部ページにあり、wikiマークアップコマンドを使用して記述されています。内側のページ自体を作成する方法は、レッスンで説明されています。メニューを使用して、ユーザーはグループ内を移動します。以下では、内部メニューの種類について検討しますが、ここではいくつかの重要な点について詳しく見ていきましょう。

内部メニューのエントリポイント
見落とされがちな微妙な点に注目したい。クライアントが私に内部メニューを注文することもありますが、同時に、ユーザーがこの非常に内部的なメニューにどのように入るのかまったくわかりません。また、固定バナー（4.2項を参照）またはステータスバーの下の上部タブにあるテキストリンク（下図を参照）の2つの方法でアクセスできます。インターフェイスの右側の列にある「Links」ブロックにもテキストリンクが配置される場合があります。

内部メニューリンク
通常、注文時に、顧客は次のメニュー項目を示します：当社について、当社の製品（カタログ）、配送方法、支払い、保証、レビュー、連絡先、プロモーション、割引、スケジュール、注文方法、ポートフォリオ、質疑応答、情報、注文します。メニュー項目からのリンクは、外部サイトの対応するセクションに移動できます。その後、リンクは新しいウィンドウで自動的に開きます。ほとんどのポイントは内側のページ VKontakte。この場合、ページは同じウィンドウで開き、リンクまたは「メインメニューに戻る」ボタンを作成する必要があります。

写真やビデオを含むアルバムへのリンクが新しいウィンドウで開きます。ディスカッションのあるトピック（レビューなど）、メッセージを書き込むためのダイアログボックス、アプリケーション（段落10を参照）、同じウィンドウで開いているハッシュタグによる選択（段落12を参照）へのリンクこの場合メニューに戻るには、ホームページサイト、またはブラウザの「戻る」ボタンを使用します。これはおそらく、そのようなリンクで最も不便な瞬間です。

メニューの編集
クライアントは、内部メニューを編集できるかどうか私によく尋ねます。私の答えは、あなたが自信のあるユーザーであり、ウィキマークアップと編集モードに精通しているなら、あなたは編集することができるということです。しかし、あなたがこれらすべてに精通していないのなら、絶対にそうではありません。この場合、すべての設定をノックオフするだけです。

VKontakte開発者自身の言葉を引用します。「1つの簡単なアドバイスで多くのエネルギーと神経を節約できます。1つのモードで作業するだけです。ビジュアルモードまたはウィキマークアップモードのいずれかです。マークアップに取り組む過程でこれら2つのモードを切り替えることが、ほとんどの問題を引き起こします。画像が縮小したり、消えたりする可能性があります。さまざまなパラメータ..。これは将来間違いなく修正される瞬間の1つですが、今のところ、この事実を覚えておく必要があります。」

モバイルの応答性
そして、適応性についてもう1つ。内部メニューをモバイルデバイスで同じように表示するには、テーブルでタイプセットする必要があります。次に、画像がハードピン留めされます。そうしないと、画面サイズを小さくすると、画像が上下にスライドする傾向があり、当初考えられていた順序に違反します。

ここでも、適応性を犠牲にして開発者の言葉。「wikiメニューはに表示されますモバイルブラウザただし、画面サイズに適応しないため、画像がコンピュータに表示されるものと異なって見える可能性があります。ウィキマークアップをモバイルデバイスに適合させるためのガイドはネット上にありますが、それでもすべてのデバイスで100％のパフォーマンスを保証するものではありません。」

7.内部ナビゲーションメニューの種類
以下は、最も一般的なタイプの内部メニューです。信頼性の高い、よりシンプルで手頃なソリューションがあります。また、グラフィックとレイアウトの点で、より複雑で面倒なデザインがあります。しかし、彼らはより印象的に見えます。

7.2大きなグラフィカルメニュー
この場合、リンクの垂直方向の行は大きな背景画像上に配置され、厳密に固定された構造になっています。これがチュートリアルです。

7.3アイコン、タイルの形式のメニュー
このデザインは、グラフィックアイコンとそれらへの碑文、またはグラフィックマルチカラーまたはモノクロタイルの形式でいくつかの行と列を想定しています。

7.4ナビゲーション効果のあるダイナミックメニュー
ボタンをクリックするか、訪問したリンクにマークを付ける効果のあるサイトナビゲーションを模倣した非常に印象的なデザイン。このようなメニューは管理が非常に難しく、ウィキマークアップのページの情報も編集する必要があるため、ウィキマークアップとの通信にスキルが必要です。これがこのトピックに関するチュートリアルです。

2016年の夏、ソーシャルネットワークVkontakteの開発者は、完全に更新されたデザインでユーザーを驚かせました。実を言うと、このサイトの常連は、新鮮なデザインを非常に曖昧に認識しており、コミュニティの所有者がデザインとして統合された画像（アバター+バナー）に関心を持っていました。ピン留めされたニュースとアバターの間の距離は文字通り2倍になり、バナーは著しく拡大して下に沈み、コミュニティのサムネイルは正方形ではなく丸い領域になりました-これらすべての厄介な瞬間は、注文した人々に多くの問題を引き起こしました以前にグループのデザインをインストールしました。この状況での唯一の解決策は、コンセプトを維持しながら新しい要件を満たすために古い設計を作り直すことでした。

Vkontakteコミュニティの設計はかなり厄介なビジネスのように見えますが（特に、基本的に長方形のカバーと正方形のアバターで十分な他のソーシャルネットワークと比較した場合）、実際、これは完全に真実ではありません。次に、グラフィック画像の要件と、一般的に、グループをそのように配置する方法について説明します。

コミュニティの売り上げを魅力的にする最初の方法は、標準のアバター+バナー+メニュースキームを使用することです。

アバター

アバターは200x 500ピクセルのサイズのままでしたが（ただし、品質マージンは400 x 1000よりも優れています）、最初は新しいデザインのベータテスト中に、200 x300のようなサイズのバリエーションが検討されました。ミニチュアは円形になりましたが、この円が正方形に内接している場合、その寸法は以前と同様に200 x200ピクセルになります。

バナー（固定投稿）

最適なバナーサイズは1024x 680ピクセルです（品質マージンあり）。インターネットで理想的なバナーサイズのバリエーションをたくさん見てきましたが、それでも1024 x 680では、コンピューターや通常のバナーから見たときにバナーの一部が切り取られていません。モバイル版またはAndroidアプリから。また、画像の上の領域にコミュニティ名が重複しているため、バナーが下に配置され、投稿日が画像の下の領域から重複した名前の下の場所に移動されたことも注目に値します。もう1つ重要点-これは、モバイルデバイスからのバナーのクリック可能性の欠如です。それらの。電話から、人々は写真自体ではなく、写真の下のリンクをクリックする必要があります。

メニュー

メニューのデザインとウィキマークアップに関しては、一般的に何も変わっていません。以前と同じように、メニューの幅は606ピクセルで任意の長さを使用します。モバイルデバイスに適応させるには、テーブル内でナビゲーションを植字することをお勧めします。このように、電話で表示すると、画面に合わせて比例して縮小します。ただし、アイテムが単純に上下に配置されるナビゲーションを作成した場合は、これを行う必要はありません。テーブルを使用したメソッドは、行のボタンの数が複数あるタイプのメニューにのみ必要です。。一般に、ユーザーの便宜のために、メニューを資料へのリンクの形だけで作成するのではなく、複雑な構造のWikiページを作成することをお勧めします。

装飾用に1枚の写真が必要な場合は、最初に、実験用のグループに固定ニュースの形式でアバターとバナーを入力します。サンプルコミュニティからグループにすべてのデータを書き直します：ステータス、名前（このデータはニュースで複製されるため、これは重要です）、バナーの上に表示されるテキストをクライアントに要求します。
その後、Photoshopに配置する必要があるスクリーンショットを使用してサンプルを取得できます。

「表紙＋バナー＋メニュー」などのデザイン手法もあります。一般的に、カバーだけを残して、その上にすべての最も重要な情報を置くことができます。ただし、いずれの場合も、アバターを設定する必要があります。アバターはグループ自体には表示されませんが、コミュニティのミニチュアはそこから取得されます。最適なカバーサイズは1590x 400ピクセルで、[コミュニティ管理]-[コミュニティカバー：アップロード]コマンドを使用して画像をアップロードできます。