Ստեղծեք մանրապատկեր VK-ում խմբի համար: VKontakte համայնքի նախագծում. RuNet-ի առավել մանրամասն ուղեցույցը խմբի կամ հանրային էջի համար: Գործեր, հաճախորդների ակնարկներ

Այս հոդվածում ես կցանկանայի համակարգել իմ ամբողջ գիտելիքները VKontakte խմբերի նախագծման վերաբերյալ՝ հիմնվելով հաճախորդների հետ շփվելու իմ փորձի և նրանց նախասիրությունների վրա: Ավելին, վերջին վեց ամսվա ընթացքում VKontakt-ը բազմաթիվ փոփոխություններ է կատարել, որոնց մասին շատերը նույնիսկ տեղյակ չեն: Ես ուզում էի ավելի մանրամասն անդրադառնալ որոշ նորամուծությունների, քանի որ դրանց մեջ իսկապես արժանի և օգտակար բաներ կան։ Բոլորս կարծես արդեն վերականգնվել ենք VKontakte-ի վերանախագծումից հետո որոշակի ցնցումից, և տեսանելի փոփոխությունների հետևում բացահայտվեց խմբի բազմատեսակ գործառնությունն ու բովանդակությունը։ Այսպիսով, այժմ խմբերի ձևավորումը ներառում է բարդ ընթացակարգ, որը չի սահմանափակվում միայն գրաֆիկական բաղադրիչով` գեղեցիկ նկարների տեսքով: Այժմ սեփականատերերը պետք է հաշվի առնեն խմբային կառուցվածքի կառուցման բազմաթիվ նրբերանգներ՝ կախված բիզնեսի թեմայից և օգտագործողի հարմարությունից:

Սա հիմնականում վերաբերում է գրաֆիկական դիզայնի ընտրությանը երկու միմյանց բացառող տարբերակներից՝ մշակմանը ներքին մենյու, ընտրելով մուտքի կետ ներքին մենյուում, հասկանալով կատալոգի և ապրանքի ցուցադրության տարբերությունը, պատրաստելով գովազդային նյութեր՝ խումբը խթանելու համար, օգտագործելով օգտակար հավելվածներ. Բայց առաջին հերթին առաջինը: Նախ կանդրադառնանք խմբային ձևավորման հիմնական տարրերին, այնուհետև կանցնենք դրանց փոխազդեցությանը տարբեր համակցությունների տեսքով, այնուհետև կխոսենք որոշ օգտակար հատկությունների և նրբությունների մասին:

1. Հորիզոնական ծածկ (վերնագիր)
Սկսենք հորիզոնական կափարիչից կամ վերնագրից: VKontakte-ի մշակողները մեզ վստահեցնում են, որ ծածկույթն իր չափերի շնորհիվ ավելի մեծ ճկունություն է տալիս տեղեկատվության տրամադրման և պատկերացման հարցում։ Սովորաբար, բացի գեղեցիկ նկարվերնագիրը պարունակում է լոգոն, ուղեկցող տեղեկություններ, կոնտակտներ, խմբին միանալու կոչ, կայքի հասցեն: Կասկած ունեմ, որ մի օր շապիկները միակը կլինեն հնարավոր տարբերակխմբային ձևավորում, ուստի խորհուրդ կտամ անմիջապես անցնել դրանց՝ հետագայում ֆորսմաժորային վերափոխումներից խուսափելու համար:

Ինչպես ներբեռնել շապիկը
Շապիկը ներբեռնելու համար անհրաժեշտ է գնալ Համայնքի կառավարում >> Արգելափակել հիմնական տեղեկությունները >> Համայնքի ծածկույթ >> Ներբեռնել: Կափարիչի առաջարկվող չափը 1590×400 պիքսել է: Վերնագիրը չի կարող ունենալ որևէ աշխատանքային կոճակ, որի վրա կարելի է սեղմել. իրականում սա նկար է և վերջ: Մինչ օրս ծածկույթը տեսանելի է շարժական սարքերախ, և կարծես թե արդեն տեսանելի է հավելվածներում և հաճախորդների մեջ:

Վիքի ներդիր Վերջին նորություններ
Վերնագրի տակ գտնվող վերին բլոկն այժմ կարող է պարունակել երեք ներդիր՝ ամրացված գրառում, տեղեկատվություն համայնքի մասին և վիքի մենյու (միայն խմբերում, հանրային էջերում նման ներդիր չկա): Շեշտը դեռևս ամրացված գրառման վրա է, բայց նույնիսկ եթե այն առկա է, օգտվողին այժմ միշտ հասանելի կլինի համայնքի մասին տեղեկատվություն՝ անցնելով ներդիրների միջև: Որպեսզի հայտնվի վիքի մենյուի ներդիրը (ի սկզբանե կոչվում էր Հրատապ լուրեր), դուք պետք է գնաք Համայնքի կառավարում » Բաժիններ » Բովանդակություն » Սահմանափակված (կամ Հանրային) » Պահպանել:

2. Ուղղահայաց ավատար
Հիմա եկեք ուշադրություն դարձնենք 200x500 պիքսել չափերով խմբի համար հին լավ ավատարին։ Մինչդեռ դա նաև խումբ ձևավորելու միջոց է: Սովորաբար ավատարի վրա տեղադրված են հետևյալ տեղեկությունները. լոգոտիպ, ուղեկցող տեքստ կամ կարգախոս, կոնտակտներ, խմբին միանալու կոչ: Բջջային սարքերում ամբողջ ավատարը տեսանելի չէ, տեսանելի է միայն դրա մի մասը՝ մանրապատկերը: Խումբը նախագծելու համար կարող եք օգտագործել կամ հորիզոնական վերնագիր (կափարիչ) կամ ուղղահայաց պաստառ: Եթե ​​կա վերնագիր, ապա ուղղահայաց ավատարը չի երևում: Ավատարը չի կարող ունենալ որևէ աշխատանքային կոճակ, որի վրա կարելի է սեղմել. իրականում սա նկար է և վերջ:

3. Մանրանկարչություն
Ներկայումս ուղղահայաց ավատարն օգտագործվում է 200x200 պիքսել նվազագույն չափով մանրապատկեր ստեղծելու համար: Մանրապատկերն օգտագործվում է հաղորդագրություններում և գրառումներում որպես վերնագրի մոտ գտնվող փոքր շրջան և որոշ ընտրության և համայնքի հիշատակումների մեջ որպես ավելի մեծ շրջանակ: Կլորացված ձևի անցնելու կապակցությամբ մանրանկարչության նկատմամբ պահանջներն ավելի խիստ են դարձել։ Որպեսզի մանրապատկերի տեքստն ամբողջությամբ ընթերցվի, այն տեսողականորեն չպետք է դուրս գա շրջանագծի սահմաններից:

Ինչպես վերբեռնել մանրապատկեր
Մանրապատկերը դարձել է լիովին անկախ տարր, և խմբի ձևավորման մեջ կափարիչը (վերնագիրը) օգտագործելիս այժմ պետք է առանձին մանրապատկեր պատրաստել՝ նկատի ունեցեք։ Եթե ​​խումբը չունի վերնագիր (կափարիչ), ապա մանրապատկեր վերբեռնելու համար անհրաժեշտ է սեղմել «Վերբեռնել լուսանկարը» ավատարի բլոկում (վերևի աջ): Եթե ​​դիզայնում կա վերնագիր (կափարիչ), ապա մանրապատկեր վերբեռնելու համար հարկավոր է սեղմել վերնագրի անմիջապես տակ գտնվող շրջանագծի վրա և այնտեղ ընտրել «Վերբեռնել լուսանկար» կետը:

4. Բաններ
Բաններ (անգլերեն դրոշ - դրոշ, դրոշակ) - տեղեկատվական, գովազդային կամ խրախուսական բնույթի գրաֆիկական պատկեր: Բանները կցվում է որպես պատկեր գրառմանը և կարող է ունենալ միայն մեկ ներքին հղում: Շատերը դեռ համոզված են, որ հիմնական էջի դրոշակներից կարելի է մի քանի հղում անել։ Դա այդպես չէ, միայն մեկ հղում և վերջ: Ես կառանձնացնեի պաստառների հետևյալ տեսակները.

4.1 Բանների մասին տեղեկատվություն
Ընդհանուր տեսակ դրոշակ, որը պարունակում է ընդհանուր տեղեկությունընկերության, խմբի, ծառայության կամ միջոցառման մասին՝ առավելությունների մանրամասն ցանկով և այլ ուղեկցող նյութերով: Հաճախ օգտագործվում է որպես ամրացված մուտք խմբում: Նման բանների չափը 510x307 պիքսել է։ Այս չափսով ներքևի դրոշակը համընկնում է ավատարի հետ։ Եթե ​​ավատարի հետ կապ չկա, ապա կարելի է օգտագործել ցանկացած չափս։ Ես, օրինակ, օգտագործում եմ 600x350 պիքսել չափս: 510x510 պիքսելների քառակուսի ձևաչափը նույնպես հարմար է և այժմ դառնում է ժողովրդականություն՝ այս չափսով ազդագիրը զբաղեցնում է նորությունների հոսքի ամենամեծ տարածքը:

4.2 Վահանակ՝ ներքին մենյու մուտք գործելու համար
Եթե ​​նախորդ պարբերության դրոշի վրա ավելացնենք «Բաց մենյու» գրավիչ մակագրությունը, ապա մենք կստանանք բաններ, որի հիմնական խնդիրն է ծառայել որպես մուտքի կետ ներքին մենյու: Երբեմն նրանք խցանում են դրոշակի վրա մի քանի կոճակների տեսքով, բայց սա պատրանք է, երբ սեղմված է, օգտվողը դեռ հասնում է ներքին էջին, և այնտեղ յուրաքանչյուր կոճակ արդեն ունի իր հղումը: Նման բանների չափը 510x307 պիքսել է։ Այս չափսով ներքևի դրոշակը համընկնում է հեղինակի հետ։ Եթե ​​մենյուի մուտքը կապված չէ ավատարի հետ, ապա կարող եք պատրաստել ցանկացած չափսի ցուցանակ, նույնիսկ նեղ կոճակ՝ «Բաց մենյու» մակագրությամբ։ Հիմնական բանը այն է, որ դրոշի լայնությունը պետք է լինի առնվազն 510 պիքսել:

4.3 Քարտ վերատեղադրման, առաջխաղացման համար
Վերջերս վերագրանցման կամ առաջխաղացման համար նախատեսված քարտերը առանձնահատուկ արդիականություն են ձեռք բերել: Դրա նպատակն է կոչ անել կոնկրետ գործողությունների: Հիմնականում դա «Միացեք խմբին, վերահրապարակեք կամ հավանեք և շահեք մրցանակ»: Այս պաստառները օգտագործվում են գովազդային ընկերություններկամ առաջխաղացումներ ինչպես իրենց խմբերում, այնպես էլ այլ խմբերում առաջխաղացման համար: Ես սովորաբար օգտագործում եմ 600x350 պիքսել:

4.4 Բաններ gif անիմացիայով
Այն բանից հետո, երբ VK-ի մշակողները տարեսկզբին ավելի մեծ չափեր պատրաստեցին gif պատկերների համար, gif-երը անմիջապես կանգնեցին տեղեկատվական վահանակների հետ: Օրինակ, GIF պաստառի վրա կարող եք տալ մի քանի փոփոխվող ապրանքների կամ տեքստերի պատկերներ. շարժումն անմիջապես ուշադրություն է գրավում: Իսկ երբ ֆունկցիան ավելացվեց հունիսին autoplay gif անիմացիաներլրահոսում, այնուհետև GIF-ները դարձել են գովազդատուների և շուկայագետների ուշադրության առարկան:

5. Դիզայնի ավատար + ամրացված դրոշակ
Մինչև վերջերս այս մոդուլային դիզայնը, որը բաղկացած էր ավատարից և ամրացված դրոշից, խմբերի նախագծման ամենատարածված միջոցն էր: Լրացուցիչ մանրամասներ, թե ինչպես կարելի է նման դիզայն պատրաստել, նկարագրված են դասում: Վերնագրի (կափարիչի) գալուստով, հավանաբար, այս դիզայնի ժողովրդականությունը մի փոքր կնվազի:

Բացի այդ, կա հավանականություն, որ VKontakte-ն կրկին կփոխի բլոկների որոշ պարամետրեր, և այնուհետև ամբողջ դիզայնը ձախողվի, ինչպես դա տեղի է ունեցել երկու անգամ վերջին վեց ամսվա ընթացքում: Այսպիսով, հարգելի խմբի տերեր, ձեր խմբի համար դիզայն ընտրելիս հաշվի առեք այս հանգամանքը։ Այո, և ևս մեկ բան, բջջային սարքերում մեկ նկարի ողջ գեղեցկությունը չի երևում, քանի որ ավատարը չի ցուցադրվում, այլ միայն մանրապատկերը, իսկ ամրացված մուտքը գտնվում է մի փոքր ավելի ցածր:

6. Ներքին նավիգացիոն մենյու
Ակտիվ հղումների տեսքով ընտրացանկը գտնվում է VKontakte-ի ներքին էջում և գրված է օգտագործելով վիքի հրամաններնշում. Ինչպես ստեղծել ներքին էջն ինքնին, նկարագրված է դասում: Օգտագործողը նավարկում է խմբով, օգտագործելով ընտրացանկը: Ստորև մենք կքննարկենք ներքին մենյուի տեսակները, բայց առայժմ եկեք կենտրոնանանք մի քանի կարևոր կետերի վրա:

Ներքին մենյուի մուտքի կետերը
Ես ուզում եմ նշել մի նուրբ կետ, որը հաճախ անտեսվում է. Երբեմն հաճախորդներն ինձանից պատվիրում են ներքին մենյու, բայց միևնույն ժամանակ նրանք բացարձակապես չեն պատկերացնում, թե ինչպես է օգտատերը մտնելու հենց այս ներքին մենյու: Եվ դրա մեջ մտնելու երկու եղանակ կա՝ կա՛մ ֆիքսված դրոշակի միջոցով (տես պարագրաֆ 4.2), կա՛մ տեքստային հղման միջոցով վերևի ներդիրում՝ կարգավիճակի տողի տակ (տես ստորև նկարը): Երբեմն տեքստային հղումը տեղադրվում է նաև միջերեսի աջ սյունակում գտնվող «Հղումներ» բլոկում:

Ներքին մենյուի հղումներ
Սովորաբար պատվիրելիս հաճախորդները նշում են ցանկի հետևյալ կետերը՝ Մեր մասին, Մեր արտադրանքը (կատալոգ), Առաքման եղանակներ, Վճարում, Երաշխիքներ, Կարծիքներ, Կոնտակտներ, Ակցիաներ, Զեղչեր, ժամանակացույց, Ինչպես պատվիրել, Պորտֆոլիո, Հարցեր և պատասխաններ, Տեղեկություններ, Կատարեք պատվեր. Ցանկի տարրերից հղումները կարող են գնալ արտաքին կայքի համապատասխան բաժիններ: Այնուհետև հղումը ավտոմատ կերպով կբացվի նոր պատուհանում: Միավորների մեծ մասը հանգեցնում է ներքին էջեր Vkontakte. Այս դեպքում էջը բացվում է նույն պատուհանում, և դուք պետք է հղում կամ կոճակ կատարեք «Վերադարձ դեպի հիմնական մենյու»։

Լուսանկարներով և տեսանյութերով ալբոմների հղումները բացվում են նոր պատուհանում: Հղումներ քննարկումներով թեմաներին (օրինակ՝ Կարծիքներ), հաղորդագրություններ գրելու համար երկխոսության տուփին, հավելվածներին (տես կետ 10), հեշթեգներով ընտրվածին (տես կետ 12) բացվում են նույն պատուհանում և այս դեպքում կարող եք ստանալ. վերադառնալ մենյու միայն միջոցով գլխավոր էջկայք կամ զննարկիչում «Հետ» կոճակի միջոցով: Սա, թերեւս, ամենաանհարմար պահն է նման հղումներով։

Մենյուի խմբագրում
Հաճախորդները հաճախ ինձ հարցնում են, թե արդյոք հնարավոր է խմբագրել ներքին ընտրացանկը: Պատասխանն այն է, որ եթե դուք վստահ օգտվող եք և ծանոթ եք վիքիի նշագրման և խմբագրման ռեժիմներին, ապա կարող եք խմբագրել: Բայց եթե այս ամենին ծանոթ չեք, ապա բացարձակապես ոչ։ Այս դեպքում դուք պարզապես իջեցնում եք բոլոր կարգավորումները:

Մեջբերեմ հենց VKontakte-ի մշակողների խոսքերը. «Մի պարզ խորհուրդ կխնայի ձեզ շատ ջանք ու նյարդեր՝ աշխատեք միայն մեկ ռեժիմով։ Կա՛մ տեսողական ռեժիմ է, կա՛մ վիքի նշագրման ռեժիմ: Նշման վրա աշխատելու ընթացքում այս երկու ռեժիմների միջև անցումն է, որը բերում է խնդիրների մեծ մասը. նկարները կարող են նվազել, տարբեր պարամետրեր կարող են անհետանալ: Սա այն կետերից է, որն ապագայում անպայման կֆիքսվի, բայց առայժմ պետք է նկատի ունենալ այս փաստը։

Հարմարվողականություն շարժական սարքերի համար
Եվ ևս մեկ բան հարմարվողականության մասին. Որպեսզի բջջային սարքերում ներքին ընտրացանկը նույն տեսքը ունենա, անհրաժեշտ է աղյուսակների վրա շարադրել: Այնուհետև պատկերը կապակցված կլինի: Հակառակ դեպքում, երբ էկրանի չափը կրճատվում է, նկարները հակված են շարժվել մեկը մյուսի տակ՝ խախտելով ի սկզբանե նախատեսված կարգը:

Այստեղ, կրկին, մշակողների խոսքերը հարմարվողականության հաշվին. «Վիքի ընտրացանկը ցուցադրվում է բջջային բրաուզերներ, բայց չի հարմարվում էկրանի չափին, դրա պատճառով պատկերները կարող են նույն տեսքը չունենալ, ինչ համակարգչում: Համացանցում դուք կարող եք գտնել ուղեցույցներ շարժական սարքերի համար վիքի նշումը հարմարեցնելու համար, բայց նույնիսկ դրանք չեն երաշխավորում 100% կատարումը բոլոր սարքերում:

7. Ներքին նավիգացիոն մենյուի տեսակները
Ստորև բերված են ներքին մենյուի ամենատարածված տեսակները: Կան ավելի պարզ և ծախսարդյունավետ լուծումներ՝ հուսալիության բարձր աստիճանով: Եվ կան ավելի բարդ և ժամանակատար ձևավորումներ գրաֆիկայի և դասավորության առումով: Բայց նրանք ավելի տպավորիչ տեսք ունեն:

7.2 Մեծ գրաֆիկական մենյու
Այս դեպքում հղումների ուղղահայաց շարքը գտնվում է մեծի վրա ֆոնային նկարև ունի կոշտ կառուցվածք։ Ահա դասը.

7.3 Մենյու՝ սրբապատկերների, սալիկների տեսքով
Այս դիզայնը ներառում է մի քանի տողեր և սյունակներ՝ գրաֆիկական պատկերակների և դրանց վրա գրությունների կամ գրաֆիկական բազմագույն կամ մոնոխրոմ սալիկների տեսքով:

7.4 Դինամիկ ընտրացանկ՝ նավիգացիոն էֆեկտով
Շատ տպավորիչ դիզայն, որը նմանակում է կայքի նավարկությունը՝ սեղմելով կոճակները կամ այցելած հղումների այլ նշումներ: Նման ընտրացանկը բավականին դժվար է կառավարել և պահանջում է վիքի նշագրման հետ հաղորդակցվելու հմտություններ, քանի որ դուք նույնպես պետք է խմբագրեք էջերի տվյալները վիքի նշագրման մեջ։ Ահա թեմայի վերաբերյալ դաս.

Vkontakte խմբի հաջող դիզայնը պետք է լինի ոչ միայն գեղեցիկ, այլև ֆունկցիոնալ և հարմար: Դարձրեք դիզայնը լուծել ձեր մարքեթինգային խնդիրները, որպեսզի խումբը ներգրավի ապրանքանիշի վրա վճարող և գնող հանդիսատեսին և ընդմիշտ մնա դրա հետ:

5 քայլ, թե ինչպես գրանցել խումբ Vkontakte-ում

Ծածկույթ

Համայնքի ծածկույթն այսօր կարևոր գործիք է Brand Contact-ում խումբ ստեղծելու և այն խթանելու համար: Այն կարող եք ներբեռնել «Համայնքի կառավարում» բաժնում՝ անցնելով «Կարգավորումներ» ներդիր: Համայնքի վերնագրում բարձրորակ հորիզոնական պատկերն ինքնին խաղում է սոցիալական ցանցում ընկերության հիմնական գովազդային դրոշի դերը: Այն ստեղծում է տրամադրություն, տեղեկացնում է, բարձրացնում է իմիջը, կոչ է անում նպատակաուղղված գործողությունների և միաժամանակ վաճառում:

1. Օգտագործեք բարձրորակ նկարազարդումներ

VKontakte համայնքի շապիկը պետք է լինի 1590x400 պիքսել չափսերով, բայց ավելի լավ է վերբեռնել 2-3 անգամ մեծ լուսանկար .png ֆորմատով։ Այս կերպ դուք կարող եք խուսափել անորակ ցուցադրումից:

2. Հարմարեցրեք պատկերը տարբեր սարքերի համար

Խնդրում ենք նկատի ունենալ, որ այս պատկերը կարող է տարբեր լինել տարբեր սարքեր– բջջայինի վրա եզրերը կկտրվեն, ուստի ավելի լավ է կարեւոր տեղեկություններտեղավորել կենտրոնին ավելի մոտ:

3. Տեղադրեք կարգախոս և USP

Թույլ տվեք հաճախորդին տեսնել ձեր փիլիսոփայությունը և օգուտները առաջին էկրանից:

4. Ցուցադրել արտադրանքը/ծառայությունը, դրա օգտագործման գործընթացը կամ արդյունքը

Այսպիսով, պոտենցիալ հաճախորդը անմիջապես կիմանա, թե ինչում եք մասնագիտացած և կներգրավվի ապրանքի մեջ:

5. Օգնեք հաճախորդներին անմիջապես կապ հաստատել ձեզ հետ

Բանների վրա գրեք հեռախոս, էլ. փոստ, ինչպես նաև ընկերության այլ կոնտակտներ։ Եթե ​​աշխարհագրական դիրքը կարևոր է ձեր բիզնեսի համար, օրինակ, դուք ներկայացնում եք սննդի ոլորտը կամ horeca-ն, ապա հասցեն նույնպես օգտակար կլինի։

6. Հայտարարեք Իրադարձություններ

Համերգների խթանում, նոր հավաքածուի կամ արտադրանքի մեկնարկի ակնկալիք, փառատոն/կոնֆերանս/հաճախորդի օր կազմակերպո՞ւմ: Ասացեք բոլորին, ովքեր մտնում են համայնք այդ մասին:

7. Ներկայացրե՛ք ակցիաներ և զեղչեր

Որտե՞ղ, եթե ոչ հիմնական հարթակում, լսարանին կարող եք ասել, որ հենց հիմա կարող են ձեզանից պատվիրել 2 անգամ ավելի էժան: Ամենակարևորը՝ չմոռանաք փոխել նկարազարդումը առաջարկի ժամկետի ավարտից հետո։

8. Առաջարկել նպատակային գործողություն կատարել

Համայնքի շապիկ վերբեռնելիս ներքևի աջ անկյունում հորիզոնական տեղադրվում են երկու կոճակներ. Գրեք հաղորդագրություն և Միացեք խմբին: Սլաքը ուղղեք նրանց վրա՝ հանդիսատեսի ուշադրությունն ավելի գրավելու համար: Այսպիսով, եթե դրոշակը ցուցադրում է ապրանք, կարող եք անմիջապես առաջարկել այն պատվիրել հաղորդագրություններում: Եվ եթե այն պարունակում է վերջին նորությունների ամփոփում, բաժանորդագրվեք՝ միշտ թարմ տեղեկատվություն ստանալու համար:

Վերբեռնեք ավատար և ընտրեք մանրապատկեր

Որոշ ապրանքանիշեր դեռևս չեն ընդունում շապիկը` նախընտրելով խմբի առաջին էկրանի հին տեսքը, օգտագործելով ավատարի համադրությունը ամրացված գրառմամբ որպես այսպես կոչված «վերնագիր»: Այս դեպքում մի նկարը մյուսի շարունակությունն է։ Ամենատպավորիչ է թվում, երբ լուսանկարն ավարտվում է ավատարի նույն մակարդակով:

Ավատարի առավելագույն չափը՝ 200x500 պիքսել օգտագործելիս, ամրացված գրառման մեջ նկարի չափը պետք է լինի 510x308 պիքսել չափի: Գերազանց գրավիչ տեխնիկան սոցիալական ցանցի նվագարկչի միջոցով վերբեռնված տեսանյութի ամրագրումն է, որը ոճականորեն շարունակում է ավատարը։

Եթե ​​դուք օգտագործում եք շապիկը որպես վերնագիր, ապա ավատարը միշտ կցուցադրվի որպես մանրապատկեր:

VK համայնքի ավատարի մանրապատկերի նախագծման կանոններ

Մանրապատկերը փոքր շրջանաձև պատկեր է, որը կտրված է մեծ ավատարից և ցուցադրվում է խմբային որոնման մեջ, յուրաքանչյուր օգտվողի համայնքի ցանկում և ձախ կողմում՝ շապիկի տակ, եթե կա: Ահա մի քանի դիզայնի խորհուրդներ:

1. Մանրապատկերը պետք է հասկանալի լինի հանդիսատեսին

Մի տեղադրեք տարօրինակ նկարազարդում: Պատկերացրեք, թե ինչ է թիրախային լսարանը հետագայում կապելու ապրանքանիշի հետ, օրինակ՝ լոգոտիպ, ապրանքի/ծառայության պատկերակ կամ գուցե ապրանքանիշի հիմնական մարքեթինգային բնույթը:

2. Օգտագործեք միայն բարձրորակ լուսանկարներ

Ավելի լավ է սկզբնաղբյուր ֆայլը վերբեռնել պահանջվող չափից 2-3 անգամ ավելի մեծ, որպեսզի կարողանաք մոռանալ սարսափելի պիքսելային «քառակուսիների» մասին, որոնք ստիպում են ձեզ ոչ լավագույն լույսի ներքո:

3. Ձևավորե՛ք ձեր սեփական նկարազարդումները

Ստանդարտ ֆոնդային պատկերները կունենան էժան և ոչ պրոֆեսիոնալ տեսք, իսկ օգտատերերը կդառնան ապրանքանիշի նկատմամբ անվստահության հոմանիշ: Կատարեք եզակի նկարներ նույն հայեցակարգով և գույներով, ինչ մնացած դիզայնը:

4. Հակադրվող ֆոնային պատկերներն այն են, ինչ ձեզ հարկավոր է

VK-ի մանրապատկերներն այդքան գրավիչ դարձնելիս «կլորը» կառանձնանա թարմացվող բովանդակության մեջ այլ խմբերի մեջ և չի միաձուլվի էջի ֆոնի հետ:

5. Տեղադրեք կոնտակտներ կամ ընկերության USP

Կախված մանրանկարչության համար սահմանված նպատակից, դրա վրա դրեք կոնտակտային հեռախոսահամար կամ կայքի հասցեն, անվճար առաքման մասին տեղեկատվություն, առավելագույնի նշում ցածր գինհատվածում կամ բաժնետոմսում:

6. Տեքստը դարձրեք մեծ և ընթեռնելի

Ավելի լավ է չօգտագործել սերիֆային տառատեսակներ կամ շեղ տառեր. դրանք չափազանց «աղմկոտ» են, երբ դիտվում են համակարգչի էկրաններից, շարժական սարքերից և սմարթֆոններից՝ աղտոտելով տեսարանը: Համոզվեք, որ տեքստը չի անցնում կտրված մանրապատկերի սահմաններից: Սա թույլ կտա ճիշտ և արդյունավետ կերպով փոխանցել հաղորդագրությունը օգտվողին:

7. Օգտագործեք հատուկ ձևեր

Օրինակ, ցանկալի կլոր օրինակում մուտքագրեք բազմանկյուն կամ այլ երկրաչափական պատկերսպիտակ ֆոնի վրա. Ստեղծեք չկարդացված ծանուցման էֆեկտ կամ առցանց գրաֆիկական պատկերակ:

Նախագծեք մենյու

Մենյուը Vkontakte-ում խմբի ձևավորման կարևոր տարր է, որը օգտվողների համար հեշտացնում է նավարկությունը խմբի միջով. մարդկանց համար ավելի հարմար կլինի գտնել իրենց անհրաժեշտ տեղեկատվությունը: Յուրաքանչյուր տարր և էջ ստեղծվում է հատուկ ծրագրավորման լեզվով՝ Վիքի նշագրում։ Դրանով դուք կարող եք նկարները դարձնել սեղմելի և ստեղծել հարմար էջեր սոցիալական ցանցում, կարծես դա վեբկայքի էջ է:

Կարող է օգտագործվել որպես ճաշացանկ բաց տեսակ, և փակված։ Առաջին դեպքում օգտատերը անմիջապես տեսնում է դրանում ներառված բաժինները, երկրորդում՝ դրանց նախորդում է նախադիտման պատկեր՝ «Մենյու» մակագրությամբ։ Ցանկը կարող է նաև տեսողականորեն դառնալ ավատարի ընդլայնում, եթե օգտագործեք համայնքի հին ձևավորումը:

Նախագծեք արտադրանքի ցուցափեղկ

Համայնքի ցուցափեղկում ապրանքներ ցուցակագրելիս հիշեք, որ առաջին 3 ապրանքները միշտ տեսանելի են օգտատերերին: Տեղադրեք դրանցում ամենահայտնի և պատվիրվածները՝ նույն ոճով ներբեռնելով ներկայացման պատկեր: Տեղադրեք համազգեստի պատկերակներ կամ ապրանքների լուսանկարներն այստեղ: Ծառայությունները կարող են տեղադրվել ապրանքներում: Դիզայնում ցույց տվեք ծառայության մատուցման գործընթացը կամ դրա արդյունքը։ Նման նկարի չափը կլինի քառակուսի` 400x400 պիքսել:

Տեղադրում

1. Լիովին օգտագործեք առկա պատկերների չափերը

Ֆիդում պատկերի առավելագույն լայնությունը 510 պիքսել է: 510x510 պիքսել քառակուսի պատկերները և 510x300 պիքսել ուղղանկյուն պատկերները ամենատպավորիչ տեսք ունեն:

2. Մշակել հատուկ գրառման ոճ

Գրառումները անհատական ​​տեսք տալու համար ստեղծեք միասնական ոճ, տառատեսակ և գունային սխեման:

3. Նկարի վրա դրեք կարճ տեքստ

Օրինակ՝ կարելի է պատկերը բաժանել 2 մասի՝ տեքստի և գրաֆիկայի, կամ գրել տեքստ՝ ֆոնը մգացնելով։ Տեքստը առանց մուգ ֆոնի տեսանելի դարձնելու համար գրեք այն ներքևի տակ (միատեսակ գույնի հակապատկեր պատկերի բլոկի վրա) կամ ստվեր ավելացրեք տեքստին: Շրջանակներով լուսանկարները լավ տեսք ունեն:

4. Ստեղծեք բազմաթիվ կաղապարներ տարբեր նպատակների համար

Օրինակ, մեջբերումների համար օգտագործեք մեկ ձևանմուշ՝ տեսողական տեղեկատվության ներկայացման համար, կայքի նյութերի հայտարարության համար՝ մյուսը, իսկ մրցույթների համար՝ երրորդը:

Օգտագործեք այս 100% հնարքները, և ձեր ընկերությունը կներկայացվի Vkontakte-ում լավագույն ձևով, և հաճախորդների համար հարմար կլինի նրա հետ շփվել։ Բայց մի մոռացեք, որ ամեն ինչ չափման կարիք ունի: Տեսեք ավելի թարմ գաղափարներ VK համայնքը զարդարելու համար Tesla Target գործակալության ծառայությունների էջում:

Ադմինիստրատորների մեծամասնությունը կարծում է, որ խումբը բարձրացնելով առաջին տեղում հիմնական հարցման վերևի կոնտակտի մեջ, նրանք կվերցնեն մեծ մասը որոնման տրաֆիկև հետաքրքրված հաճախորդներ: Երբեմն դա իսկապես տեղի է ունենում, բայց 90% դեպքերում խմբի սեփականատերերը մոռանում են խմբի որակյալ դիզայնի մասին և նույնիսկ առաջին տեղում լինելը թույլ են տալիս տաք հաճախորդներին անցնել:

Ինչու է դա տեղի ունենում:

Պատճառը շատ պարզ է՝ համայնքի որոնման թիզերի անորակ դիզայնը։ Պարզ ասած, որոնման մեջ ձեր խումբը պետք է առանձնանա մրցակիցներից և հնարավորինս համապատասխանի մուտքագրմանը: որոնման հարցում. Միայն այս պայմանների որակական կատարման դեպքում դուք կկարողանաք ստանալ բարձր CTR-ով և հետագա վաճառքի մեծ հավանականությամբ համայնք:

Ինչպե՞ս ազդել համայնքի որոնման արդյունավետության վրա:

Խմբային սեղմումների տոկոսադրույքների վրա ազդելու ամենաարդյունավետ լծակը ավատարի մանրապատկերն է:
Մանրապատկերը շատ կարևոր դեր է խաղում խմբում, քանի որ այն ցուցադրվում է բոլոր այն վայրերում, որտեղ նշված է խումբը.

• խմբային նորությունների հոսք
• կոնտակտային որոնման մեջ
• Google-ում և Yandex-ի որոնումներում
• համայնքի այլ հղումներում
• VK օգտվողների նորությունների հոսքում

Նման լայն շրջանակ ունեցող մանրամասները չեն կարող անլուրջ վերաբերվել։ Եվ ժամըխմբային ձևավորում մանրանկարներին պետք է հատուկ ուշադրություն դարձնել:

Սեղմվող մանրապատկերների ստեղծման սկզբունքները:

1) Ձեր հարցումը մուտքագրելիս հաճախորդի ասոցիատիվ համարը:
Մտածեք, թե ինչ է ակնկալում տեսնել ձեր պոտենցիալ հաճախորդը, երբ մուտքագրում եք հարցում, որի համար դուք կարևորված եք որոնման մեջ: Օրինակ, եթե երիտասարդ մայրն ընտրում է մանկական պարանոց, ապա, ամենայն հավանականությամբ, նա ակնկալում է տեսնել նկարում գեղեցիկ կոմբինիզոնի մեջ գեղեցիկ կոմբինեզոնով կամ երջանիկ երեխայի կերպարը:

2) Գունավոր գամմա և հակադրություն մրցակիցների նկատմամբ:
Խմբային մանրապատկերի համար պատկեր ընտրելիս դիտեք ձեր մրցակիցների մանրապատկերները: Ինչ գունային սխեման է օգտագործվում, նկարում պատկերված տարրերի խտությունը, դրանց լոգոները: Հիմնական խնդիրն է ստեղծել մանրապատկեր, որն առանձնանում է մյուսներից: Օրինակ, եթե մանրապատկերների մեծ մասը կանաչ է, դարձրեք ձերը կարմիր, եթե բոլորը մուգ են, դարձրեք ձերը վառ, եթե բոլորը գունավոր են, պարզ դարձրեք ձերը: Հիշեք, որ հիմնական խնդիրն առանձնանալն է և հարցումը համապատասխան պահելն է:

3) Պատկերի վրա հիմնաբառեր.
Մեր փորձից ելնելով, պատկերի վրա հիմնաբառ տեղադրելը նույնպես դրական ազդեցություն է ունենում մանրապատկերների սեղմումների, համայնքի տրաֆիկի և ընդհանուր կատարողականի վրա:խմբային առաջխաղացում:

4) Ընկերության լոգոն.
Դուք կարող եք նաև տեղադրել ձեր պատկերանշանը մանրապատկերի վրա: Իդեալական իրավիճակը կլինի, եթե լոգոն համապատասխանի վերը նշված սկզբունքներին:

Մեր հաճախորդների հետ աշխատելիս մենք միշտ հաշվի ենք առնում բոլոր նրբությունները, ներառյալ բարձրորակ և սեղմվող խմբային մանրապատկերները, ինչպես նաև այլ կետեր, որոնք առանցքային ազդեցություն ունեն VK խմբերի միջոցով ապրանքների վաճառքի վրա:

Եվգենյա Կրյուկովա

*Հոդվածի թարմացում:

VKontakte համայնքի գեղեցիկ դիզայնը քմահաճույք չէ, այլ կարևոր տարր, որը ձևավորում է օգտատերերի վստահությունը ձեր և ձեր ընկերության նկատմամբ: Եթե ​​հանրային էջը կամ խումբը նախագծված է ոչ պրոֆեսիոնալ ձևով, ձեր պոտենցիալ հաճախորդները կարող են միանգամայն տրամաբանորեն եզրակացնել, որ դուք նույնպես անփույթ եք ձեր աշխատանքում: Որպեսզի դա տեղի չունենա, համոզվեք, որ ձեր VKontakte էջը գեղեցիկ է, կոկիկ և հեշտ օգտագործման համար: Ինչպե՞ս դա անել: Կարդացեք ստորև.

«VKontakte» պատկերների իրական չափերը

Որոշ ժամանակ առաջ մշակողները սոցիալական ցանցԳործարկվել է VKontakte-ն նոր դիզայն. Սա հանգեցրեց նրան, որ փոխվել են պատկերների ցուցադրման չափերն ու սկզբունքները։ Հուշագիրը, որը տրվելու է ստորև, համապատասխանում է բոլոր նորամուծություններին և պարունակում է համապատասխան չափերը այս պահինժամանակ.

Այժմ եկեք ավելի սերտ նայենք յուրաքանչյուր կետին:

VK avatar չափը

Ավատարի նվազագույն չափը 200 x 200 պիքսել է: Եթե ​​փորձեք վերբեռնել 200 պիքսելից պակաս լայնություն կամ երկարություն ունեցող պատկեր, կտեսնեք այս սխալը.

Ավատարի առավելագույն չափը 200 x 500 պիքսել է: Բայց, սկզբունքորեն, դուք կարող եք վերբեռնել ավելի մեծ պատկերներ՝ մինչև 7000 պիքսել յուրաքանչյուր կողմում: Հիմնական բանը այն է, որ նրանց կողմերի հարաբերակցությունը չի գերազանցում 2-ը 5-ը:

Ես ձեզ ցույց կտամ օրինակով.

Ես ունեմ պատկեր. Դրա չափը՝ 200 x 800 պիքսել (2-ից 8 հարաբերակցությամբ): Բեռնելիս սխալներ չկան: Այնուամենայնիվ, ես դեռ չեմ կարող օգտագործել այս պատկերը, քանի որ «Կոնտակտը» թույլ չի տալիս ամբողջությամբ ընտրել այն։

Ծածկույթ

Կայքի ամբողջական տարբերակի շապիկի չափը 1590 x 400 պիքսել է:

Խնդրում ենք նկատի ունենալ. ներս բջջային տարբերակեւ հավելվածները, չի ցուցադրվում շապիկի ամբողջական տարբերակը, այլ միայն դրա մի մասը՝ 1196 x 400 պիքսել չափերով։ Տեսեք, թե ինչպես է այն կրճատվում բջջային հավելվածում.

Որպեսզի դա տեղի չունենա, տեղադրեք ձեր ծածկույթի հիմնական տարրերը 1196 x 400 պիքսելների սահմաններում:

Կից պատկերներ

«Կոնտակտ»-ի նորացված դիզայնում նորությունների հոսքի լայնությունը ֆիքսվել է։ Սա նշանակում է, որ գրառմանը կցված պատկերներն այլևս չեն ձգվում, այլ մնում են այնպես, ինչպես կան։ Հետևաբար, եթե ցանկանում եք, որ ձեր պատկերը լրացնի իր ամբողջ տարածքը News Feed-ում, ապա այն պետք է ունենա առնվազն 510 պիքսել լայնություն: Լավագույնն այն է, որ այն լինի քառակուսի կամ ուղղանկյուն լանդշաֆտային կողմնորոշմամբ:

Մի քիչ շփոթեցնող է հնչում :) Ուստի օրինակով ցույց կտամ.

Ենթադրենք, մենք ունենք քառակուսի պատկեր, որի կողմերը 510 պիքսել են: Եթե ​​այն ամրացնենք մեր գրառմանը, այն հիանալի տեսք կունենա բոլոր սարքերի նորությունների հոսքում.

Եվ ահա, թե ինչ տեսք ունի հորիզոնական պատկերը լանդշաֆտային կողմնորոշմամբ (լայնությունը 510 պիքսել).

Ինչպես տեսնում եք, որքան նեղ է պատկերը (բարձրությամբ), այնքան փոքր է այն սմարթֆոնի հոսքում: Սա հաստատելու համար նայեք ստորև ներկայացված նկարին.

Հասկանալի է, որ տարբերությունն այստեղ առանձնապես կրիտիկական չէ, և սմարթֆոնների օգտատերերը դեռ հաշվի կառնեն ձեր պատկերը, պարզապես երկրորդ դեպքում նրանք մի փոքր ավելի հարմարավետ կլինեն։

Պատկերներ՝ հղումներով գրառումների համար

Այս բոլոր տվյալները վերցված են ծածկագրից Բացեք գրաֆիկի նշումը :

Եթե ​​Open Graph-ը նշված չէ, վերնագիրը վերցված է Title մետա թեգից, իսկ պատկերը՝ հոդվածից։ Միևնույն ժամանակ, դուք կարող եք հեշտությամբ փոխել այն կամ ընտրել մեկ այլ պատկեր հոդվածից՝ օգտագործելով հատուկ սլաքներ.

Կամ վերբեռնեք ձեր սեփականը.

Պատկերի նվազագույն չափը, որը կարող եք օգտագործել որպես հոդվածի հայտարարություն, 537 x 240 պիքսել է: Այնուամենայնիվ, դուք կարող եք վերբեռնել ավելի մեծ պատկերներ, քանի դեռ հարգված է կողմերի հարաբերակցությունը:

Նկար՝ խմբագրում ստեղծված հոդվածի համար

Խմբագրում ստեղծված հոդվածի շապիկի պատկերի չափը 510 x 286 պիքսել է։ Ավելի լավ է մուգ գույնի ու քիչ թե շատ մոնոխրոմատիկ լինի, քանի որ բաց ֆոնի վրա կորել է հոդվածի և համայնքի անվանումը։

Լավ օրինակ.

Ոչ այնքան լավ օրինակ.

Լուսանկարների և տեսանյութերի չափերը պատմությունների համար

Լուսանկարների չափը 1080 x 1920 պիքսել է: Տեսանյութի չափը 720 x 1280 պիքսել է:

Տեխնիկական տեսագրությունների համար.

• մինչև 15 վայրկյան;
• ոչ ավելի, քան 5 ՄԲ;
• h.264 կոդեկ;
• AAC ձայն.

Պատմություններում դուք պետք է օգտագործեք լուսանկարներ և տեսանյութեր ուղղահայաց ձևաչափով:

Խնդրում ենք նկատի ունենալ. այս պահին համայնքների անունից պատմություններ կարող են ավելացվել միայն խոշոր համայնքների կողմից, որոնց համար VKontakte-ի մշակողները բացել են այս հնարավորությունը: Եվ դա արվում է պաշտոնական հավելվածի միջոցով: Դա հնարավոր չէ անել համակարգչից:

Դինամիկ ծածկույթների օրինակներ.

Շապիկ + համայնքի նկարագրություն + կայքի հղում

Որոշ ընկերություններ հատուկ չեն ամրագրում որևէ գրառում վերնագրում, որպեսզի օգտվողները հնարավորություն ունենան կարդալ էջի մասին հիմնական տեղեկատվությունը և անմիջապես գնալ կայք:

Նկարագրություն հեշթեգներով

Որոշ ընկերություններ ավելացնում են հեշթեգներ էջի ստանդարտ նկարագրությանը, որը բնութագրում է այն: Դա արվում է, որպեսզի էջն ունենա ավելի հստակ համապատասխանություն, և դրա շնորհիվ այն ավելի բարձր լինի համապատասխան հարցումների որոնման մեջ։ Անկեղծ ասած, ես չգիտեմ՝ այս մեթոդն աշխատում է, թե ոչ։ Ես այս թեմայով դեպքեր չեմ տեսել, այնպես որ, եթե որևէ մեկը գիտի, ես շնորհակալ կլինեմ, եթե կիսվեք հղումով:

Ամրացված գրառում, որը պատմում է, թե ինչի մասին է էջը

Եթե ​​ցանկանում եք ավելի մանրամասն խոսել ձեր էջի մասին (լուսանկարներով, հղումներով և գեղեցիկ դասավորությամբ), ապա կարող եք վերնագրին կցել վիքի գրառումը կամ խմբագրում արված հոդվածը՝ հայտարարության վրա վառ պատկերով, որը կխրախուսի օգտատերերին. սեղմեք դրա վրա: Նման գրառման օրինակ.

Եվ ահա, թե ինչ է տեսնում օգտատերը հղման վրա սեղմելուց հետո.

Հղման նոր ընտրացանկ

Ոչ այնքան վաղուց, VKontakte-ի մշակողները վերջապես գոհացրել են համայնքի սեփականատերերին նոր գործիքով, որով դուք կարող եք ստեղծել ընտրացանկեր՝ արագ և առանց որևէ տանջանքի վիքի էջերի հետ: Այն ինչ-որ չափով պարզունակ է թվում, այնպես որ ինչպես ստեղծել գեղեցիկ ճաշացանկԵս էլ ձեզ կասեմ.

Ցանկը հայտնվում է ավտոմատ կերպով, եթե դուք օգտագործում եք համայնքի հավելվածները կամ միացված խանութ ունեք: Օրինակ, նախորդ նկարում մենյուի բոլոր երեք տարրերը հղումներ են դեպի հավելվածներ: Այստեղ կարող եք ավելացնել ձերը` կարևոր ձայնագրություններում, ալբոմներում, քննարկումներում և այլն, մինչև 7 կտոր (չհաշված հավելվածը): Բայց դուք կարող եք կապել միայն սոցիալական ցանցի ռեսուրսներին, բացառությամբ վիքի էջերի։

Մենյուը խմբագրելու համար սեղմեք «Անհատականացնել» վիդջեթի վերին աջ անկյունում.

Ցանկի տարր ավելացնելու համար սեղմեք Նոր հղում:

Բացվող պատուհանում ընտրեք կափարիչը (նվազագույն չափսը՝ 376x256 px), մուտքագրեք ցանկի տարրի անունը (կարևոր է պահպանել բացատներով 20 նիշ), ավելացնել հղում և սեղմել «Պահել»։

Եթե ​​ցանկանում եք թաքցնել հավելվածը ցանկից, փոխեք դրա վերնագիրը կամ շապիկը, սեղմեք «Խմբագրել» համապատասխան տարրի կողքին: Նույնը կարելի է անել մնացած հղումների հետ, որոնք ավելացվել են ձեռքով և պետք է ճշգրտվեն:

Արդյունքը պետք է նման լինի հետևյալին.

Խմբի ընտրացանկը բաց է

Ես բաց մենյուն անվանում եմ այնպիսի մենյու, որն անմիջապես ցույց է տալիս, թե ինչ տարրերից է այն բաղկացած։ Այսինքն՝ վիքի գրառման նկար-հայտարարությունն ամբողջությամբ կրկնօրինակում է դրա բովանդակությունը։ Այսպիսով, օգտատերերն անմիջապես տեսնում են, թե ինչ է իրենց սպասում ներսում։ Ես ձեզ ցույց կտամ օրինակով.

Ահա թե ինչ տեսք ունի ամրացված գրառումը Flatro-ի էջի վերնագրում.

Խմբի ընտրացանկը փակ է

Փակ ընտրացանկը նույն վիքի գրառումն է, ինչ նախորդ պարբերությունում, միայն հայտարարությունն ունի նկար՝ առանց ցանկի տարրերի։ Սովորաբար դրա վրա գրում են՝ «Մենյու», «Նավարկության մենյու» կամ «Նավարկություն հանրային նյութերի միջոցով»։

Ահա թե ինչ ենք մենք տեսնում, երբ սեղմում ենք դրա վրա.

Ի դեպ, հարկ է նշել, որ դրանք հեռու են միակ տարբերակներից։ Փաստորեն, այս նկարի վրա կարող եք գրել այն, ինչ ուզում եք։ Գլխավորն այն է, որ օգտատերը ցանկանում է սեղմել դրա վրա, և նա հասկանում է, թե ինչ է իրեն սպասվում դրանից հետո։ Օրինակ:

Խմբային մենյու

Միաձուլված մենյուն այն է, երբ ձեր մենյուի հայտարարության նկարը ավատարի հետ մեկ պատկեր է: Մի փոքր ավելի ցածր, ես ձեզ մանրամասն կպատմեմ, թե ինչպես պատրաստել նման ճաշացանկ, բայց առայժմ միայն տեսեք, թե որքան գեղեցիկ է այն:

Ցանկանու՞մ եք գեղեցիկ ձևավորել ձեր VKontakte համայնքը, բայց չունե՞ք անհրաժեշտ հմտություններ: Պատվեր դեկորմեր ընկերությունում: Մենք ձեզ համար կպատրաստենք ավատար, շապիկ, վերնագրերի ձևանմուշներ, մենյու և արտադրանքի նախադիտումներ:

GIF և avatar մեկ պատկերում

Բայց գլխարկի այս դիզայնը իսկապես շատ տպավորեց ինձ: Ավտոմատ նվագարկվող gif-ը միաձուլվում է ավատարի հետ մեկ կոմպոզիցիայի մեջ և գրավում օգտատերերի ուշադրությունը, թեև դրա մասին ընդհանրապես տեղեկատվություն չկա:

Ի դեպ, այս օրինակը ես լրտեսել եմ SMM մարկետոլոգ Սերգեյ Շմակովի խմբում։ Այսպիսով, ես շնորհակալ եմ նրան գտածոյի համար :)

Թաքնված մենյու

Թաքնված ընտրացանկը հասանելի է միայն խմբերի համար (էջերը նման ֆունկցիոնալություն չունեն): Այն տեսնելու համար անհրաժեշտ է սեղմել համապատասխան հղումը։ Դիզայնի այս մեթոդի առավելությունն այն է, որ օգտատերերը կարող են տեսնել համայնքի հիմնական տեղեկատվությունը, իսկ եթե ցանկանում են օգտվել մենյուից, պետք է միայն մեկ սեղմում կատարել։ Այնուամենայնիվ, այստեղ կա մի փոքր թերություն. ոչ բոլոր օգտատերերն են տեղյակ այս հատկության գոյության մասին, ուստի ձեր ընտրացանկը կարող է ավելի քիչ ուշադրության արժանանալ, քան եթե այն ամրացվեր էջի վերևում:

Տեսանյութի ավտոմատ նվագարկում

2015 թվականի նոյեմբերի վերջին VKontakte սոցիալական ցանցում հայտնվեց հետաքրքիր նորամուծություն՝ հենց որ օգտատերը մտնում է ձեր էջ, վերնագրին կցված տեսանյութը ավտոմատ կերպով սկսում է նվագարկվել։ Այս տեխնիկայի միջոցով դուք կարող եք ավելի շատ գրավել օգտատերերի ուշադրությունը (հատկապես նրանց, ովքեր առաջին անգամ այցելել են ձեր էջը) և միևնույն ժամանակ չզայրացնել նրանց, ում դա դուր չի գալիս, երբ իրենց բովանդակությունը պարտադրվում է, քանի որ տեսանյութը խաղում է առանց ձայնի։ և գործնականում չի խանգարում:

Ինչպե՞ս ավելացնել այս տեսանյութը ձեր էջի վերնագրում:

Դա անելու համար պետք է կատարվեն երեք պայմաններ.

• Կցեք տեսանյութ գրառմանը և ամրացրեք այս գրառումը համայնքի վերևում:
• Բացի տեսանյութից, գրառմանը այլ բան չպետք է կցվի։ Միայն տեսանյութը և տեքստը պարտադիր չէ:
• Տեսանյութը պետք է վերբեռնվի VKontakte-ի կողմից. երրորդ կողմի խաղացողները չեն ապահովվում:

Գրառում, որը շատ վերահրապարակումներ է ստանում

Ձեր էջի վերնագրի տարածքն արդյունավետ օգտագործելու մեկ այլ միջոց է դրան ամրացնել ձեր ամենահաջող գրառումներից մեկը, որն արդեն հավաքել է և շարունակում է հավաքել մեծ թվով հավանումներ և տարածումներ: Ինչու՞ դա անել, կարծում եմ բոլորը հասկանում են՝ որքան շատ են վերահրապարակումները, այնքան մեծ է ծածկույթը, այնքան ավելի շատ բաժանորդագրություններ է ստանում էջը:

Նոր հոլովակների, ալբոմների, միջոցառումների հայտարարություններ

Նոր ապրանքների/ծառայությունների ներկայացում

Զեղչեր և ակցիաներ

Գործեր, հաճախորդների ակնարկներ

Դիմումների գովազդ

Գործնական կատակներ

Համայնքի կանոններ

Հղումներ դեպի այլ սոցիալական ցանցեր

Ես թվարկել եմ գլխարկի դիզայնի բոլոր տարբերակներից հեռու: Իրականում, շապիկի վրա և ամրացված գրառման մեջ կարող եք տեղադրել ցանկացած տեղեկատվություն՝ աշխատատեղեր, հայտարարություններ, ամենավաճառվող ապրանքների հղումներ և այլն: Այսպիսով, մի սահմանափակվեք վերը նշված օրինակներով: Միացրեք ձեր երևակայությունը և օգտագործեք ձեր համայնքի ձևավորումը ձեր նպատակներին հասնելու համար:

Ինչ պետք է լինի ավատարը

Ավատարը ոչ միայն գեղեցիկ պատկեր է ձեր ընկերության տարբերանշանով, այլ նաև աշխատանքային գործիք մարքեթոլոգի համար, որով նա հասնում է իր նպատակներին: Եկեք մանրամասն նայենք, թե ինչպես պետք է լինի, որպեսզի գրավի օգտատերերի ուշադրությունը և խրախուսի նրանց ավարտին հասցնել նպատակային գործողությունը: Սկսենք մանրապատկերից:

Ավատարի մանրապատկեր

1. Ավատարի մանրապատկերի տեքստը պետք է բավականաչափ մեծ լինի, որպեսզի ընթեռնելի լինի:







2. Տեքստը չպետք է գերազանցի մանրապատկերը:







3. Օգտատերերը պետք է հստակ իմանան, թե ինչ է ցուցադրված պրոֆիլի նկարում:







4. Հնարավորության դեպքում ավելի լավ է չօգտագործել ֆոնդային պատկերներ, քանի որ դրանք հաճախ նվազեցնում են ընկերության վստահելիությունը:




5. Անցանկալի է, որ ավատարի մանրապատկերը չափազանց խունացած և ձանձրալի լինի, հակառակ դեպքում այն ​​կկորչի ավելի վառ մրցակից ավատարների ֆոնի վրա:



6. Եթե ​​ցանկանում եք, որ ձեր ավատարը ժամանակակից տեսք ունենա, դարձրեք այն մինիմալիստական ​​ոճով՝ ավելի քիչ տեքստ, ստվերներ, գրադիենտներ և որևէ իմաստային նշանակություն չունեցող տարրեր: Ձեր ավատարը պետք է լինի հնարավորինս պարզ և կոկիկ: Այս ոճը այժմ թրենդային է:







7. Եթե ​​ձեր նպատակն է գրավել օգտատերերի ուշադրությունը և առանձնանալ ֆիդում այլ ավատարներից, ապա ստիպված կլինեք միացնել ձեր երևակայությունը: Մտածեք այն մասին, թե ինքներդ ինչի՞ վրա եք ուշադրություն դարձնում հետաքրքիր համայնքներ փնտրելիս: Այստեղ, օրինակ, ինձ մի քանի անգամ գրավել են վառվող լույսով ավատարները, ինչը սովորաբար ցույց է տալիս, որ նոր հաղորդագրություն է եկել։ Սա շատ հին տեխնիկա է, բայց ինչ-ինչ պատճառներով այն դեռ ազդում է ինձ վրա՝ երբ ես նման լույս տեսնեմ, անպայման աչքս կպահեմ դրա վրա։

Չեմ ասում, որ այս հնարքը կգործի նաև ձեր էջում։ Բանն այն է, որ ես ուզում եմ նշել, որ առանձնանալու շատ եղանակներ կան, պարզապես պետք է ինքներդ ձեզ հարցնեք և մի փոքր ստեղծագործ լինեք: Ահա, օրինակ, ևս մեկ հետաքրքիր գաղափար, որը ես ինքս դժվար թե մտածեի.

Ավատարը սև շրջան է՝ մեծ և փոքր: Թվում է, թե ինչու՞ դա անել ընդհանրապես: Բայց երբ պտտվում ես համայնքների ցանկում, նման ավատարները ուշադրություն են գրավում, քանի որ դրանք բոլորից շատ են տարբերվում։

Ինչ տեղեկատվություն կարող է տեղադրվել ավատարի մանրապատկերի վրա

Չնայած ավատարի մանրապատկերը շատ փոքր է, այն կարող է (և պետք է) օգտագործվի ձեր համայնք հետևորդներ ներգրավելու համար: Ինչպե՞ս դա անել: Դիտարկենք մի քանի տարբերակ.

Նոր ապրանքի/ծառայության/միջոցառման մասին հայտարարություն

Ընկերության/ծառայության/էջի առավելությունները

Ընկերության հեռախոսահամարը

Բարենպաստ գներ

Անվճար առաքում

Ի դեպ, շատ հաճախ այն տեղեկատվությունը, որը տրամադրում է ընկերությունը անվճար առաքում, ավելացվում են հենց խմբի անվանմանը, որպեսզի օգտատերերը անպայման ուշադրություն դարձնեն դրան։

Բաժնետոմսեր

Մրցույթներ

Աշխատանքներ

Ինչպիսի՞ն պետք է լինի ինքնին ավատարը:

Ես մտածեցի, թե ինչպիսին պետք է լինի ավատարի մանրապատկերը և ինչ տեքստ կարելի է տեղադրել դրա վրա։ Հիմա եկեք անցնենք ինքնին ավատարին: Ամբողջական տարբերակըավատարը կցուցադրվի միայն այն համայնքում, որը չունի շապիկի պատկերների հավաքածու: Հենց նման դեպքերի համար եմ գրել այս բաժինը։ Այսպիսով, ինչպիսին պետք է լինի ձեր համայնքի ավատարը, որպեսզի օգտվողներն անմիջապես հասկանան, որ ձեր ընկերությունը պատասխանատու և պրոֆեսիոնալ է մոտեցել էջի ստեղծմանը:

1. Ավատարը պետք է լինի բարձրորակ։ Այն մասին, թե ինչպես հասնել դրան, ես մի փոքր ավելի բարձր գրեցի: Նրանց համար, ովքեր բաց են թողել այս հատվածը, ես կարճ կասեմ՝ ավատարի չափը պետք է լինի 2-3 անգամ ավելի մեծ, քան նախատեսել եք։
2. Ցանկալի է, որ ավատարը համակցվի մենյուի հետ՝ լինի նույն գունային գամման, ունենա նույն տառատեսակները, տարրերը և այլն։ Դրա շնորհիվ ձեր էջի վերնագիրը ավելի կոկիկ և պրոֆեսիոնալ տեսք կունենա։ Օրինակ:




3. Ինքն ավատարը և ավատարի մանրապատկերը կարող են տարբեր լինել: Օրինակ, դուք կարող եք շրջանագիծ նկարել ավատարի վրա, ոճավորել այն, ինչպես ցանկանում եք, ընտրել այդ հատվածը որպես մանրապատկեր և ձևավորել ավատարի մնացած մասը այլ ոճով:




Մեկ այլ տարբերակ՝ ավատարը երկու մասի բաժանելն է։ Մեկը մանրապատկերի և մեկը մնացած ավատարի համար:




4. Որպեսզի խրախուսեք օգտվողներին բաժանորդագրվել ձեր էջին կամ հաղորդագրություն գրեն ընկերության ներկայացուցչին, կարող եք համապատասխան կոչ անել պրոֆիլի նկարի ամենաներքևում և այն ուղեկցել կոճակին մատնանշող սլաքով:




5. Աշխատեք ավատարի վրա շատ տեղեկատվություն չդնել, հակառակ դեպքում այն ​​ծանրաբեռնված ու անբարեկարգ տեսք կունենա: Դրան ավելացրեք միայն ամենակարևոր կետերը և համոզվեք, որ դրանց միջև «օդ» կա:

Ի՞նչ տեղեկատվություն կարող է տեղադրվել ավատարի վրա:

Իրականում ամեն ինչ կարելի է տեղադրել ավատարի վրա։ Ի տարբերություն մանրանկարչության, իսկապես կա, թե որտեղ կարելի է թափառել: Ամենակարևորը մի չարաշահեք :)

Կայքի տիրույթ

Հեռախոս / հասցեն / բացման ժամերը

Մրցույթներ/առաջխաղացումներ

Ամենաշատ գնված ապրանքներ/նորություններ

տեղեկատվություն առաքման մասին

Բջջային հավելվածների գովազդ

Ընկերության / էջի / արտադրանքի հիմնական առավելությունները և այլն:

Շրջանակի նորացում/նոր ստեղծագործություններ և այլն:

Տեղեկություններ, որ ձեր համայնքը պաշտոնական է

Տեղեկություններ առաջիկա իրադարձությունների մասին

Այլ սոցիալական ցանցերում հաշիվների հասցեներ

Ընդլայնված էջի նկարագրություն

Պարծենում է

Ընդհանրապես, բացարձակապես ցանկացած տեղեկատվություն կարող է տեղադրվել ավատարի վրա: Ես ներառել եմ ընդամենը մի քանի գաղափար, որպեսզի կարողանաք տեսնել, թե ինչ են անում ուրիշները և ոգեշնչվեք նրանց օրինակներից: Դե, նկատի ունեցեք հիմնական առաջարկությունները. ավատարը պետք է լինի բարձրորակ, տառատեսակը պետք է լինի մեծ, և տարրերի միջև պետք է լինի ավելի շատ «օդ»:

Ինչպես ստեղծել միաձուլված ավատար և մենյու

