Կայքի նախապատմություն. 8 խորհուրդ՝ կայքի կատարյալ ֆոն ստեղծելու համար

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

Որո՞նք են կայքի նախապատմությունները:

Կայքի ֆոնը պատկերներ են, շաղ տալ գույն կամ դիզայն, որոնք լրացնում են ձեր կայքի էկրանը։ Հաճախ այցելուների կողմից դա նաև առաջին տպավորությունն է, որ թողնում է ձեր վեբ կայքի, ապրանքանիշի և բիզնեսի մասին, ուստի կարևոր է, որ դուք ճիշտ ընկալեք այն: Կատարյալ ֆոնը կփոխանցի ձեր ապրանքանիշի պատմությունը, մինչդեռ սխալը կարող է դեն նետել ձեր հաղորդագրությունը: Ձեր կայքը նման է այն հագուստին, որը դուք կկրեք աշխատանքի հարցազրույցի կամ առաջին ժամադրության ժամանակ: Դուք պատրաստվում եք զվարճալի և մատչելի տեսք ունենալ կամ ինչ-որ բարդ և բացառիկ բան:

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

Կայքի հիմունքներ

Նախքան խորհուրդների մեջ մտնելը, կարևոր է, որ հիմնականը հանվի:

Հանդիպեք երկու տեսակի վեբ կայքի նախապատմություններին

Մարմնի ֆոն

Մարմնի ֆոնն այն տարածքն է, որը ծածկում է էկրանի մեծ մասը: Այստեղ դուք կգտնեք ֆոներ, որոնք բաղկացած են նկարազարդումներից, հյուսվածքներից, ամբողջական պատկերներից կամ գունավոր գրադիենտներից: Հաճախ դա պարզապես սպիտակ է:

Ֆոնային բովանդակություն. Կայքի նախապատմություն

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

Լրացուցիչ ժողովրդականության համար օգտագործեք վերնագրերը

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

Ուշադրություն դարձրեք հակադրությանը

Համոզվեք, որ հաշվի եք առնում գունային հակադրությունը: Սխալ հակադրությունը կարող է դժվարացնել ձեր կայքի բովանդակությունը՝ դարձնելով այն այցելուների համար անհասանելի, ուստի համոզվեք, որ ստուգեք ձեր հակադրության հարաբերակցությունը:

Գնալ գրաֆիկա: Կայքի նախապատմություն

Գրաֆիկական տարրերի օգտագործումը ձեր կայքին տալիս է տարբերակիչ տեսք և պատմում է մի պատմություն՝ օգտագործելով միայն վիզուալներ: Բայց համոզվեք, որ գրաֆիկական տարրերի օգտագործման ոճը համընկնում է ձեր կայքի ընդհանուր ոճին, որպեսզի օգտվողներին ապահովեք հետևողական փորձ:

Ընդլայնեք ձեր ֆոնը

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

Ողջույն ասեք կարևոր իրադարձություններին

Կարևոր կետերը (շատ բարակ գծեր, որոնք բաղկացած են տարբեր գույներից ձեր կայքի առանձին հատվածների համար) օգնում են կոտրել մոնոխրոմատիկ բլոկները և բարելավել ընթերցանությունը:

8 խորհուրդ՝ կայքի կատարյալ ֆոն ստեղծելու համար
-

1. Օգտագործեք խելացի գունային ինտերֆեյս

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

2. Դարձրեք ձեր ֆոնային պատկերը գերընթեռնելի: Կայքի նախապատմություն

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

Cidery կայքի ֆոնային պատկեր Gotza-ից հեշտ ընթերցվող տառատեսակով

3. Տվեք ֆոնի ամուր գույն

Լուսանկարը հարմար չէ ձեր կայքին: Ինչու չփորձեք օգտագործել մեկ միասնական գույն ձեր կայքի ֆոնի համար: Սա սովորաբար հիանալի միջոց է ապահովելու ձեր վեբկայքը ընթեռնելի, քանի դեռ հակադրությունը ճիշտ է: Պարզապես համոզվեք, որ գույնը համապատասխանում է ձեր ապրանքանիշին, ոլորտին և ձեր բիզնեսի տպավորություններին: Օրինակ, տաք գույները, ինչպիսիք են կարմիրը և վարդագույնը, էներգետիկ ազդեցություն են ունենում օգտատիրոջ վրա և կարող են օգտակար լինել ֆիթնես ապրանքանիշերի համար, մինչդեռ սառը գույները, ինչպիսիք են կանաչը և կապույտը, հակված են հանգստացնող ազդեցություն ունենալ և իրականում ամենատարածված գույներն են, որոնք օգտագործվում են կայքերում:

4. Խուսափեք զբաղված ու խառնաշփոթ պատկերներից

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

5. Դարձրեք այն նորաձեւ

Կայքի ֆոնը, որը թրենդային է, կարող է ձեր դիզայնը ժամանակակից և նոր տեսք հաղորդել: Փորձեք օգտագործել վեբ դիզայնի ամենամեծ միտումներից մի քանիսը, երկրաչափական ձևերը, ընկղմվող 3D տարրերը, փայլուն, փայլուն գունային սխեմաները, մուգ ռեժիմը կամ օգտագործելը Պանտոնի գույներ տարիներ իր դիզայնով: Պարզապես հիշեք, որ ինչ-որ նորաձև բան օգտագործելը հավերժական դիզայնում կարող է նշանակել, որ դուք ստիպված կլինեք թարմացնել ձեր ֆոնը ավելի շուտ, քան ուշ:

6. Կատարեք անիմացիա: Կայքի նախապատմություն

Կայքի անիմացիոն ֆոնն իսկապես լավ միջոց է ձեր կայքը կյանքի կոչելու համար: Պարզապես համոզվեք, որ անիմացիան նուրբ է, որպեսզի այն չշեղի հիմնական պատկերից կամ հաղորդագրություններից կամ դուրս չգա դիզայնի առաջին պլանից: Քանի որ անիմացիան ունի նման էներգետիկ զգացողություն, լավ գաղափար է ներառել նուրբ գունային գունապնակ:

7. Գնացեք գրադիենտով: Կայքի նախապատմություն

Այո, 90-ականների միտումները վերադառնում են, ներառյալ այն, որը փոթորկեց դիզայնի աշխարհը՝ գրադիենտները: Նաև հայտնի է որպես գունային անցումներ, գրադիենտները մի գույնի աստիճանական միաձուլումն են մյուսի մեջ: Դրանք տեսողականորեն գրավիչ են և կարող են օգտագործվել որպես առանձին ֆոն կամ շերտավորվել լուսանկարի վրա՝ ձեր կայքը իսկապես փոփ դարձնելու համար:

8. Դարձրեք այն շարժական: Կայքի նախապատմություն

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

• Դարձրեք ձեր կայքը պատասխանատու:
• Դարձրեք մարդկանց փնտրած տեղեկատվությունը ավելի հեշտ գտնելու համար:
• Մի օգտագործեք Flash-ը:
• Ներառեք տեսադաշտի մետա թեգը:
• Միացնել ձևաթղթերի ավտոմատ լրացումը:
• Ձեր կոճակների չափերը բավականաչափ մեծ դարձրեք՝ բջջային հեռախոսով հարմարավետ աշխատելու համար:
• Օգտագործեք մեծ տառաչափ:
• Սեղմեք ձեր պատկերները և CSS-ը:

Կայքի ֆոնային պատկեր ընտրելիս համոզվեք, որ ընտրել եք այնպիսի պատկեր, որը լավ կտարածվի փոքր էկրանների համար: Օրինակ, իսկապես լայն պատկերը կարող է չաշխատել շարժական սարքի վրա:

Ինչպես ստանալ ձեր երազանքների նախապատմությունը կայքում: Կայքի նախապատմություն
-

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

Հաշվի առեք ամուր ֆոնային գույները, ամեն գնով խուսափեք խառնաշփոթ պատկերներից և մտածեք ներառելու այնպիսի միտում, ինչպիսին է գրադիենտը կամ երկրաչափական ձևը՝ ժամանակակից և ժամանակակից մնալու համար: Փորձեք ձեր ուժերը անիմացիայի մեջ, եթե իսկապես ցանկանում եք առանձնանալ ամբոխից և միշտ ընտրեք այնպիսի ֆոն, որը լավ է չափվում փոքր էկրանների համար:

Ամենակարևորը՝ հիշեք, որ դիզայնում հստակ կանոններ չկան։ Իրականում, լավագույն նմուշները հաճախ չեն հետևում որևէ կանոնի: Ամենակարևորը ձեր օգտագործողի փորձն է: Օգտագործեք այս խորհուրդները որպես ելակետ և մի վախեցեք վստահել ձեր գեղարվեստական ​​ռեֆլեքսներին:

Տպարան АЗБУКА