1. Web
Design
Ինչի՞ց սկսել

2. Web
Design
Ինչից սկսել
Վեբ դիզայնի գաղափարը

3. Web
Design
Ինչպե՞ս հասկանալ Վեբ
դիզայնը
Վեբ Դիզայն = հաղորդակցություն
Ինչից սկսել

4. Web
Design
Լինել արդյունավետ դիզայներ ...
...Դու Պետք է հստակ
փոխանցես քո գաղափարները
քեզ դիտողներին, այլապես
կկորցնես նրանց
ուշադրությունը
Ինչից սկսել

5. Web
Design
Մարդիկ անկայուն են ...
Եթե դուք տրամադրեք ինֆորմացիան մեծ բլոկով,
ինչպես այս սլայդում օրինակ, 100 հոգուց 99 չեն
կարդա այդ սլայդը: Ինչու՞: Որովհետեւ մարդիկ
տեսողական ընկալում ունեն եւ տվյալների
պրոցեսորներ չեն:
Հասկանալու համար սրա ճշմարտացիությունը
կարեւոր է մի քիչ հասկանալ, թե ինչպես ենք մենք
տեսնում եւ ընկալում առարկաները: Մարդիկ
կանոնակարգում են իրենց տեսածը <<վիզուալ
հարաբերությունների>> միջոցով:
Ինչից սկսել

6. Web
Design
Դիզայնը դա - ամեն ինչ վիզուալ
հաղորդակցության մասին է:
Ինչից սկսել

7. Web
Design
Դիզայնը դա - ամեն ինչ վիզուալ
հաղորդակցության մասին է:
Ինչու՞ եմ
ես այսքան
փոքր
Ինչու՞ բոլորը նախ
նայում են կարմիր
գնդիկին:
Ինչից սկսել

8. Web
Design
Դուք չեք տեսնում «երկու
շրջանակները» ...
Փոխարենը, դուք տեսել մեկ սեւ
շրջանակը եւ փոքր կարմիր
շրջանակը
Ինչից սկսել

9. Web
Design
Պատճառը բավականին պարզ է:
Երբ դրանք ներկայացնում ես ուղղակի երկու
սովորական շրջաններ, մադիկ չեն նայում
դրանց որպես հասարակ շրջաններ, նրանք
փորձում են ինչ-որ ձեւով տարբերակել:
Մեկը կարող է լինել մեծ, մյուսը` ավելի փոքր,
կամ գունավոր, եւ այլն: Այս
տարբերությունները թույլ են տալիս մեզ
տարբերակել երկու առարկաները եւ տալ
նրանց առանձնահատուկ իմաստներ:
Ինչից սկսել

10. Web
Design
Եկեք այժմ նայենք ավելի համալիր պատկերին
Ինչից սկսել

11. Web
Design
Ավելացնենք բարդությունը...
...Իրականում ավելացնում է մեր
ցանկությունը <<դասակարգել>>
առարկաները ըստ
հարաբերությունների:
Նմանությունները եւ
տարբերությունները դառնում են
այնշրջանակը, որի միջոցով մենք
տեսնում ենք ուրվագծերը:
Ինչից սկսել

12. Web
Design
…հասկանալու համար թե
մարդիկ ինչպես
կպատկերացնեն տեսքը,
որպեսզի կարողանանք
կառուցել դիզայնը:
Առավել կարևոր է թե
վիզուալ դա ինչպես
կնկատվի աչքի կողմից:
Վեբ Դիզայն = հաղորդակցություն
Ինչից սկսել

13. Web
Design
Կարևորը կազմակերպումն է...
Ինչից սկսել

14. Web
Design
...Ձեր կողմից սա այլ կեպ կընկալվի
Ինչից սկսել

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

16. Web
Design
Բացատրություն
Երեւի ավելի պրակտիկ կբացատրենք, եքե դիտարկենք այն
ուղին, որով մեր ուղեղը դասակարգում է տեղեկությունը.
1. խմբավորում է նման վիզուալ տարրերը
2. դրանց կարգավորումը իմաստային կաղապարների մեջ բնորոշ է մարդուն,
ինչպես:
o ուտելը
o խմելը
Դասակարգված
Նունիսկ իր ամենապարզ դրսեւորմամբ` տեղեկությունը, որը
դասակարգվում է ըստ հիերարխիայի, միշտ էլ ավելի
արդյունավետ է լինում հաղորդակցվելիս, քանի ոչ
դասակարգվածը:
Դաս - հիերարխիա
Ինչից սկսել

17. Web
Design
Չափ: ավելի մեծ չափսերով օյեկտները ավելի
շատ են ուշադրության արժանանում:
Մեծ չափսերի
օգտագործումը
հիերարխիկ տեսանկյունից
ուշադրություն գրավելու
արդյունավետ միջոց է:
Մեծ օբյեկտները առավել
կարևոր են, քան փոքր
էլեմենտները, դիտողական
տեսանկյունից:
Ինչից սկսել

18. Web
Design
գույն: կարող է ավելացնել կազմակերպումն ու
անհատականությունը
Թավ, հակապատկեր
գույների օգտագործումը
կարող է հատուկ
ուշադրության
արժանացնել էլեմենտը:
Փարթամ, խթանիչ
գույները կարող են
զգացմունքային դարձնել
էջը: Գույնը կարելի է
օգտագործել կայքում
հատուկ ինֆորմացիայի
համար:
Ինչից սկսել

19. Web
Design
Հակադրություն: ցույց է տալիս հարաբերական
կարևորություն
Ընդգծված
տառատեսակը կամ
գույնը հաղորդում են
տեքստին որոշակի
ուշադրություն: Բաց
ֆոնից մուգը փոխելով
ստանում ենք
առնաձնացված
միջնամաս և էջի ներքևի
մաս:
Ինչից սկսել

20. Web
Design
Հավասարեցումը: էլեմենտների միջև կարգ ու
կանոն
Հավասարեցումը
ստեղծում է հիերարխիկ
դերեր մենյուի,
բովանդակության ու
կողամասի համար:
Օգտվողները դրա
միջոցով առանձնացնում
են իրենց անհրաժեշտ
ինֆորմացիան:
Ինչից սկսել

21. Web
Design
կրկնություն: ավելացնում է էլեմենտների
ժառանգական պատկանելությունը
Եթե ​​«վերնագիրը»
մոխրագույն, երբ
օգտագործողը տեսնում է մի
նոր բլոկ, որ մոխրագույն է
ենթադրում է, որ դա
հիմնական բլոկի
շարունակությունն է: երբ
այդ նույն օգտվողը տեսնում
է կապույտ հղում կամ սև
վերնագիրը, նա կմտածի որ
գորշ տեքստից տարբեր է իր
կարևորությամբ:
Ինչից սկսել

22. Web
Design
Մոտիկություն: առանձնացնում է էլեմենտները
Էջում կարող են լինել
առանձնացված
տարածքներ, որոնք ևս
ունեն հիերարխիկ
կառուցվածքէ վերնագիր,
ենթավերնագիր,
պարունակություն:
Մոտիկությունը նունպես
նմանատիպ
բովանդակության
դասավորման մի միջոց է:
Ինչից սկսել

23. Web
Design
Խտություն և տարածություն:
էջի դասավորությունը ոճը
Երբ էջում շատ են
էլեմենտները, դրանց
դասավորվածությունը կարող
է խախտվել: Երբ էջը ունի
նորմալ դասավորվածություն,
անզեն աչքով նույնիս կարելի
է նկատել էլեմենտների
դասավորվածությունը:
Էլեմենտների ճիշտ
դասավորվածությունը
դարձնում է էջը գրավիչ:
Ինչից սկսել

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

25. Փորձի՛ր ինքդ
LeanIT.am կայքում կան առցանց ինֆորմացիա
և օրինակներ, որոնք ավելի հասանելի
կդարձնեն ուսումնառությունը:
Web
Design
Ինչից սկսել