Միավորված ավատար և մենյու ստեղծելու համար անհրաժեշտ է ծրագիր Adobe Photoshopկամ դրա համարժեքը: Ես կբացատրեմ ամբողջ գործընթացը՝ օգտագործելով Photoshop-ը որպես օրինակ: Ուրեմն գնանք։

1. Ներբեռնեք Photoshop-ի ձևանմուշը, որը ես հատուկ պատրաստել եմ այս հոդվածի համար: Կանոնավոր չափս(մենյու՝ 510 պիքսել լայնություն, ավատար՝ 200) կամ ընդլայնված վիճակում(մենյու - 1020 պիքսել լայնություն, ավատար - 400):
2. Բացեք պատկերը, որը ցանկանում եք վերցնել որպես հիմք:
3. Պատճենեք այն, տեղադրեք այն կաղապարի մեջ և տեղադրեք այնպես, ինչպես ցանկանում եք, որ այն կտրվեր:

1. Ավելացնել էֆեկտներ, տեքստ, գրաֆիկա և այլն:

1. Եթե ​​դուք չեք ցանկանում, որ պատկերի մի մասը կորչի (այդ բացվածքում, որը 50 պիքսել է), տեղափոխեք այն աջ, ինչպես ցույց է տրված հետևյալ gif-ում.

1. Ընտրեք «Nesting» գործիքը և սեղմեք «Fragments along the guides» կոճակը:

1. Ջնջեք ավելորդ բեկորները (աջ սեղմեք - «Ջնջել հատվածը») և խմբագրեք եղածները (աջ սեղմեք - սեղմեք դատարկ տեղում - վերցրեք ցանկալի տարածքը և ձգեք այն ցանկալի չափի):

1. Գնացեք «Ֆայլ» բաժին և ընտրեք «Պահպանել համացանցի համար» հրամանը:

1. Գնացեք այն վայրը, որտեղ դուք պահել եք նկարները (աշխատասեղան կամ որոշակի գրացուցակ) և այնտեղ գտեք «Images» անունով թղթապանակ: Ահա թե որտեղ կլինեն ձեր պատկերները: Այժմ մնում է միայն դրանք լրացնել էջում։

P.S.Ավատարի բարձրությունը կարող է փոխվել ձեր հայեցողությամբ: ես վերցրեցի առավելագույն չափը- 500 պիքսել, բայց այս արժեքը կարող եք ավելի քիչ ունենալ: Օրինակ, ինչպես «Վիքի նշում» էջում.

Ինչպես օգտվել վիդջեթներից

Վիդջեթները նույնպես VK համայնքի դիզայնի մաս են կազմում: Դրանց օգնությամբ օգտատերը կարող է՝ պատվիրել, բաժանորդագրվել ձեր տեղեկագրին, մասնակցել մրցույթի, կարդալ և թողնել կարծիքներ, բացել համայնքի որոնում, ստանալ նվեր, զեղչի կտրոն և այլն։

Ահա մի քանի օրինակներ, թե ինչ տեսք ունեն վիջեթները VKontakte էջում.

class="incut">

Ինչպես տեղադրել պատկերներ

Եթե ​​դուք վեբ դիզայներ եք կամ ունեք գեղարվեստական ​​ճաշակ և գեղեցկության զգացում, ապա ձեզ համար դժվար չի լինի ձեր պատկերների համար կորպորատիվ ինքնություն ստեղծել: Սակայն ինձ թվում է, որ նման մարդկանց փոքրամասնություն կլինի այս հոդվածում (ի դեպ, ես էլ նրանցից չեմ)։ Հետևաբար, եկեք ավելի սերտ նայենք, թե ինչպես է դա արվում՝ հիմնվելով հաջողակ ընկերությունների օրինակների վրա:

Ի դեպ, խնդրում ենք նկատի ունենալ, որ գրեթե բոլոր հայտնի VKontakte ընկերությունները բրենդավորում են իրենց պատկերները, այսինքն՝ ավելացնում են փոքր լոգո, իրենց էջի հասցեն կամ ջրի մակարդակի նշագիծ։ Սա մեծացնում է ապրանքանիշի ճանաչումը և պաշտպանում ձեր պատկերները պատճենումից: Արժե՞ արդյոք, ամեն մեկն ինքն է որոշում։ Միակ բանը, որ ես կցանկանայի խորհուրդ տալ, այն է, որ եթե դուք իսկապես որոշեք դա անել, փորձեք համոզվել, որ ձեր պատկերանշանը չափազանց պայծառ չէ և շատ տեղ չի զբաղեցնում, հակառակ դեպքում ամբողջ շեշտը կգնա դրան, և պատկերը կկորցնի իր գրավչությունը:

Որտեղ կարող եմ ստանալ լավ պատկերներ:

Մեր բլոգում այս թեմայով լավ հոդված ունենք՝ «»: Նրանք բոլորն անվճար են, բայց ոմանք պահանջում են գրանցում: Եթե ​​ձեզ հարմար բան չեք գտնում, փորձեք որոնել հիմնաբառ+ պաստառ (կամ, եթե անգլերենով, պաստառ): Սովորաբար, նման հարցումը բարձրորակ պատկերներ է արտադրում: Բայց այստեղ դուք պետք է զգույշ լինեք և ստուգեք լիցենզիայի տեսակը, հակառակ դեպքում, եթե լուրջ բիզնես ունեք, կարող եք դժվարությունների հանդիպել:

Իսկ ինչ վերաբերում է նրանց, ովքեր չգիտեն, թե ինչպես աշխատել Photoshop-ում:

Եթե ​​դուք երբեք չեք աշխատել Photoshop-ում (կամ որևէ այլ գրաֆիկական խմբագրիչում) և դեռ պատրաստ չեք ժամանակ հատկացնել դրան տիրապետելու համար, կարող եք օգտվել այն ծառայություններից, որոնք արդեն կան. պատրաստի կաղապարներնկարներ տարբեր սոցիալական ցանցերի համար.

1. Fotor.com

Դրանից հետո էկրանի ձախ կողմում ընտրեք մեզ հետաքրքրող կաղապարը։ Խնդրում ենք նկատի ունենալ, որ միայն այն ձևանմուշները, որոնք չունեն ադամանդե պատկերակ, տրամադրվում են անվճար:

Տեղադրեք այն կաղապարի մեջ, ընտրեք այն մկնիկի ձախ կոճակով, ընտրեք Layer հրամանը (սենդվիչի պատկերակը) և սեղմեք Տեղափոխել ներքև: Այսպիսով, մեր նկարը կգնա հետին պլան, և բոլոր մակագրությունները կտեղադրվեն դրա վերևում:

Դրանից հետո մենք փոխում ենք տեքստը, տառատեսակը, տառաչափը, մակագրության դիրքը և այլն։

Այնուհետև սեղմեք սկավառակի տեսքով պատկերակի վրա, ընտրեք անունը, պատկերի ձևաչափը, որակը և սեղմեք «Մուտք գործեք ներբեռնելու համար» կոճակը:

Ինչպես օգտագործել վիքի նշագրումը

Դե, այստեղ մենք հասնում ենք ամենահետաքրքիր և միևնույն ժամանակ դժվարին հատվածին։ Երևի ընթերցողների մեջ կան մարդիկ, ովքեր չգիտեն, թե ինչ է wiki markup-ը, և ընդհանրապես առաջին անգամ են լսում այս տերմինը։ Ուստի հատուկ ձեզ համար կտամ մի սահմանում, որը տալիս է հենց «Կոնտակտը»։

Wiki markup-ը նշագրման լեզու է, որն օգտագործվում է վեբկայքերի տեքստը զարդարելու համար (սովորաբար կապված է վիքի նախագծերի դասի հետ) և հեշտացնում է HTML լեզվի հնարավորությունները մուտք գործելը։ Մեր վիքի էջում - լավ այլընտրանքկանոնավոր գրառումներ և տեքստային նավարկություն: Եթե ​​Ձեզ անհրաժեշտ է ստեղծել մեծ հոդված՝ տարբեր տեքստային ձևաչափով ( համարձակ տառատեսակ, ընդգծում, վերնագրեր և այլն) կամ դրան ավելացրեք գրաֆիկա, կամ պարզապես ստեղծեք գունավոր նավիգացիոն մենյու ձեր համայնքի համար. վիքին անփոխարինելի է:

Ինչպես Wordpress-ը (կամ ցանկացած այլ CMS) ունի HTML խմբագիր, որով դուք հոդվածներ եք ստեղծում, Կոնտակտն ունի իր խմբագիրը՝ վիքի էջեր ստեղծելու և խմբագրելու համար։ Այն կարծես այսպիսին է.

Այս խմբագրիչի միջոցով ստեղծվում են նավիգացիոն ընտրացանկեր, ինչպես նաև նկարներ, տեսանյութեր և ձայնագրություններ պարունակող հոդվածներ: Մի փոքր ներքև, ես մանրամասն կվերլուծեմ, թե ինչպես աշխատել այս խմբագրում, բայց նախ խնդրում եմ ձեզ համար էջանշել երկու հղում: Նրանք ձեզ շատ կօգնեն սովորել վիքի մակնշումը։