9 հիմնական վեբ ձևավորման խորհուրդներ DIY սկսնակների համար

Վեբ ձևավորման հիմնական սկզբունքներ & ցանկացած մակարդակի սկսնակներին օգնելու լավագույն փորձը `տեսողական ձևավորելու համար մասնագետ & իրենցից փայլուն տեսք ունեցող կայք.


Վեբ ձևավորման խորհուրդներ սկսնակների համար

Այս օրերին հնարավոր է, որ որևէ մեկը վեբ դիզայներ դառնա: Այո, դա համարձակ հայտարարություն է, բայց բաց աղբյուրի դիզայնի ծրագրային ապահովման նման ավելի մեծ հասանելիությամբ Gimp, և DIY կայքի կառուցման ծրագրերով, ինչպիսիք են Wix- ը և Weebly- ը հեղեղելով շուկան, այդ գիծը միջև է սիրողական և բարեխղճորեն Վեբ դիզայներ ուշ է դարձել ավելի նոսր և վտանգավոր: Ստեղծագործության մասին հետաքրքրականն այն է, որ ոչ ոք չի կարող ձեզ համար որոշում կայացնել, երբ «պատրաստ եք» որոշակի դեր կատարել: Շատ ռոք աստղեր երբեք երաժշտության դասեր չէին վերցնում; շատ հաջողակ նկարիչներ երբեք չեն ուսումնասիրել մարդու անատոմիան; իսկ վեբ դիզայներների մեծամասնությունը պաշտոնական մակարդակ չունի: Այսպիսով, եթե դուք ստեղծել եք ձեր սեփական բիզնեսի վեբ կայքը, ապա կարո՞ղ եք վստահորեն ասել, որ «վեբ դիզայներ» եք: Դա ձեզ համար է որոշելու.

Յուրաքանչյուրի համար հնարավոր է վեբ դիզայներ լինել `DIY կայքի կառուցման ծրագրերով.

Կտտացրեք Tweet- ը

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

Ո՞րն է այս ուղեցույցը (և ինչը այն չէ)

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

ՀԱՇՎԻ ՀԻՇՈՒՄ: HTML- ի և CSS- ի տարրական գիտելիքները հսկայական օգուտներ կունենան ցանկացած նորաստեղծ վեբ դիզայների համար: Եթե ​​իսկապես ուզում եք ձեր ձեռքերը կոդավորվել, առաջարկում եմ դուրս գալ W3S դպրոցներ հիմնադրամի մասին ավելին իմանալու համար.

Վեբ դիզայնի հիմունքները սկսնակների համար

Եկեք հասկանանք դրան, մի՞թե մենք: Ահա ձեր առաջին վեբ կայքը կառուցելիս իմանալու ամենաօգտակար միտումները և ուղեցույցները.

1. Դրեք մկնիկը, վերցրեք մատիտ

Ձեր վեբ կայքը կարող է արդեն գոյություն ունենալ որպես ձեր մտքում մի գեղեցիկ, լիարժեք սուբյեկտ, և այդ իսկ պատճառով դուք պլանավորում եք անմիջապես Photoshop (կամ ավելի վատ ՝ զննարկիչ և HTML): Ո՛վ, ո՞վ, սառեցրեք ձեր ինքնաթիռները մի վայրկյան: Զամբյուղը ձիու առջև մի դրեք: Նախ, դուրս գրեք մատիտ և թղթի տախտակ և սկսեք ձեր գաղափարները հեշտությամբ շոշափելի բան մտցնել: Սա կարևոր փուլ է ձեր կայքի կառուցվածքը գծագրելու համար ՝ օգտագործելով ոչ այլ ինչ, քան ուղղանկյուններ, դոդլներ և ոգեշնչված գաղափարներ (հաճախ անվանում են գաղտնալսումը) Այս պահին իրերը կարող են խիստ կոպիտ լինել; ոչ ոք չի պատրաստվում տեսնել դա, բայց դու.

Վեբհաղորդաշարի օրինակՎեբ կայքի շրջանակը օգնում է ձեզ զարգացնել ձեր կայքի համար դասավորությունը և կառուցվածքը ՝ միաժամանակ բարելավելով օգտագործողի փորձը (UX) և խնայել ժամանակը.

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

2. Հետևեք հիերարխիային

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

Պահպանեք բովանդակությունը «վերևում»

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

Օգտագործելով «հերոս» պատկեր

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

Հերոսի պատկեր / դրոշի օրինակ

«Fold» – ը կարող է փոխվել կախված սարքից

Ահա, որտեղ բարդանում են գործերը, և ինչու չպետք է ծանրաբեռնեք ինքներդ ձեզ ՝ փորձելով ամեն ինչ տեղավորել այս կախարդական գծից վեր: Կախված օգտագործողի սարքից, էկրանի չափերը կարող են հսկայական տարբեր լինել: 5K էկրան ունեցող ծնոտը ունի 2880 պիքսել ուղղահայաց լուծում, մինչդեռ iPhone 5-ը ունի դրա կեսից պակաս: Սա նշանակում է, որ բջջային օգտագործողները պարզապես չեն կարողանա նույնքան պարունակություն պարունակել իրենց էկրանի անշարժ գույքում: (Այս մասին ավելի ուշ):

ՀԱՇՎԻ ՀԻՇՈՒՄ: Ընդհանուր օրինաչափությունն այն է, որ «վերևից ծալված» պարունակությունը տեղավորվի էկրանի չափերի ամենացածր ընդհանուր նշանակողի մեջ: Դա սովորաբար ընդունվում է որպես 768 պիքսել ուղղահայաց լուծույթով.

3. Տիպոգրաֆիան ձեր ձևավորումն է

Քանի դեռ լուսանկարչական բիզնես չեք վարում, տեքստը ցանկացած կայքի ամենակարևոր տարրն է, ուստի կարևոր է ճիշտ այս մասը կատարել: Ձեր վեբ էջի հիերարխիան մեծապես կախված է ձեր ընտրած տպագրությունից. Թե ինչպես են ձեր վերնագրերը, ենթախցերը և մարմնի տեքստը հետևում բնական հոսքին և տեսողականորեն տարբերվում միմյանցից: Տպագրությանը համապարփակ դիտելու համար ստուգեք լավագույն փորձի մեր ուղեցույցը: Ահա որոշ կարևոր միջոցներ.

  • Համոզվեք, որ տեքստն է ընթեռնելի (խուսափեք ծաղկային տառատեսակներից) և բավականաչափ մեծ (սովորաբար 16px մարմնի համար).
  • Կպչեք ոչ ավելի, քան երկու տառատեսակՀամոզվեք, որ նրանք լավ զույգ են միասին!
  • Տվեք ձեր պարբերությունները մի սենյակ `շնչելու միմյանց միջև և բավականաչափ տեղադրեք վերին լիցք կամ լուսանցք ձեր վերնագրերում ՝ բովանդակության հստակ ընդմիջումներ նշելու համար.
  • Խուսափեք տեքստի երկար տողերից: Ակնհայտ է, որ պարբերության տողերը մոտավորապես ավելին լինեն, քան պարագրաֆները 15 բառ երկարԵւ մի քիչ ավելի քիչ, քան դա շարժական էկրանների համար.
  • Սերիֆ Տառատեսակները սովորաբար լավագույնն են միայն տպագրության դեպքում, եթե դրանք չօգտագործվեն համացանցային մեծ վերնագրերում.

4. Գույներ & Հակադրությունը վճռական է

Մենք երկար խոսեցինք գույների հոգեբանության մասին, բայց հայեցակարգը կրկնում է կրկնել: Ձեր կայքի համար ընտրած գույները հսկայական դեր են խաղում այն ​​բանի մեջ, թե ինչպես են օգտվողները ընկալում ձեր ապրանքանիշը, ինչպես նաև այն, թե որքանո՞վ են նրանք զգում իրենց վեբ կայքի միջոցով գործողություններ ձեռնարկելու հարցում (այսինքն. Իրեր գնելը): Ինչո՞ւ Դե, յուրաքանչյուր գույն առաջացնում է որոշակի հույզեր, կամ կա՛մ իրենց բնածին բնույթի պատճառով, կա՛մ մշակութային պայմանավորմամբ պայմանավորված ՝ այս գույներն ասոցացվում են որոշակի տեսակի բիզնեսի հետ: Եթե ​​մանկական խաղալիքի ընկերություն կամ ֆինանսական խորհրդատու իրենց ամբողջ կայքը ներկով սև նկարեին, դա բացարձակապես սխալ ազդանշաններ կուղարկի իրենց նախատեսված լսարանին: Flipside- ում, համապատասխանաբար, վառ նարնջագույնը կամ հաճելի կապույտը գրավում էին իրենց հաճախորդների համար կատարյալ երանգն ու տեղեկացվածությունը.

Վեբ ձևավորման գույների օրինակԿապույտը գույն է, որը հարուցում է վստահություն և վստահություն ՝ հանրաճանաչ ընտրություն ֆինանսների հետ կապված կայքերի համար.

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

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

ՀԱՇՎԻ ՀԻՇՈՒՄ: Լավ է խուսափել լիարժեք հագեցվածություն գույներով համացանցում: Pure Red- ը (hex արժեքը # ff0000) մի փոքր չափազանց աչքի է ընկնում աչքերի վրա: Նմանապես, տառատեսակների համար մաքուր սևը (# 000000) հակված է թրթռալ շատ ուժեղ աչքերի համար, մինչդեռ մի փոքր իջեցված սևը (# 333333) ավելի հեշտ է դարձնում ընթերցանությունը.

Դուք նաև ցանկանում եք, որ ձեր տեքստը փոփ դուրս գա ֆոնային պատկերներից: Շատ զբաղված լուսանկարներ օգտագործելը կարող է շեղել տեքստը, այնպես որ այս խնդիրը խուսափելու համար կա՛մ օգտագործեք ավելի մանրակրկիտ լուսանկարներ, կա՛մ օգտագործեք rgba (51,51,51,0.5) ծածկը `տեքստի տակ տված պատկերը մեղմելու համար:.

