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

• Քայլել
• 2-ի մեթոդը. 3 հիմնական կանոնները
• 2-ի մեթոդը 2. Ուղեցույցներ
• Խորհուրդներ
• Arnգուշացումներ

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

Քայլել

2-ի մեթոդը. 3 հիմնական կանոնները

1. Կանոն 1:Լսեք ձեր հաճախորդին, Հնարավոր է ՝ դուք նախագծում եք «աշխարհի մեծագույն կայքը երբևէ տիեզերքի պատմության մեջ և դրանից հետո» ՝ հարուստ սեւամորթներով, նուրբ տառատեսակներով և վառ, գեղարվեստական ​​գույներով այն կայքի համար, որը գոռում է «հիմա ինձ ուսումնասիրում է»: Unfortunatelyավոք, ձեր հաճախորդը ցանկանում էր նարնջագույն ընտրացանկեր `վառ վարդագույն և նարնջագույն տառերով: Դուք աշխատանքից հեռացվել եք, և երբևէ ձեր լավագույն վեբ կայքը, որի իրավունքն ունի հաճախորդը, ինչ-որ տեղ գտնվում է նրանց պահուստային սկավառակի վրա, առանց որևէ մեկի կողմից այն այլևս տեսնելու:
   • Ուսումնասիրեք ձեր հաճախորդի կորպորատիվ ինքնությունը: Հաճախորդին հանձնարարեք ձեզ ցույց տալ իրենց սիրած մի քանի կայքեր: Սա ոչ միայն ձեզ գաղափար կտա, թե ինչն է նրանց դուր գալիս, այլ նաև կտա ձեզ մի քանի դիզայնի գաղափարներ, որոնք հնարավոր է չէիք մտածել:
   • Եթե ​​կարծում էիք, որ ծաղրում ենք նարնջագույն և վարդագույն կայքի մասին, հաշվի առեք այս զվարճալի, բարդ կայքը.
2. Կանոն # 2:Իմացեք ձեր լսարանին և այն, ինչ նրանք փնտրում են, և համապատասխանաբար հարմարեցրեք ձեր դիզայնը, Մարդկանց կայքեր ունենալու պատճառն այն է, որ նրանք ուզում են, որ այլ մարդիկ տեսնեն դրանք: Այն կարող է լինել տեղեկատվական, կամ առևտրային, կամ հատուկ թիրախային լսարանին զվարճացնելու համար: Որպես դիզայներ ձեր գործն է իմանալ, թե ում համար եք նախագծում, և պահել դրանք էջում, երբ այնտեղ վայրէջք կատարեն:
   • Կարող եք մտածել. «Եթե լավ տեսք ունենա, նրանք կմնան»: Բայց պարտադիր չէ, որ դա այդպես լինի: Օրինակ վերցրեք անշարժ գույքը: Ահա մի կայք ՝ մաքուր, զվարճալի դիզայնով: Այն ունի շատ սպիտակ տարածություն, որը տալիս է բաց տեսք, պայծառ գույներ և ժամանակակից լայնէկրան ձևաչափ ՝ հղումներով հայտնի վայրում.
   • Այժմ նայեք նույն տարածքում անշարժ գույք վաճառելու այս մոտեցմանը. Խառնաշփոթ և շատ զբաղված, ձանձրալի գույներ և գովազդային ծածկույթ:
   • Գուշակեք, թե որն է ավելի լավը նրանց համար, ովքեր տուն են փնտրում: Rightիշտ, մեկը, որտեղ տներ! Երբ մարդիկ որոնում են «Սանտա Մոնիկայում վաճառքի տներ», նրանց չի հետաքրքրում, թե ինչ տեսք ունի կայքը: Նրանք չեն ցանկանում կարդալ անշարժ գույքի գործակալի մասին կամ տեսնել քաղաքի գեղեցիկ նկարներ: Նրանք ուզում են տներ տեսնել:
3. Կանոն # 3:Լսեք ինքներդ ձեզ, Դուք հասկանում եք, թե հաճախորդն ինչ է ուզում, և գիտեք, թե ինչ է փնտրում ձեր շուկան: Հիմա վերջապես ժամանակն է ուշադրություն դարձնել ձեզ, դիզայներ:
   • Ձևանմուշ կառուցեք ձեր նախընտրած գրաֆիկական ծրագրակազմում: Ձեր էջի տարրերը կազմեք տարբեր շերտերի վրա (այնպես որ կարողանաք հետագայում շտկել իրերը ՝ առանց ամբողջ կաղապարը քանդելու): Այս տարրերը կարող են լինել.
     • Վերնագիր, Սա մի տարր է, որը նույնն է ձեր կայքի յուրաքանչյուր էջում: Վերնագիրը բաղկացած է կայքի վերնագրից և պատկերանշանից, ինչպես նաև հղումներից դեպի կայքի մյուս մասեր (օր. ՝ About, Contact և այլն): Տեսողական և գործնականում դա բոլորն իրար կապելու է: Լավ պրակտիկա է ընտրացանկի առաջին կոճակը կապելը դեպի գլխավոր էջ:
     • Օրինակ, եկեք նայենք Apple- ին.
     • Ինչպես Apple- ի իրերի մեծ մասում, նրանց գլխավոր էջն ունի շատ մաքուր, պարզ ձևավորում: Նշեք վերևի ընտրացանկը, յուրաքանչյուր կոճակի համար տրամաբանական թեմաներով, ինչպես նաև որոնման դաշտով. Միշտ լավ միտք, եթե ձեր կայքը դրան աջակցում է: Այժմ եկեք նայենք վայրէջքի էջին կոճակներից մեկի ՝ iPad- ի համար, որպեսզի տեսնենք մի քանի տարրեր.
     • Menuանկի բարը փոխվում է միայն iPad կոճակը մգացնելով:
     • Վայրէջքի էջի թեման ցուցադրվում է մեծ սեւ տառերով:
     • Կհայտնվի նոր ենթամենյու, որպեսզի կարողանաք ավելին իմանալ ապրանքի մասին: Եթե ​​սեղմեք այս կոճակներից մեկի վրա, կտեսնեք, որ յուրաքանչյուր էջ առաջարկում է նոր բովանդակություն ՝ կախված թեմայից, բայց դասավորության և ձևավորման մեջ նույնական կլինի:
     • Հաճախ ձեր ընտրացանկի յուրաքանչյուր հիմնական թեման կունենա տարբեր ենթավերնագրեր, որոնք դուք պետք է լրացնեք: Երկրորդ ընտրացանկ ստեղծելու փոխարեն, կարող եք օգտագործել ելնող ընտրացանկեր, ինչպիսին է Musicians Friend- ի այս օրինակը.
     • Կողային գոտի, Սա կհայտնվի ձեր կայքի բազմաթիվ էջերում, բայց պարտադիր չէ, որ բոլորը ՝ համատեքստը որոշում է: Այնուամենայնիվ, դա շատ կարևոր տարր է և պետք է զգուշորեն նախագծված լինի ՝ ինտուիտիվ և ոչ շատ խառնաշփոթ: Ի տարբերություն ցանկի տողի, կողային տողի բովանդակությունը կարող է շատ դինամիկ լինել: Ստուգեք անշարժ գույքի շուկայավարող Trulia- ի այս երկու կողային շարքերը. Առաջինը գնորդների համար է.
       
       

2-ի մեթոդը 2. Ուղեցույցներ

1. Նախագծեք լավ օգտագործողի միջերես: Տեղադրեք կայքի տարբեր տարրեր, ինչպիսիք են վերնագիրը, կողային գծերը, պատկերանշանները, պատկերները և տեքստը յուրաքանչյուր էջում նույն տեղում, որպեսզի ձեր կայքը լինի նավարկելի և ինտուիտիվ:
   • Յուրաքանչյուր էջի վերևում պահեք նույն վերնագիրը, Անկախ նրանից, թե ձեր կայքի բովանդակությունը թույլ է տալիս կրկնել շատ տարրեր, համոզվեք, որ յուրաքանչյուր էջի վերևը նույնն է:
   • Ձեր դիզայնի մեջ օգտագործեք տրամաբանություն, Մեկ էջի տարրերը պետք է տրամաբանորեն դասավորված լինեն ըստ կարևորության կամ թեմայի. կայքի տարբեր էջերը նույնպես պետք է լինեն:
2. Ստեղծեք հետեւողական ոճ: Որտեղ դասավորությունը պետք է ձեր կայքի կառուցվածքային հետևողականություն հաղորդի, ոճը պետք է ապահովի թեմատիկ ներդաշնակություն:
   • Մնացեք երկու կամ երեք հիմնական գույների վրա և համոզվեք, որ դրանք լավ են ընթանում միասին:
   • Խուսափեք տառատեսակների չափազանց շատ ոճեր կամ չափեր օգտագործելուց. եթե ուզում եք մի քանիսը փոխարինել, օգտագործեք դրանք յուրաքանչյուր էջում նույն կերպ:
   • Օգտագործեք կասկադային ոճի թերթեր (CSS) ՝ միասնական ոճ պահպանելու և մի ամբողջ կայքում տարրերը փոխելը ավելի դյուրին դարձնելու համար ՝ առանց յուրաքանչյուր էջին առանձին անցնելու:
3. Առավելագույնի հասցնել ընթերցանությունը: Ձեր տեքստը ավելի հեշտ ընթերցելու համար կարող եք այն բաժանել ավելի փոքր մասերի:
   • Օգտագործեք ենթագրեր և պատշաճ տարածություն `մասերից յուրաքանչյուրն առանձնացնելու համար:
   • Օգտագործեք համարձակ տառեր կամ տարբեր չափեր ՝ թեմաների հիերարխիան և կարևորությունը ցույց տալու համար:
   • Ուշադրություն դարձրեք, թե ինչպես եք վերաբերվում տեքստին: Տառատեսակը շատ փոքր մի արեք և ավելացրեք տողերի միջակայքը `տեքստի մեծ կտորներն ավելի հեշտ ընթերցելու համար: Տեքստի մեծ փաթեթները ավելի դժվար են ընթերցվում. բաժանել այն ավելի փոքր պարբերությունների:
4. Ձեր կայքը համընդհանուր ընթեռնելի արեք: Օգտագործեք ստանդարտ HTML և խուսափեք պիտակներից, հատկություններից և լրացումներից, որոնք հասանելի են միայն դիտարկչի մեկ ապրանքանիշի կամ տարբերակի համար:
   • Չնայած ժամանակակից զննարկիչներից և համակարգիչներից շատերը կարող են կարգավորել բարդ պատկերներ, ամեն ինչ ավելի դյուրին կթվա, եթե փոքրացնեք և օպտիմալացնեք ձեր պատկերները ոստայնի համար: Կշռի որակի կարևորությունը արագության կարևորությանը:
5. Ստուգեք ձեր կայքը: Համոզվեք, որ դա յուրաքանչյուր հղում աշխատում է ինչպես կսպասեիք, և պատկերները ճիշտ կհայտնվեին:
   • Դուք կարող եք ցանկանալ կազմակերպել օգտագործողների որոշ փորձարկումներ ՝ ձեր թիրախային լսարանի անդամներին փորձելով ստուգել ձեր դիզայնի հստակությունն ու օգտագործման դյուրինությունը և հետադարձ կապ տրամադրել ձեր կայքի վերաբերյալ:
6. Հրապարակեք ձեր կայքը: Գնեք տիրույթի անուն, եթե դեռ չեք արել: Պարբերաբար ստուգեք, արդյոք հղումները դեռ աշխատում են և լսեք առաջարկներ, որոնք այցելուները ձեզ ուղարկում են էլեկտրոնային փոստով:

Խորհուրդներ

• Չնայած դուք ազատ եք դասավորության ձևավորման վրա ՝ հիմնվելով ձեր սեփական անձնական տեսլականի կամ իրերի վրա, որոնք դուք տեսել եք այլ կայքերում, ավելի հեշտ կլինի գնել պատրաստի ձև:
• Մի ռմբակոծեք այցելուին գեղեցիկ, հատուկ նկարներով: Ֆլեշ անիմացիան, վառ գույները, նախշավոր ֆոնները և երաժշտությունը, որոնք ավտոմատ կերպով խաղում են էջերի բեռնման վրա, զվարճալի փորձեր էին 90-ականներին, բայց այժմ դրանք սարսափեցնում են օգտվողներին: Մնացեք պարզ ֆոնների վրա, որոնք հակադրվում են տեքստի գույնին ՝ առավելագույն ընթեռնելիություն ստանալու համար:
• Պարբերությունների միջակայքն օպտիմալացնելու համար միշտ կարող եք օգտագործել CSS:
• Լսողության կամ տեսողության խանգարումներ ունեցող այցելուների համար կարող եք ենթագրեր ենթագրերով վերարտադրել աուդիո և ավելացնել հասանելիության հաղորդագրություն: Չնայած սեղանները կարող են տեղեկատվություն կազմակերպելու արդյունավետ միջոց լինել, տեսողական խնդիրներ ունեցող այցելուները, օգտագործելով էկրանների ընթերցող ծրագիր, կարող են չլսել նյութը ճիշտ հերթականությամբ:
• Թող ձեր այցելուները թանաք խնայեն. Տպման էջերի համար օգտագործեք առանձին ոճի թերթ:
  • Տպման պարամետրերը սահմանելիս անջատեք ֆոնային պատկերները:
  • Սպիտակ ֆոնի վրա օգտագործեք սեւ տեքստ:
  • Հեռացրեք ընտրացանկի գոտին և ավելորդ պատկերները:

Arnգուշացումներ

• Խուսափեք գրագողությունից և ենթարկվել հեղինակային իրավունքի բոլոր օրենքներին: Մի ներառեք պատահական պատկերներ, որոնք գտնում եք առցանց կամ նույնիսկ կառուցվածքային տարրեր ՝ առանց հաստատման: Այն ամենը, ինչ օգտագործում եք ձեր կայքում, պետք է լինի ինչպես իրավական, այնպես էլ էթիկական: