Կայքի դիզայնի նմուշներ

Բովանդակություն:

Կայքի դիզայնի նմուշներ
Կայքի դիզայնի նմուշներ
Anonim

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

գրավչության էֆեկտ

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

Եկեք նայենք առևտրային հարթակի երկու կայքերի օրինակին.

Կայքերի օրինակներ
Կայքերի օրինակներ

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

Գույնի ընկալում

Գույների ընտրության հիմնական կանոնն այն է, որ չափը չանել: Երբեմն նույնիսկ երկու-երեք ճիշտ ընտրված գույներն ավելի քան բավարար են, դրա վառ օրինակն է fb.ru կայքը։ Շատ վեբ դիզայներներ օգտագործում են «անվտանգ» գույների աղյուսակ՝ իրենց html կայքը նախագծելու համար:

Անվտանգ գույների աղյուսակ
Անվտանգ գույների աղյուսակ

Անվտանգ այն կոչվում է այն պատճառով, որ այստեղ ցուցադրվող բոլոր գույները բացարձակապես բոլոր օգտագործողների կողմից կփոխանցվեն նույն ձևով: Այս գույները կարելի է ասել ստանդարտ են կայքում դիզայն ստեղծելու ժամանակ:

Գույների համատեղելիություն

Յուրաքանչյուր գույն ունի իր «ընկերական» գույնը. սա այն գույնն է, որի հետ այն լավագույնս համադրվում է: Կարիք չկա նորից հայտնագործել անիվը և փորձարկել ընտրությունը, ամեն ինչ վաղուց հորինված է և գտնվում է հանրային տիրույթում: Գունավոր անիվները օգտագործվում են գույների ընտրության համար:Այնթեն. Ստորև նկարը ցույց է տալիս գունային անիվ՝ 2 համապատասխանող գույների համապատասխանության համար:

Լրացուցիչ գունային համադրություն
Լրացուցիչ գունային համադրություն

Տ. այսինքն՝ շրջանակի ներսում հակառակ գույնը համարվում է առավել համատեղելի։ Եթե Ձեզ անհրաժեշտ է ընտրել 3 համապատասխան գույներ, ապա օգտագործվում է նաև գունային անիվը, միայն գույների դասավորության գիծն արդեն կփոխվի:

Եռյակ - 3 գույների համադրություն
Եռյակ - 3 գույների համադրություն

Եվ կան շատ նման շրջանակներ, դուք կարող եք ավելի շատ համապատասխան գույներ ընտրել: Օրինակ՝ չորս.

Tetrad - չորս գույների համադրություն
Tetrad - չորս գույների համադրություն

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

Կայքի ներքին կառուցվածք

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

Բոլոր նավիգացիոն տարրերը պետք է նախապես մտածված լինեն, և նույնիսկ ավելի լավ՝ գրվի: ԿառուցվածքԿայքը պետք է լինի առաջին հերթին հասկանալի և հարմար այցելուների համար։ Շատ կայքեր կորցնում են իրենց այցելուներին միայն այն պատճառով, որ վերջիններս, մտնելով կայք, չեն հասկանում, թե որտեղ և ինչ է գտնվում։ Կարիք չկա խճճվել կոճակների զանգվածով և կախել մի շարք ֆունկցիոնալությամբ: Միշտ պետք է այցելուի աչքերով նայել, եթե օգտատերին ինչ-որ ֆունկցիա պետք չէ, ապա ավելի լավ է հեռացնել այն։ Կրկին կայքի ձևավորման վառ և ճիշտ օրինակ է Fb.ru կայքը, որի վրա բոլոր բաժինները տեղադրված են այցելուին հասկանալի և հարմար ձևով։

Ամենամեծ սխալը

Ըստ միջին վերլուծության՝ օգտատերը, ով չի կարողանում գտնել կայքում անհրաժեշտ բաժինը կամ տեղեկությունը 15-30 վայրկյանի ընթացքում, կարծում է, որ այս բաժինը կամ տեղեկատվությունը կայքում չկա և հեռանում է ռեսուրսից։ Շատ դեպքերում ընդմիշտ: Սարսափելի նավիգացիայով կայքի վառ օրինակ՝

Կայքի վատ նավարկություն
Կայքի վատ նավարկություն

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

Գրանցման ձև

Կայքում մեկ այլ կարևոր և վախեցնող գործոն գրանցման ձևն է: Ոմանք փորձում են գրանցման պատուհանում հավաքել գրեթե մեծ տատիկի տվյալները։

Սխալ գրանցման ձև
Սխալ գրանցման ձև

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

Ճիշտ գրանցման ձև
Ճիշտ գրանցման ձև

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

Վեբկայքի ձևանմուշներ

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

Հարկ է նշել նաև ամբողջ ինտերնետային պորտալները, որոնք առաջարկում են դրանց հիման վրա տեղադրել ձեր սեփական կայքը։ Այս դեպքում կան և՛ դրական, և՛ դեմ կողմեր՝

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

վերջնական մաս

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

Խորհուրդ ենք տալիս: