グループVKontakte 1590 400のための完成したカバー.VKontakteグループのカバーを作る方法。 gifkaとAvatar 1つの画像に

VKontakteグループのカバーは、再設計後のグループの設計の新しい要素です。 1つの画像を簡単にする必要があるようですが、同時に完璧なオプションを見つけることは非常に困難です。

Vkontakteのカバーは、人々があなたのグループを訪問するときに人々が見る最初のものの1つです。それが、訪問者に良い印象を与えることが非常に重要であり、グループのトピックと興味の明確な理解を伝えます。

2017年4月、コミュニティは利用可能になりました。これは完全に新しい機能と（単語の文字通りの意味で）効率を高め、プロモーションからの復帰を促進するための（単語の文字通りの意味で）復活する優れた機会です。

この記事からあなたは3つのことを得るでしょう：

グループVKontakteのカバーサイズ。
命令、Vkontakteのカバーを作成する方法と理想的な画像の選択方法。
高品質のカバーを持つグループの例。

Vkontakteグループのカバーは何ですか？

Vkontakteのカバーのための画像の最適サイズはさまざまです。コンピュータでは、カバーは幅795ピクセル、高さ200の高さで表示されます。携帯電話では、スクリーン幅の下で比例して調整されています。ただし、VKontakteは、少なくとも1590×400ピクセルのピクチャをアップロードすることをお勧めします。

議会：あなたが一生懸命好きなイメージを見つけたが、そのプロポーションは推薦と一致しないので、それを使用することができます！この写真をダウンロードすることで、目に見える領域を選択してVkontakteですべての不要な内部手段をカットすることができます。

カバーデザインを開発するときは、スクリーン幅が400ピクセル未満のモバイルデバイスでは、画像のエッジに沿って196px、約83ピクセルの占有システム電話アイコンに切り替わります。モバイルユーザーの利便性を考慮に入れる。そのような大多数のVKONTAKTE。

カバーの幅の下で適応したときに、カバーの上にあるテキストが携帯電話の画面でかなり読まれていることを確認してください。また、カバーの重要な項目がメニューアイコンとプライベートメッセージによって閉じられていないことも確認してください。

以下は、カバーがコンピュータ上でのように見えるように、グループのエッジからアクティブ要素への寸法が示されているので、視覚的な例です。

vkontakteカバーコンピュータの薄片

グループVKontakteのカバーを作る方法

設計者のスキルがある場合は、Adobe Photoshopなどのソフトウェアを使用して、スクラッチから独自のカバーを作成してください。このパスの選択は、想像しているときにあなたのビジネスのためのデザインを作成します。

あなたがPhotoshopを購入して探索した場合、欲求はありません、そしてオンラインサービスを使用してください。ここに。現時点で最も人気のあるサービスです。

VKontakteグループのカバーテンプレート

設計開発を手助けするために、VK（1590x400PX）にグループカバーテンプレートを作成しました。

テンプレートの操作に関する追加の詳細をいくつか声にしましょう。

テンプレートを開くと、デザインの外観が表示されます。自分の外観を評価するには、カバーをグループにアップロードする必要はありません。
カバーの作成に進むには、[カバー]レイヤーを2回クリックします。だからあなたはスマートオブジェクトの中に入るでしょう。
次にあなたは創造性に進むことができ、すべてのサイズは内側に示されています。

この記事のこのテンプレートをダウンロードすることができます。

あなたの写真

私たちは誰もがデザイナーになれないことを理解しています。しかし、これは誰もがVKコミュニティの美しいカバーを持つことができるわけではないという意味ではありません。あなたがあなたのキャップを作成することを見ることができるいくつかの場所、そしてこのアプローチをあなたとあなたのビジネスのために正当化することができるいくつかのヒントです。

たとえば、グループが本に捧げられている場合は、本棚の写真を撮り、この写真をカバーとして使用することができます。これによって、あなたが本に興味があるというヒントを作るでしょう、そしてあなたはこの写真をうまくいくために他の本のファンを得ることを期待することができます。

vk.com/best_psaltium。

写真素材

あなたが使いたい個人写真がない場合は、写真を探してください（無料画像付きのサイト）、VKコミュニティのカバーのための完璧なイメージを見つけることができます。美しい写真を見つけるための私のお気に入りのサイトは、無平性とPixabayです。

選択したすべての写真を変更/改善して、それらをより個人的にするようにあなたに電話したいと思います。オンラインエディタツールフォトル、パブロまたはキャンバを使用できます。あなたが望むなら、あなたはこれらのツールであなたの写真を改善することさえできます。たとえば、お気に入りの引用符のいずれかを選択して写真を越えて追加します。

カバーを選ぶ方法

今、Vkontakteのグループのためのカバーを作る方法がわかったとき、質問はそれを選ぶものを記入するのですか？他のものよりもよく機能する写真を撮りますか？

いくつかの重要なポイントを検討してください。

必要なカバーサイズ（幅1590px、高さ400px）を守ってください。
高品質の画像を選択してください。
視覚要素で画像を過負荷にしないでください。
Vkontakteグループの全体的な設計を中心に、カバーの写真を選択してください。
オリジナルの画像を使用し、あなたのブランドに関連しています。

どのような種類の画像が人を引き付ける

画像を魅了するいくつかのコンポーネントがあります。

感情：感情は人々を行動させる。
関連性：あなたの聴衆の利益に対応するものを含む。
色：右の色の選択は変換の増加につながります。
タイポグラフィ：正しいフォントを選択すると、メッセージが明確になります。
HastegiとText：ターゲットアクションに対してあなたの聴衆を誘発する正しい言葉を見つけてください。

これらのコンポーネントは、コミュニティカバーVKONTAKTEを作成するときに適用することができ、人々が特定の方法で感じたり、特定の行動をとるように強制的に感じたりすることができます。

たとえば、カバーのコカコーラは、一般に認められている赤いロゴを使用し、署名「TRY ... FEEL」、背景として、手で飲み物を楽しめます。これは、もちろん、コラを飲むことを意味する心の中で特定の関係を実行させることを望んでいます。そしてそれは効果的です！

vk.com/cocaCola。

人々はどこに見えますか？

完璧なカバーを発明するとき、それはいくつかの研究を見て面白いかもしれません。私はこの問題についての面白いを見つけることができました。彼女は英語中ですが、簡単に本質を伝えます。