պատկերի ծածկույթի օրինակՕգտագործեք տեքստի հետևի ծածկոց, որպեսզի օգնեք, որ այն դուրս գա ֆոնից.

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

6. Նկարների օգտագործում

Ընտրելով ճիշտ պատկերներ, որոնք պետք է օգտագործվեն ձեր կայքում, մասամբ կախված է ձեր սեփական գեղարվեստական ​​ընդունակությունից, բայց կան նաև մտավոր նկատառումներ, որոնք պետք է ձեռնարկվեն, որոնք կօգնեն ձեր ընտրության գործընթացին: Նախ `խուսափեք ձեր կայքը զարդարել արտառոց լուսանկարներով, պարզապես այն պատճառով, որ դրանք կարող են գեղեցիկ տեսք ունենալ: Փոխարենը, մտածեք, թե ինչպես եք ձեր օգտագործած յուրաքանչյուր պատկեր ծառայում իր նպատակին, և ավելի կարևոր է, թե ինչպես է այն գործում բովանդակություն. Լավ ընտրված լուսանկարը կարող է փոխանցել ձեր ապրանքանիշը, ծառայությունը, ապրանքը կամ հանդիսատեսը շատ ավելի արդյունավետ, քան բառերը: Օգտագործեք լուսանկարներ `ձեր օգտագործողներին օգնելու համար ինչ-որ բան հասկանալու, զգացմունքներ առաջացնելու կամ վստահություն ու վստահություն ներշնչելու համար: դրանք զուտ գեղագիտական ​​պատճառներով օգտագործելը պետք է լինի երկրորդական.

Հասկանալով ֆայլի տեսակները & Սեղմում

Կա լրացուցիչ քայլ, որը պետք է ձեռնարկվի համացանցում պատկերներն օգտագործելու համար: Այնպիսի հաճելի լուսանկարներ, որոնք դուք ստանում եք կայքերից Shutterstock և iStock- ը կարող է լինել բավականին զանգվածային (5000+ հորիզոնական պիքսել և 10+ մեգաբայթ չափի), ինչը լավ է տպագրության համար, բայց դրանք անպիտան են կայքերի համար: Բոլորը չէ, որ գերարագ օպտիկամանրաթել ինտերնետ ունեն, այնպես որ դուք պետք է կրճատեք ձեր պատկերների չափը `բեռնման ժամանակ տեղավորելու համար (էլ չենք ասում, որ այցելուների 40% -ը կհեռանա, եթե կայքը բեռնում է ավելի քան 3 վայրկյան): Սովորաբար, դուք ցանկանում եք պահել ձեր յուրաքանչյուր պատկերն ա առավելագույնը 500 կիլոբայթ չափի չափով, չնայած ձեր ֆայլի միջին չափը հավանաբար պետք է լինի շուրջ 100 կիլոբայթ.

  • JPEG լուսանկարների ստանդարտ ձևաչափն է: Դա վնասակար ձևաչափ է, ինչը նշանակում է, որ սեղմման ժամանակ նրա պատկերի որակը կրճատվում է: Եթե ​​JPEG- ն օգտագործում եք ամբողջ լայնության ֆոնային պատկերի համար, ապա ես խորհուրդ եմ տալիս պահպանել դրա հորիզոնական լուծաչափը ոչ պակաս, քան 1200px. Ընդհանուր նպատակներով, խուսափեք 600px- ով պակաս պատկեր ունեցող ցանկացած պատկեր օգտագործելուց հորիզոնական լուծում, քանի որ այն, ամենայն հավանականությամբ, անթափանց տեսք կունենա ժամանակակից էկրաններին.
  • PNG նախընտրելի ընտրությունն է գրաֆիկայի կամ պահանջվող պատկերների համար թափանցիկություն. Այն անվերջ ձևաչափ է, որը հիանալի է պատկերի որակը պահպանելու համար, բայց կարող է նաև մեծացնել ֆայլի չափերը: Ընդհանրապես, դուք կօգտագործեք PNG գրաֆիկա ՝ նկարազարդումների, սրբապատկերների կամ ավելի փոքր պատկերների համար, որոնք կարող են պատված լինել այլ տարրերի վերևում ՝ դրանց թափանցիկության պատճառով: Ձեզ հազվադեպ է պետք PNG- ը 1000px- ից ավելի մեծ լինելու համար.
  • SVG (փոփոխելի վեկտորային գծապատկեր) նոր ձևաչափ է, որը փոխարինում է GIF և նույնիսկ որոշ դեպքերում PNG: SVG- ի գեղեցկությունն այն է, որ այն կարող է լինել նույնքան մեծ կամ նույնքան փոքր էկրան, որքան անհրաժեշտ է, այն բոլորն են, մինչդեռ պահպանելով կատարյալ պարզություն և փխրունություն (և դեռ պետք է լինեն ֆայլի փոքր չափս): Պետք է հաշվի առնել SVG- ն օգտագործելու համար ցանկացած պատկերանշանի, պատկերակի կամ վեկտոր գրաֆիկական ձեր կայքում; քանի որ բարձր DPI ցուցադրիչները այժմ դառնում են սովորական, SVG- ի կտրուկությունը կապահովի պատկերի ամենամեծ որակը.

Պատկեր ֆայլի տիպի օրինակներ

6. Բջջային առաջին դիզայն

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

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

Ձեր բջջային դասավորությունը ենթադրում է ավելի ուղղահայաց ձևավորում, որը ներշնչում է ոլորումը, այլ ոչ թե աշխատասեղանի լայն լանդշաֆտը: Եթե, ասենք, ձեր արտադրանքի էջը ցուցանակներ է ցուցադրում 3-ի ցանցում սեղանների վրա, ապա սովորաբար ձեր բջջային դասավորությունը դրանք կցուցադրի որպես ընդամենը մեկ սյուն:.

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

ՀԱՇՎԻ ՀԻՇՈՒՄ: Համոզվեք, որ ձեր կայքի ոչ մի տարր, մասնավորապես, եթե այն ինտերակտիվ է, պակաս է 44px- ը 44px- ով չափի մեջ: Ինչո՞ւ Սա ամենափոքր թիրախը կարող է լինել այն դեպքում, երբ մատը դեռ կարող է ճշգրիտ թակել այն.

7. Գործերը հավասարեցրեք

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

8. Պարզ եղեք

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

Տուփի ստվերներն անհրաժեշտ են: Խենթ, զարդարուն նախշերով: Մի քանի տասնյակ գույներ: Հավանաբար ոչ.

9. Մեծ բաց տարածքներ

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

Եզրակացություն

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

Դիզայներ է ծնվում!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map