画像内の特定の要素に注意を描きたい場合は、視覚キューの原理に従って、要素を見ている人の目は視聴者にその場所に向けられることがわかった。これは、Vkontakteのグループに人のアイカバーを使用する興味深い方法です。

もっとKissMetricsがカバーに「ポップアップする」アイテムを追加するのに効果的である可能性があることがわかりました。そのような要素が1つであるべきであることは重要です。

以下の例では、電子技術はこれを知っており、明らかに人間が新しいゲームFIFA17を購入できることを明確にします。

vk.com/easportsfifa。

非標準の思考

VKontakteグループのためのカバーは、際立っている途中で自分自身を表現するための素晴らしい方法になりました。ここにいくつかの元の方法があります。

スタートアップについて人気の高い一般の人々のデザインで既知の人格を使う

特別なケース、今後のイベント、株式、在留に関するカバーの変化

カバーを使ってあなたのサイトに人々を送る

あなたの特別なオファーを示すためにカバーの使用

訪問者に訪問者を要求してグループを入力するかメッセージを書いてください。

高品質のカバーを持つグループの例

Vkontakteグループに良いカバーを作る方法を知っているので、高品質でシンプルな画像を使用するページを見ることができます。私たちはあなたが彼らの中でインスピレーションを見つけることができるようになることを願っています。

vk.com/adsnews。

vk.com/wbrussia.

vk.com/sci_one.

vk.com/businessgazeta。

vk.com/cds。

私たちは今順番に従事しているので、彼らが現れた場合、ソーシャルネットワークの設計についてのあなたの質問に答えることができます。私たちのメールに送ったり、コメントの上に書いたりしてください。一緒に私たちはあなたのVKontakteグループに理想的なカバーをすることができ、それを促進するための付随する努力の復帰を増やすことができるでしょう。

Evgenia Kryukov.

*記事を更新します。

Vkontakteコミュニティの美しいデザインは、気まぐれではなく、ユーザーやあなたの会社の自信を確保する重要な要素です。パブリックページまたはグループが専用の専門家に囲まれている場合、あなたの潜在的な顧客はあなたがあなたの仕事にも交渉されていることを非常に論理的に結論づけることができます。これが起こらないように、あなたの「Vkontakte」ページが美しく、きちんとして使っていることを注意してください。どうやるか？下に読む。

Vkontakte Imagesの実際のサイズ

ある前に、ソーシャルネットワークの開発者「Vkontakte」は新しいデザインを開始しました。これにより、画像を表示する大きさと原理が変化したという事実につながりました。以下に示すメモは、すべてのイノベーションを満たし、それ自体が現在の時刻のサイズを含んでいます。

そして今、各項目についてより詳細に行きましょう。

アバターVKのサイズ

最小アバターサイズは200ピクセルあたり200です。幅または長さで200ピクセル未満の画像をアップロードしようとすると、このエラーが表示されます。

最大アバターサイズは500ピクセルあたり200です。ただし、原則として、画像と大きいサイズをアップロードすることができます - 各側で最大7000ピクセルです。主なことは、それらの締約国の比率が2~5を超えないということです。

例を示します。

イメージがあります。そのサイズ：800ピクセルあたり200（2~8比）。ロードが発生しない場合はエラーが発生しません。ただし、「連絡先」では完全に割り当てることができないため、まだこのイメージを使用することはできません。

カバー

フルバージョンのサイトのカバーサイズ - 400ピクセルあたり1590。

注意してください：モバイル版とアプリケーションでは、完全なカバーバージョンが表示されていませんが、1196サイズの一部のみが400ピクセルです。アプリケーションモバイルでどのようにカットされているかを参照してください。

これには起こらないため、カバーの基本要素を400ピクセルあたり1196以内に置きます。

添付の画像

「連絡先」の更新された設計では、ニュースフィードの幅が修正されました。これは、投稿に添付されている画像がもはや引き伸ばされないことを意味しますが、それらのように残る。したがって、あなたがあなたのイメージがニュースフィードに割り当てられた場所を完全に占領したい場合は、その幅は少なくとも510ピクセルであるべきです。景観の向きの正方形または長方形であることが最善です。

音がやや混乱しているように聞こえます:)したがって、私は例についてあなたを見せます。

510ピクセルの当事者と正方形の形の画像があるとします。私達が私達の記録にそれを添付するならば、それはすべてのデバイスのニュースフィードを見るのが非常に良いでしょう：

しかし、それは横方向の向きの水平画像のように見えます（幅510ピクセル）。

ご覧のとおり、画像（高さ）は、スマートフォンのテープを見ます。必ず下の写真を見てください。

ここでの違いがそれほど重要ではなく、スマートフォンのユーザーはまだあなたのイメージを検討することは明らかです.2番目のケースでは少し快適になるでしょう。

参考に投稿する画像

このデータはすべて、開いているグラフマークアップコードから取得されます。

Open Graphが登録されていない場合は、タイトルMetageGAからタイトルを取得し、画像は記事からのものです。同時に、それは簡単に変更することができます - 特別なシューターを使用して記事から別の画像を選択してください。

またはあなた自身のダウンロード：

あなたがあなたの記事への発表として使用できる最小の画像サイズ - 240ピクセルあたり537。ただし、割合が観測されている場合は、アップロードして画像を大きくすることができます。

編集者に作成された記事の写真

エディタで作成された記事の表紙の画像サイズ - 510×286ピクセル。記事のタイトルとコミュニティのタイトルは明るい背景に失われてから、暗い色やモノラモノニックであれば、より良いです。

良い例え：

非常に良い例ではありません：

物語のための写真のサイズとビデオ

写真のサイズ - 1920ピクセルの1080。ビデオのサイズ - 1280ピクセルあたり720。

ビデオの仕様：

15秒まで。
5 MB以下。
h.264コーデック;
aACサウンド。

物語では、縦フォーマットの写真やビデオを使用する必要があります。

注意：現時点でコミュニティを代表したストーリーは、大規模なコミュニティのみを追加することができます。これは、開発者の「VKontakte」がこの機能を開いた。そしてそれは公式アプリケーションを使って行われます。コンピュータからそれをすることは不可能です。

動的カバーの例：

カバー+コミュニティ説明+サイトへのリンク

ユーザーがページに関する基本情報を読み、すぐにサイトに移動する機会があるように、任意の企業が任意の企業では特に修正されていません。

Hashthegamiの説明

一部の企業は、それを特徴とするハッシュテジページの標準的な説明に追加します。これは、ページにはより明確な関連性があるように、適切な要求の検索でそれが上にあるように行われます。正直なところ、このメソッドが機能するかどうかはわかりません。私はこのトピックの事件を満たしていませんでしたので、誰かが知っているのであれば、私は参照を共有している場合は感謝します。

どのページを指示したかを修正しました

あなたがより詳細にあなたのページについて知りたいのなら（写真、リンク、そして美しいレイアウト付き）、あなたは編集者内のバーナー、編集者のバーナーのヘッダー、明るい絵を添付することができます。ユーザーにクリックしてクリックします。そのような投稿の例：

しかし、リンクをクリックした後にユーザーを見ているもの

新しいリンクメニュー

それほど前に、Vkontakte開発者はついに新しいツールを使ってコミュニティの所有者に喜んでいます。これにより、メニューを迅速かつWiki-Pagesで苦しみなしで作成できます。それはやや原始的に見えます、それで美しいメニューを作成する方法については、私もあなたに言うでしょう。

コミュニティアプリケーションを使用するか、接続されているストアがある場合は、メニューが自動的に表示されます。たとえば、前の画像では、3つのメニュー項目がすべてアプリケーションへのリンクです。あなたはここであなた自身のあなた自身を追加することができます - あなたは最大7つの部分（アプリケーションを数えない）で重要なエントリ、アルバム、ディスカッションなどであなた自身を追加することができます。しかし、Wikiページを除く、ソーシャルネットワーク内のリソースを参照することしかできません。

メニューを編集するには、ウィジェットの右上隅にある[設定]をクリックします。

メニュー項目を追加するには、[新しいリンク]をクリックします。

開いているウィンドウで、カバー（最小サイズ - 376x256 PX）を選択し、メニュー項目の名前を入力します（スペースで20文字に入れることが重要です）、リンクを追加して「保存」をクリックします。

メニューからアプリケーションを非表示にする場合は、そのタイトルまたはカバーを変更し、対応する項目の反対側の「変更」をクリックします。手動で追加され、調整が必要な他の参考文献と同じことができます。

出口で、このようなものは次のようになるべきです。

グループメニューが開いています

開いているメニュー私はそのようなメニューを呼び出します。このメニューは、すぐに表示されるアイテムから表示されます。つまり、Wiki-Postの画像アナウンスは、その内容を完全に複製します。したがって、ユーザーはそれらが中にそれらを期待しているものをすぐに見てください。例を示します。

これはフラットログラップキャップの固定投稿者です。

グループメニューが終了しました

閉じられたメニューは同じWiki-Postです。前の段落のように、お知らせのみがメニュー項目がない画像です。通常、彼らはそれを書く：「メニュー」、「ナビゲーションメニュー」または「出版物のナビゲーション」。

しかし、私たちがそれをクリックしたときに私たちが見るもの：

ちなみに、これが唯一のオプションではないことは注目に値します。実際、この写真では何も書くことができます。主なことは、ユーザーがそれをクリックしたいと思った、そして彼はその後彼が待っていたことを理解しました。例：

グループのジャンプメニュー

メニューメニューは、メニューの発表の写真がアバター付きの1つの画像です。ここの本は、そのようなメニューを作る方法を詳しく説明しますが、今のところ美しく見えるように見えます。

あなたのコミュニティ「vkontakte」を美しく手配したいが、必要なスキルはありませんか？会社の登録を注文する。アバター、カバー、見出し、メニュー、商品のプレビューのために準備します。

gifkaとAvatar 1つの画像に

しかし、ヘッダーのデザインのこのバージョンは本当に私を賞賛しました。自動的に再生されたGIFは、アバターを単一の構成にマージし、それに情報がまったくないとしても、ユーザーの注意を引き付けます。

ところで、私はSergei ShmakovのSMMマーケティングーセーターにこの例を守りました。だから、私は私の感謝の感謝を表明します:)

隠されたメニュー

隠しメニューはグループに対してのみ使用可能です（そのような機能のページはありません）。それを見るためには、関連リンクをクリックする必要があります。さらに、この設計方法は、ユーザーがコミュニティの主な情報に表示され、メニューを使用したい場合は、クリックするだけです。しかし、ここでは小さなマイナスがあります - すべてのユーザーがこの関数の存在について知っているわけではないので、メニューはそれがページの先頭に固定されていたら注意を払うことができます。

自動的に再生可能なビデオ

2015年11月末には、興味深いイノベーションがソーシャルネットワーク「Vkontakte」に登場しました - ユーザーがあなたのページにやってくるとすぐに、ヘッダーに添付されているビデオは自動的に再生を開始します。このレセプションでは、ユーザー（特に最初にあなたのページに行った人）のさらに注目を集めることができます。そして実際には干渉しません。

ページのヘッダーにそのようなビデオを追加する方法

このためには、3つの条件を満たす必要があります。

ローラをレコードに取り付け、コミュニティ上部にこのエントリを統合します。
ローラーに加えて、レコードには何も添付されるべきです。意志のビデオとテキストだけです。
ビデオは "Vkontakte" - サードパーティのプレーヤーはサポートされていません。

多くの再返金を取得するエントリ

あなたのページのヘッダー内の場所を生産的に使用するもう1つの方法は、あなたの最も成功した投稿の1つをそれに修正することです - すでに得られ、大量の好みや決定を得続けているものです。なぜそれをするのですか、私は誰もが理解できると思います - より多くの再投稿、より多くの報道がより多くの購読が表示されます。

新しいクリップ、アルバム、イベントの発表

新製品/サービスの発表

割引とプロモーション

ケース、カスタマーレビュー

広告アプリケーション

実用的なジョーク

コミュニティルール

他のソーシャルネットワークへのリンク

私はヘッダーのデザインのためのすべてのオプションから遠くに挙げました。実際、カバーの上に、固定された投稿には、仕事、広告、最高の商品へのリンクなどを投稿できます。上記の例を限定しないでください。あなたの目標を達成するためにあなたのコミュニティのデザインを使ってあなたのコミュニティのデザインを使ってください。

アバターには

アバターはあなたの会社のロゴと美しい画像、そしてマーケティング担当者の作業機器ではなく、彼が目標を達成します。すべての詳細を分析しましょう。それがユーザーの注意を引き付ける方法とターゲットの行動を実行するように彼らに励ますことを促しましょう。ミニチュアから始めましょう。

ミニチュアアバター

ミニチュアアバターのテキストは、読み取ることができるように十分に大きくなければなりません。

テキストはミニチュアを超えてはいけません。

ユーザーはアバターに描かれているものを明確にする必要があります。

可能であれば、それはStock Stock Stock Stock Stockイラストをよりよく使用しています。

アバターのサムネイルが柔軟で退屈していることは望ましくありません。そうでなければ、競合他社のより多くの鮮やかなアバターの背景に対して失われるでしょう。

あなたのアバターがモダンに見えたいのなら、小さなテキスト、影、勾配、そして意味的な負荷を持ちません。あなたのアバターはできるだけ単純できちんとしているべきです。このスタイルは今傾向があります。

ユーザーの注意を引くと、テープ内の他のアバターの背景に対して際立って目標がある場合は、ファンタジーを含める必要があります。あなたが面白いコミュニティを探しているとき、あなた自身が注意を払うことについて考えてください。ここでは、例えば、すでに既に燃焼ライトでアバターを引き付けた。通常、新しいメッセージが来たことを示します。これは非常に古いレセプションですが、何らかの理由で彼はまだ私に影響を与えます - 私が同様の光を見たとき、私は間違いなく彼の目を削除します。

このテクニックはあなたのページと一緒に機能すると主張していません。私が伝えたいと思っている考えは、非常にそして非常に多くのことを目立つ方法は、この質問をしていくつかの創造性を示す必要があるということです。たとえば、私自身がほとんど考えられていなかったもう一つの興味深い考え：

アバターは黒い丸です。なぜそれをするのはなぜですか？しかし、あなたがコミュニティのリストを残したとき、そのようなアバターは自分自身に魅了されています。

ミニチュアアバターにはどの情報が配置できます

アバターのミニチュアが非常に小さいサイズを持っているという事実にもかかわらず、それはあなたのコミュニティに加入者を引き付けるためにそれを使用するために使用することができます。どうやるか？いくつかのオプションを検討しましょう。

新製品発表/サービス/イベント

会社/サービス/ページの利点

会社の電話番号

良好な価格

送料無料

ちなみに、会社が送料を提供することが非常に頻繁にはグループの名前に追加された情報が追加され、ユーザーが間違いなく注意を払うことができます。

株式会社

競争

求人

アバターは何になるべきですか？

私はアバターのサムネイルとそれのどのテキストを配置することができるのかを調べました。そして今、自分でアバターに行きましょう。アバターのフルバージョンは、カバーがインストールされていないコミュニティにのみ表示されます。このセクションを書いたそのような場合はです。だから、あなたの会社が責任を持ってそして専門的にページの作成に近づいたことをすぐに理解するように、あなたのコミュニティのアバターであ\u200b\u200bるべきです。

アバターは定性的でなければなりません。これを達成する方法については、もう少し高く書いた。この部分を逃した人のために、私は短いと言います - アバターのサイズはあなたが計画しているより2~3倍でなければなりません。
アバターはメニューから組み合わされていることが望ましい：同じ色方式があり、同じフォント、要素などが同じであった。例：

アバターとミニチュアアバター自体は異なることがあります。たとえば、アバターに円を描くことができ、あなたが好きなようにそれを手配し、この領域をミニチュアとして選択し、他のスタイルで行われています。

別の選択肢は、アバターを2つの部分に分割することです。 1つ - ミニチュアのため、そして2番目のアバターの残りのために - 。

ユーザーにあなたのページを購読したり会社にメッセージを送ったりすることを奨励するために、アクションに対応するアバターの下部に収容でき、矢印でボタンを指していることを維持できます。

アバターの情報を投稿しないようにしてください。それ以外の場合は、過負荷や乱雑に見えます。最も重要な項目をそれに追加し、それらの間に空気があることを確認してください。

アバターにはどのような情報がありますか？

実際、アバターでは何も置くことができます。ミニチュアとは異なり、ここでは本当にローストする場所です。主なことはそれを虐待することではありません:)

サイトドメイン

電話/住所/作業時間

コンテスト/シェア

最も購入された製品/ New

配達に関する情報

広告モバイルアプリ

会社/ページ/商品の主な利点など

品揃え/新たな創造性などを更新する

あなたのコミュニティが公式であるという情報

今後のイベントに関する情報

他のソーシャルネットワークのアカウントアドレス

拡張ページの説明

パウチ

一般的に、アバターではあなたが絶対に任意の情報を投稿することができます。私はあなたが他の人が何をするのかを見ることができ、そしてそれらの例を刺激することができるように、私はいくつかのアイデアだけを持ってきました。さて、私の頭の中で主な勧告を維持してください：アバターは高品質であるべきです、フォントは大きく、そしてより多くの空気の要素の間です。

ジギングアバターとメニューを作成する方法

商品化アバターとメニューを作るためには、Adobe Photoshopプログラムまたはそのアナログが必要になります。私は「Photoshop」の例について全体のプロセスを説明します。じゃあ、行きましょう。

この記事のために具体的に準備した「Photoshop」のテンプレートをダウンロードしてください。通常のサイズ（メニュー - 幅510ピクセル、アバター - 200）または拡大（幅のメニュー - 1020ピクセル、アバター - 400）。
ベースを付けたい画像を開きます。
それをコピーし、テンプレートに挿入して、それをカットしたいと同じくらい配置します。

エフェクト、テキスト、グラフィックなどを追加します。

イメージの一部を（50ピクセルのそのスペース内）を失いたくない場合は、次のGIFに示すように右側にスライドさせます。

「カッティング」ツールを選択して、「ガイドのフラグメント」ボタンをクリックしてください。

不要なフラグメントを削除し（マウスを右クリック - [フラグメントを削除]を調整し、すでに使用可能なものを調整します（マウスを右クリック - 空の場所をクリックします。

[ファイル]セクションに移動して[Webコマンドの保存]を選択します。

写真を保存した場所（デスクトップまたは特定のディレクトリ）に移動し、そこで "images"という名前のフォルダを見つけます。それはあなたのイメージになるでしょう。それでは、ページにそれらを注ぐことだけが残っています。

P.S. アバターの高さはあなたの裁量で変更することができます。私は最大サイズ - 500ピクセルを取りましたが、この値は少なくなることがあります。たとえば、 "Wiki-Markup"ページのように：

ウィジェットの使い方

ウィジェットもVKコミュニティデザインの一部です。それらの助けを借りて、注文し、あなたのニュースレターを購読し、競争に参加し、フィードバックを読んだりしたり、コミュニティで検索を開く、ギフト、割引クーポンなどを開くなどしたりします。

ウィジェットがVkontakteページを見ているものの例をいくつか示します。

class \u003d "Incut"\u003e

投稿に画像を発行する方法

あなたがウェブデザインに従事しているか、芸術的な味と優れた感覚を持っているならば、あなたはあなたのイメージのための企業の身元を思いつくのは難しくありません。しかし、この記事の中で少数派があるようです（私は彼らのことを気にしない）。したがって、成功した会社の例に基づいて、これがどのように行われるかを詳しく見てみましょう。

ちなみに、彼らの画像をブランド化するほとんどすべての有名なVkontakte会社に注意を払う、すなわち小さなロゴ、あなたのページのアドレスまたは透かしを追加します。ブランドの認識を高め、コピー画像を保護します。これを行う価値があるのですが、誰もが自分自身を決めます。お勧めされることをお勧めされる唯一のもの：あなたがまだそれをすることにした場合は、あなたのロゴを明るくしないようにしてください、そしてそれ以外の場合は全体的な重点がそれに行き、そしてあなたのイメージはあなたを失うでしょう魅力的です。

良い画像を入手する場所？

私たちのブログはこのトピックに関する良い記事を持っています - ""。彼らはすべて無料ですが、ある種の登録です。あなたが自分に適したものを選んでいない場合は、キーワード+壁紙（または英語、壁紙であれば）を検索してみてください。通常、品質の画像はそのような要求にあります。しかし、ここでは注意深く、ライセンスの種類を確認する必要があります。それ以外の場合は、深刻なビジネスがある場合は、トラブルに登録できます。

そして、「Photoshop」で働く方法がわからない人を何をするか？

「Photoshop」（または他のグラフィック編集者）で働いていない場合はまだ開発の時間を強調する準備ができていない場合は、さまざまなソーシャルネットワーク用の既製の写真の既製のパターンを持っているサービスを使用できます。

1. Fotor.com

その後、画面の左側には、興味のあるテンプレートを選択します。ダイヤマンアイコンがないテンプレートのみを無料で提供しています。

テンプレートに挿入し、マウスの左ボタンを選択し、レイヤー（サンドウームアイコン）を選択して[下へ移動]をクリックします。したがって、私たちの写真は背景に戻り、すべての碑文はその上に置かれます。

その後、テキスト、フォント、フォントサイズ、碑文のレイアウトなどを変更します。

次に、フロッピーディスクの形式でアイコンをクリックし、名前、画像形式、品質を選択し、ダウンロードするには標識ボタンをクリックします。

Wikie Markupを使う方法

さて、私たちは最も興味深くそして同時に複雑なセクションに近づいた。おそらく読者の間では、Wikiマークアップが何であるかわからない人がいる人がいます。一般的に、この用語は聞こえます。したがって、私はあなたのために特別な定義を与えます。

Wika Markupは、Webサイト（通常はWiki-Projectクラスに関連する）の\u200b\u200bテキストを設計するために使用されるマークアップ言語で、HTML言語の機能へのアクセスを簡素化することができます。 WebサイトWiki-Pages - 通常のエントリとテキストナビゲーションに代わる優れた代替手段。異なるテキストフォーマット（太字、強調、見出しなど）を持つ大きな記事を作成する必要がある場合、またはコミュニティに従ってカラフルなナビゲーションメニューを作成するだけで、Wikiが不可欠です。

同様に、WordPress（またはその他のCMS）の両方にHTMLエディタがあり、それで記事を作成し、[連絡先]に独自のエディタがWikiページを作成および編集するための独自のエディタがあります。彼はこのように見えます：

このエディタでは、ナビゲーションメニューが作成され、写真、ビデオ、およびオーディオの録音の記事が作成されます。ここだけで、このエディタで作業方法を詳細にスキャンしますが、まずブックマークに2つのリンクを追加するように依頼します。彼らはWikiマークアップの研究であなたを助けます。

SMMの写真は決めます。すべてでない場合は、たくさん。あなたはあなたのグループのカバーが注目を集めて低木を見なかったのですか？

サービスへの登録

フォーマットを選択してください

さまざまなソーシャルネットワークのための目的の画像フォーマットは、カンバーからレコードまですでにロードされています。独自のレイアウトサイズを指定することもできますが、無料版ですでに作成されたレイアウトをサイズ変更することはできません。

キャンバは外国のサービスであるため、ロシアの聴衆にはまだ完全には適応されていません。したがって、特別なセクションでVkontakteのカバーのための既製のレイアウトを見つけ、「デザインを作成する」ことはできません。私たちが必要とするレイアウトは、1590 x 400ピクセルの寸法を持っています - 画像表示の最良の品質を達成するためのカバーの実寸（2倍のプロポーションがVkontakteスペシャリストによって推奨されます）。
左側には、プロのデザイナーによって開発された一連の既成のレイアウトが表示されます - それらは、スクラッチからのデザインの作成を始めないようにそれらを空白として使用することができます。テンプレートの要素を変更することができるので、選択したら、元のカラーパレットとフォントに集中しないでください。色、テキスト、アイテムの数、そして画像上のそれらの位置あなた自身を設定することができます。ただし、グループのアイデアをよりよく反映するスタイルを選択してください。背景の写真で、しっかりした背景、フォトコール、厳格なパターンなどがあります。この例では、完成した要素なしのテンプレートを選択します。これは、コラージュの「グリッド」です。

あなた自身の要素をロードします

編集を開始する前に、自分のロゴや写真を使用したいエディタにダウンロードしてください。 [My]タブに移動して、コンピュータから目的のファイルを選択します。透明な背景を持つロゴをロードすることをお勧めします。暗くて明るい背景のオプション（たとえば、ロゴの白黒バージョンなど）を使用している場合はさらに優れています。
ロードされた画像を新しいレイアウトに挿入するには、単に右にドラッグしてメッシュの希望の部分に配置します。ここで写真は「粉砕」することができます - つまり、選択されたウィンドウと目的のスケールの中に写真を配置する必要があります。

コンテンツのレイアウトを記入してください

既製のレイアウトで動作する場合は、ブランドのユニークで反射的なスタイルのカバーを作るために編集する必要があります。編集は直感的です。カバーデザインで正確に変更できるのは何ですか？

背景色（固体塗りつぶしとさまざまな質感と装飾品の両方）。
フォントのテキスト、フォント、サイズ、色。
要素の場所（単に「キャンバス上の専用の要素」を「ドラッグするだけ）。
要素数（不要な部品を削除することができ、必要に応じて、レイアウトに挿入することができます）。

この例では、中央、職員を除く写真の4つのフィールドを記入し、それらのすべてのそれらのすべてに写真を「単一の分母」にしてください」 - 一緒に見えるほうがよいでしょう。

図面、数字やアイコンなどの追加の詳細は、左側のメニューの「要素」で入手できます（この例では、店舗名を挿入するために背景に中央の写真を交換しました）。そして、部分は、クリップアートの内蔵カタログのキーワードで見つけることができます。たとえば、Photos Tapeのトラベルにはあなた自身の写真が欠けています。検索文字列に「旅行」という単語を入力して、観光トピックに関する数十の写真や写真の全セットを入手してください（それらのいくつかは無料です、他のものは1ドルで利用可能です）。

私たちはテキストで働いています

[テキスト]タブを経て、テキスト要素または既製のブロックを複数のフォントの組み合わせで追加できます。ロシア語のフォントのセットはラテン語のアルファベットよりもかなり少ないことに留意すべきであるが、それにもかかわらず、選択するものがある。
ここで、パネル上部には、サイズ、色、センタリング、テキストの透明度、回線、間隔の間隔を変更できます。

グループのための既製のカバーをダウンロードしてください

設計の準備ができたら、「ダウンロード」をクリックして右上隅にあり、目的のフォーマットを選択します。 PNGまたはJPGはVkontakteのダウンロードに適しています。それ以外の場合には、たたき、あなたが印刷住宅に注文される予定の小冊子またはチラシを作成するとき、あなたは「印刷のためにPDF」を選ぶ必要があります。

グループ内のカバーをロードします

VKontakteグループの設計は私が望むのと同じように直感的ではありません。カバーをダウンロードするには、「Community Management」メニューに進む必要があります - ダウンロードリンクは「基本情報」ブロックにあります。
「Community Management」のセクションを通じて、カバーをVKontakteグループにダウンロードできます。

結果

ほとんどのキャンバレイアウトは、多かれ少なかれ最小限のスタイルで作成されます。

まず、これらは現代のWebデザインのトレンドです - 現場、アプリケーション、ブランドのチャネルの設計のインターフェースは、原則として、最も重要なことにアクセントを節約するための限られた色のセットを使用して実行されます。

第二に、ほとんどの企業やWebプロジェクトのトラフィックでシェアを増やすことを補うスモールモバイルデバイススクリーンでは、単純な画像が簡単になります。

したがって、ソーシャルネットワークまたはYouTubeチャネルのページのカバーを作成するには、追加の詳細で「過負荷」しないでください。認識の単純さを維持しながら、デザインサンプルをベースとして取り出し、それを「あなた自身」にします。そして、必要な情報を明確に送信する高品質のグラフィックへの加入者の肯定的な反応は、自分自身を待っていないでしょう。

これは、Canvaレイアウトを使用して作成したVkontakteのためのもう1つのカバーです。

同じ原則により、他のソーシャルネットワーク内のページのカバーをコンテンツの塗りつぶしのために作成することができます。そしてあなたが必要としないデザイナー。

キャンバで働く方法は、地域のサービスマネージャーオレグ・ブルコフを語って見せた。

Callibriブログでは、起業家やマーケティング担当者に役立つ資料を見つけることができます。インターネットマーケティングのさまざまな分野の専門家と狭い専門家たちは、彼らの考え、見解、実践的な動向を共有し、そしてビジネスをより成功させる方法を伝えます。

あなたは興味深いトピックを持っていますか、あなたは私たちの著者になりたいですか？私たちに書く！

VK Onlineのグループのカバーを作成して、多くのコミュニティの所有者が必要です。私たちの記事では、手順のすべてのニュアンスを理解し、ユーザーにアドバイスを提供しようとします。

VKは常に更新され改善されたウェブサイトです。管理者グループには、個別化コミュニティを許可するツールが多数あります。そのうちの1つは、VKグループのオンラインのためのカバーの作成です。

しかし、彼女は何ですか？これは、グループキャップに取り込まれた特別な画像です。なぜあなたはカバーが必要なのですか？

それはあなたがデザインを改善することを可能にします。
ページ特別なスタイルを与えるために管理します。
あなたは新しいデザインを楽しむでしょう。
カバーはコミュニティの主題について知ることができます。
美しいデザインのグループは、ユーザー間で最も利益を持ちます。
人々はコミュニティを購読しても構わないと思っています。
サイトのフルバージョンおよびモバイル版の下に画像を適応させることが可能です。
カバーを作成することは非常に簡単です、この手順は問題を引き起こすべきではありません。

VKでグループのための美しいカバーを作る方法は？

あなたの願いに依存するための主な原価。一般に、チーム管理者には2つのオプションがあります。

完成した写真を撮ってください。
自分でユニークなイメージを作成してください。

もちろん、第2の方法ははるかに複雑です。ユニークなカバーを作成するには、写真のエディタを使用する必要があります。所望の結果を達成するために、Photoshopのように、少なくとも最小限のスキルをプログラムで持つことが必要である。

グループVKのカバー：サイズ

寸法は異なる場合があります。例えば、カバーは795×200ピクセルの解像度で表示されている。スマートフォンでは、デバイスの画面の下に適応します。

しかし、そのような解像度で絵を具体的に見つけることは必ずしも可能ではありません！心配しないで、画像をロードするとき、システムは短いことを提案します。希望の部分を選択し、エッジが自動的に削除されます。

モバイルデバイス上のカバーの表示はPCとは異なることを忘れないでください。上に83pxで切断され、この空間はシステムのアイコンを占めています。スマートフォンでは、最大400pxのディスプレイ幅を持つスマートフォンで、196pxでエッジを中心にトリミングします。

その結果、小さなゾーンがモバイルデバイスには見えません。画像の背景だけがエッジ上にあるように空のままにすることをお勧めしますので、要素はカットされません。

VKのグループのカバーを作成するためのプログラム

グループのヘッダーを作成するための使用可能なメソッド

カバーの完成した画像をダウンロードしてください。
オンラインサービスを通してそれを作りなさい。
専門家からの注文。
写真の編集を利用して自分を作成してください。

インターネット上で、PSD形式で無料の写真やパターンがいっぱいです。それらは彼らのグループの下に適応してコミュニティキャップに入れることができます。今日は最も簡単な選択肢です。

あなたは特別なプログラムを使うことができます - Adob\u200b\u200b e Photoshop、PixelMatorなどは、これらのアプリケーションを操作できるはずです。あなたは彼らの開発に時間を必要とするでしょう。

PhotoshopのVKでグループをカバーする方法

Adobe Photoshopは最も人気のある画像編集プログラムです。特定のスキルの存在下でカバーを素早く作成することができます。この方法の主な利点は、独自の設計を開発することが可能です。

重要！常に推奨されるサイズの写真を常に選択します。必要な許可の下で画像をカスタマイズする必要があります。しかし、ストレッチの場合、画質は著しく悪化し、それは受け入れられません。

オープンフォトショップ。メニューで新しいファイルを作成する項目を選択します。保存するには、次のパラメータを設定する必要があります。

すぐにファイルの名前を指定してください。
サイズ - 1590x
背景 - 透明。
カラーモード - RGB 8ビットカラー。
解像度 - 1インチあたり72ピクセル。

インターネット上の写真を見つけ、それをコピーしてプログラムに貼り付けます。必要なサイズを調整するには：

編集アイテムに進みます。
その後、「変換」で。
[スケーリング]セクションを選択します。
保留シフト。
マウスの左ボタンは画像の角度を捉えます。
境界の下に写真を適応させます。
アクションを確認するには、Enterをクリックします。

コミュニティ名を書く必要があります。これのために必要なので：

アイテムを選択して新しいレイヤーを作成します。
ボタンを押してテキストを追加します。
配置のゾーンを強調表示します。
サイズ、色、フォントを選択します。
コミュニティ名を入力してください。
スタイルでパネルを開きます。
あなたはテキストが美しく見えることを選びます。

あなたはかなり簡単なカバーを得ました。説明書によると、ほとんどすべてのユーザーがそれを作ることができます。当然のことながら、多数の要素を持つ帽子を作成するには、もっと時間がかかります。

ファイルメニューで開きます。
「Web用に保存」アイテムを選択してください。
PNG-24セットを指定してください。
写真を保存してください。

完成した画像をアンロードする方法

グループに写真をロードするには、次の手順を実行します。

コミュニティに行きます。
コントロールするメニュー項目から選択してください。
コミュニティカバーでオプションを検索します。
ダウンロードする項目を選択してください。
追加するための形式が表示されます。
エクスプローラで写真を選択するか、ウィンドウにドラッグすることができます。
サイトにロードしてください。
保存を確認します。

メインコンモリページを終了して結果を評価します。サイズに関する推奨事項に準拠している場合は、写真は完全に収まります。

VKでグループのカバーを作成する方法を学びました。プロセスは折り畳まれていないので、提供されたすべてのアドバイスを考慮に入れるのに十分です。

VKグループの動的カバー

今やダイナミックカバーを作成することが可能です。その準備のプロセスははるかに複雑です、あなたはもっともっと時間を過ごす必要があります。

通常からのダイナミックハットの違いは何ですか？それでも更新できます。変更頻度は、作成時に別々に調整されます。

しかし、なぜあなたはダイナミックな帽子を必要としていますか？使用セットのオプション：

あなたはCRMシステムを撤回することができます。
タイマーを作成することが可能です。
曜日、日付、時刻を表示します。
最後に参加した名前を表示します。
追加情報を提供してください。
そのようなカバーは企業のグループに適しています。

キャップは、VCから入手可能なさまざまな情報に、または他のどのサイトからも入れることができます。その使用のためのオプションはあなたのニーズにのみ異なります。

使い方？

原則はかなり簡単です：

標準テンプレートが用意されています。
正しい場所では、データを更新するためにゾーンが割り当てられます。
本格的な仕事のためには、特別なスクリプトが必要になります。

なぜあなたはスクリプトが必要なのですか？

スクリプトはデータを受信し、それらを割り当てられた領域に表示するために使用されます。つまり、ソースから情報をアンロードしてカバーに転送し、バインディング要素です。

更新頻度はあなたの願いに基づいて構成されています。最適な値を選択して現在の情報をヘッダーに表示できます。

スクリプト付きのダイナミックカバーを作成する通常のものよりも複雑です。それははるかに多くの知識と特殊なソフトウェアを取ります。したがって、この手順の専門家を信頼することをお勧めします。それからあなたは優れた機能に自信を持って自信を持っています。

スクリプトを接続する方法

プロジェクトの実行後、専門家はあなたに提供されます：

マグネット設計
PSDフォーマットのソース
脚本。
バインディングのライセンスキー。

コミュニティの設計の開発に従事する専門家は基本的な仕事を取ります。これにより、時間を節約し、そのようなカバーを作成することのすべてのニュアンスを掘り下げないことが可能です。

スクリプトを作業するには、どこかにインストールする必要があります。いくつかのオプションがあります。

ホームコンピュータで。
開発に従事していた会社のサーバーで。
リモートサーバーで。

スクリプトをPCに入れることができます。しかし、コンピュータは時計を回避する必要があります。デバイスを無効にする場合、ヘッダー内の情報は更新を停止します。したがって、コミュニティのいくつかの所有者がこのようにして楽しんでいます。

あなたはホスティングを支払うことができ、リモートサーバーにスクリプトをインストールすることができます。サービスコストは月に80ルーブルから始まります。しかし、あなたは中断のない仕事を確実にすることができる信頼できるホスティングを選択する必要があります。

多くのコミュニティは、スクリプトをサーバーにインストールするためのオファーを発行します。サービスのコストは小さい、購読料は通常月額100ルーブルを超えません。会社の従業員もスクリプトの機能をサポートします。

vkontakteコミュニティの発行におけるグラフィック要素は、訪問者の注意を捉え、それを保持し、そしてまた千の類似のコミュニティの中でグループまたは公共の認識を増やします。さらに、グラフィックメニューでは、参加者やその他のソーシャルネットワークユーザーが大規模コミュニティの構造をナビゲートするのを助けることでパーティションをナビゲートできます。

VKまたはViewing Portfolio Designersの検索は、コミュニティのカバーメニューを選択すると開始できるVKontakteグループの例が多数表示されます。

Vkontakteグループのデザインの次の寸法が使用されます。

カバーカバーは、一般の幅の上部、1590 x 400ピクセルのサイズで示されています。
Big Avatar - 垂直バナー200x500 PX（アスペクト比2：5）を上記の右側に示します。
小さなアバター、丸い写真は、各メッセージグループ、200x200ピクセルのサイズに示されています。
Vkontakteグループのメニューのイメージ、510ピクセルの幅、高さ - 307（メニューの下端が右側の大きなアバターの底と美しく一致するように）。

カバーのカバーがコミュニティ設定にロードされている場合は、大きなアバターは右側に表示されません。

自分でvkontakteのグループのための帽子を作る方法

コミュニティの帽子が美しく見えるように、そのグラフィックコンポーネントはすべて1つのスタイル（色、ロゴ、フォント）で装飾されているか、ある写真の一部である必要があります。 VKONTAKTEグループを自分で作るとき、最初のステップは背景画像を準備することです。それは無料のPhotobanks（たとえばPixabay.comなど）でテーマ別写真であるかもしれません。

グラフィックエディタで写真を開きます。サイズへの条件またはスケーリング：長さ1590 px、高さ400 px。

次に、必要な碑文（グループの名前、スローガン、コミュニティに参加するための呼び出し）を適用できます。これでカバーをコミュニティにダウンロードする必要があります。これを行うには、メニュー項目「Community Management」に進みます。

「コミュニティカバー」フィールドの「ダウンロード」をクリックしてください。

次のウィンドウで、以前にコンピュータ上で準備したカバーファイルを選択し、「保存して続ける」をクリックします。

今あなたのグループに新しいカバーがあります。この場合、右側の大きなアバターの垂直絵はもはや表示されないことを考慮に入れてください。

写真や写真はコミュニティの主題と一致しなければなりません。
高品質の画像を使用してください。
他の人の著作権に画像に違反しないでください（現在無料の株は大量と写真やイラストを提供しています）。
詳細でカバーを過負荷にしないでください。
あなたがキャップに人の写真を載せるならば、それは彼が訪問者には見えないが、ページ上の最も重要な要素（メニュー、サイトのアドレス、アクションに関するメッセージ、呼び出し）にはより良いことです。
高品質のフォントを使用し、碑文が任意の規模のためにレイアップされていることを確認してください。

新しいデザインの公共vkontakteのキャップのサイズ

このソーシャルネットワークの再設計が発生した後、新しいデザイン要素が表示されました - カバー。これは400ピクセルあたり1590サイズの水平方向の大きな画像です。 VKontakteグループのキャップは静的画面です。それに収容するのに十分な大きさ、明るい、思い出に残る写真や写真と公開、スローガン会社、サイト名、時刻表やその他の碑文。

新しいデザインでグループVKのメニューを作成する方法

VKontakteグループメニュープロセスは、次の手順で構成されています。

メニューリンクのリストを準備する（これらは、ページ、コミュニティセクション、または外部サイトです）。
背景画像の作成
碑文と「ボタン」メニューの背景画像にアプリケーション。
部品上の画像をカットする。
Wikiページをオンにします。
グラフィックメニューをロードし、そのWikiマークアップをフォーマットします。

背景ピクチャは510ピクセルの幅で、高さはメニュー項目の数と配置によって異なります。画像を処理するためのラスタグラフィックエディタが必要になります。例は、無料でLUNG PAINT.NETを使用して以下に示します。

すぐに、メニュー項目を同じサイズの断片に切り取ることができるようにメニュー項目を配置する必要があります。これは、スマートフォンやタブレットの画面上で通常スケールされたメニューが重要です。

1列目のポイントを持つVKコミュニティの垂直メニュー

エディタで写真を開きます。テキストエディタツール背景上にメニュー項目を書く。碑文メニューが顕著になるためには、いくつかの方法で割り当てることができます。

フレームを丸で囲みます。
文字の下の背景の色を変更します。
影を追加してください。

スクリーンショットの下に、各項目はいずれかの方法で割り当てられています。

次のステップ - 画像のカットの部分：

画像切断プロセスは、便利なオンラインツールwww.imgonline.com.ua/cut-photo-into-pieces.phpを使用して実行することもできます。

次に、「Community Management」メニューで、「セクション」のセクションと「MATECTION」句に移動します。「Limited」を選択します（これは、グループのみを作成し編集できます）。

[保存]をクリックしてメイングループに移動します。セクションの近くに「新鮮なニュース」という利点があります。

このセクションにアクセスして[編集]をクリックします。タイトルを「メニュー」に変更してから、カメラのアイコンをクリックして画像を追加します。

追加された画像をクリックすると、[プロパティ]ウィンドウで、目的のセクションを参照してください。

VKontakteは自動的に最大400ピクセルの画像を縮小し、追加のタグを挿入します。修正するには、マークアップ編集モードに進む必要があります。

各タグイメージは「[["と終了"]]を開始します」と「|」と区切られた3つの部分で構成されています。サイン：ID ID、プロパティ、リンク。写真のサイズを調整して、それらのプロパティに "nopadding"タグを挿入する必要があります。写真のプロパティは ";"を介してリストされています。

変更を保存したら、メニューの作成が完了しました。

アイテムの水平または複数行の場所を持つメニュー

この場合、画像の準備も行われるが、ソースの切断と垂直方向に行われる。スライスされたフラグメントは、ページ編集インターフェイスを介してロードされます。長方形のフラグメントの相互位置は、VKのWikiテーブルマークアップを使用してインストールされています。前のセクションで説明されている、参照付きの画像の各タグは、テーブルの表の内側に配置されています。

テーブルデザインルール：