SlideShare a Scribd company logo
За матеріалами блогу 
ru.wix.com
• Реклама, банери, іконки, спливаючі вікна, 
кнопки й багато іншого - часом цього стає 
занадто багато. Так чому б не дати 
користувачам вашого сайту відпочити від 
усього цього? Постарайтеся зробити все 
якомога простішим й мінімалістичним, 
виділяючи лише найважливіший контент. 
Часом чим менше, тим краще.
• Робіть записи у голові або на папері про те, 
що ви хотіли б використовувати на вашому 
сайті. Може, вам подобається дизайн 
сторінки «Новини» у когось на сайті? 
Це може бути щось не таке значне, як 
наприклад, іконка стрілки, яка вказує на 
важливу інформацію. Подумайте, як ви 
зможете використати це у вашому дизайні.
• Візуальна ієрархія - шлях, який допоможе 
вам привернути увагу до важливого 
контенту на сайті. Згідно з візуальною 
ієрархію, наш погляд рухається зверху вниз 
й зліва направо. 
• Розподіляйте контент на сторінці 
правильно:
• Текстова інформація відіграє значну роль 
на сайті. Вона дає необхідну інформацію, 
тому важливо, щоб користувачам було 
легко читати тексти на вашому сайті. 
• Існує декілька простих правил, які 
допоможуть вам у написанні легких 
для сприйняття текстів:
• Використовуйте поєднувані кольори. Наприклад, 
використовувати шрифт кремового кольору на білому 
фоні не варто, інакше читання може викликати 
головний біль, а то і зовсім відіб'є бажання читати. 
При застосуванні нової колірної схеми двічі перевірте, 
наскільки легко читається ваш текст. 
• Не використовуйте занадто дрібний шрифт. 
Користувачі не повинні напружувати свій зір, щоб 
прочитати ваш текст (оптимальний вибір: не менше 
10px, не більше 14-16px). 
• Дотримуйтесь обраних шрифтів. Виробіть певний 
стиль, в якому б використовувалися максимум 3, 
а краще навіть 2 шрифти. Якщо хочете домогтися 
досконалості, використовуйте шрифти, які легко 
читаються, щоб ваші тексти не виглядали, як 
китайська грамота.
• Ці прості, але в той же час важливі елементи 
задають тон всьому сайту. Враховуючи це, 
вам варто як слід подумати над їх вибором. 
Можна: використовуйте колірну схему і фон, 
які добре працюють разом, відповідають 
структурі та ієрархії контенту на сайті. 
Не можна: уникайте використання занадто 
великої кількості різних кольорів і не 
використовуйте фон, який перетягував би на 
себе увагу з основних ілюстрацій і тексту.

More Related Content

Similar to 5 професійних порад з веб-дизайну

нові медіа
нові медіанові медіа
нові медіа
Oleg Khomenok
 
Створюємо презентації правильно
Створюємо презентації правильноСтворюємо презентації правильно
Створюємо презентації правильно
Педагогічний Коледж
 
конспект
конспект конспект
конспект TANYA1512
 
Ефективне блоговедення на ГУРТі
Ефективне блоговедення на ГУРТіЕфективне блоговедення на ГУРТі
Ефективне блоговедення на ГУРТі
Jmenka Kravchenko
 
Ефективне блоговедення на ГУРТі
Ефективне блоговедення на ГУРТіЕфективне блоговедення на ГУРТі
Ефективне блоговедення на ГУРТі
GURT Resource Centre
 

Similar to 5 професійних порад з веб-дизайну (6)

нові медіа
нові медіанові медіа
нові медіа
 
Створюємо презентації правильно
Створюємо презентації правильноСтворюємо презентації правильно
Створюємо презентації правильно
 
конспект
конспект конспект
конспект
 
Hovorukhina
HovorukhinaHovorukhina
Hovorukhina
 
Ефективне блоговедення на ГУРТі
Ефективне блоговедення на ГУРТіЕфективне блоговедення на ГУРТі
Ефективне блоговедення на ГУРТі
 
Ефективне блоговедення на ГУРТі
Ефективне блоговедення на ГУРТіЕфективне блоговедення на ГУРТі
Ефективне блоговедення на ГУРТі
 

More from Tali78

Михайло Грушевський – видатний український історик, громадський та політичний...
Михайло Грушевський – видатний український історик, громадський та політичний...Михайло Грушевський – видатний український історик, громадський та політичний...
Михайло Грушевський – видатний український історик, громадський та політичний...
Tali78
 
Михайло Грушевський
Михайло ГрушевськийМихайло Грушевський
Михайло Грушевський
Tali78
 
Грушевський Михайло Сергійович
Грушевський Михайло СергійовичГрушевський Михайло Сергійович
Грушевський Михайло Сергійович
Tali78
 
Погляди видатних українських істориків
Погляди видатних українських істориківПогляди видатних українських істориків
Погляди видатних українських істориків
Tali78
 
ДНЗ «Ясна поляна»
ДНЗ «Ясна поляна»ДНЗ «Ясна поляна»
ДНЗ «Ясна поляна»
Tali78
 
Дошкільний навчальний заклад №26 «Рябінка»
Дошкільний навчальний заклад №26 «Рябінка»Дошкільний навчальний заклад №26 «Рябінка»
Дошкільний навчальний заклад №26 «Рябінка»
Tali78
 
How the government works this one
How the government works this oneHow the government works this one
How the government works this one
Tali78
 
Welcome to Ukraine!
Welcome to Ukraine!Welcome to Ukraine!
Welcome to Ukraine!
Tali78
 
Ознакомление с сервисом видеохостинга
Ознакомление с сервисом видеохостингаОзнакомление с сервисом видеохостинга
Ознакомление с сервисом видеохостинга
Tali78
 
Інноваційні технології в корекції дисграфії у молодших школярів
Інноваційні технології в корекції дисграфії у молодших школярівІнноваційні технології в корекції дисграфії у молодших школярів
Інноваційні технології в корекції дисграфії у молодших школярів
Tali78
 
Національно-патріотичне виховання школярів
Національно-патріотичне виховання школярів Національно-патріотичне виховання школярів
Національно-патріотичне виховання школярів
Tali78
 
Серпнева педагогічна конференція
Серпнева педагогічна конференціяСерпнева педагогічна конференція
Серпнева педагогічна конференція
Tali78
 
Буклет Корпоративне управління
Буклет Корпоративне управлінняБуклет Корпоративне управління
Буклет Корпоративне управління
Tali78
 
Корпоративне управління
Корпоративне управління Корпоративне управління
Корпоративне управління
Tali78
 
Програма родинного виховання «Сімейне коло»
Програма родинного виховання «Сімейне коло» Програма родинного виховання «Сімейне коло»
Програма родинного виховання «Сімейне коло»
Tali78
 
Планування роботи клсного керівника
Планування роботи клсного керівникаПланування роботи клсного керівника
Планування роботи клсного керівника
Tali78
 
Урок-гонки за темою «Дії з дробами»
Урок-гонки за темою «Дії з дробами»Урок-гонки за темою «Дії з дробами»
Урок-гонки за темою «Дії з дробами»
Tali78
 
Дослідницький практикум «Як живуть мурахи»
Дослідницький практикум «Як живуть мурахи»Дослідницький практикум «Як живуть мурахи»
Дослідницький практикум «Як живуть мурахи»
Tali78
 
Лабораторна робота «Виготовлення й градуювання шкали динамометра»
Лабораторна робота «Виготовлення й градуювання шкали динамометра»Лабораторна робота «Виготовлення й градуювання шкали динамометра»
Лабораторна робота «Виготовлення й градуювання шкали динамометра»
Tali78
 
Футбольна команда «Динамо»
Футбольна команда «Динамо»Футбольна команда «Динамо»
Футбольна команда «Динамо»
Tali78
 

More from Tali78 (20)

Михайло Грушевський – видатний український історик, громадський та політичний...
Михайло Грушевський – видатний український історик, громадський та політичний...Михайло Грушевський – видатний український історик, громадський та політичний...
Михайло Грушевський – видатний український історик, громадський та політичний...
 
Михайло Грушевський
Михайло ГрушевськийМихайло Грушевський
Михайло Грушевський
 
Грушевський Михайло Сергійович
Грушевський Михайло СергійовичГрушевський Михайло Сергійович
Грушевський Михайло Сергійович
 
Погляди видатних українських істориків
Погляди видатних українських істориківПогляди видатних українських істориків
Погляди видатних українських істориків
 
ДНЗ «Ясна поляна»
ДНЗ «Ясна поляна»ДНЗ «Ясна поляна»
ДНЗ «Ясна поляна»
 
Дошкільний навчальний заклад №26 «Рябінка»
Дошкільний навчальний заклад №26 «Рябінка»Дошкільний навчальний заклад №26 «Рябінка»
Дошкільний навчальний заклад №26 «Рябінка»
 
How the government works this one
How the government works this oneHow the government works this one
How the government works this one
 
Welcome to Ukraine!
Welcome to Ukraine!Welcome to Ukraine!
Welcome to Ukraine!
 
Ознакомление с сервисом видеохостинга
Ознакомление с сервисом видеохостингаОзнакомление с сервисом видеохостинга
Ознакомление с сервисом видеохостинга
 
Інноваційні технології в корекції дисграфії у молодших школярів
Інноваційні технології в корекції дисграфії у молодших школярівІнноваційні технології в корекції дисграфії у молодших школярів
Інноваційні технології в корекції дисграфії у молодших школярів
 
Національно-патріотичне виховання школярів
Національно-патріотичне виховання школярів Національно-патріотичне виховання школярів
Національно-патріотичне виховання школярів
 
Серпнева педагогічна конференція
Серпнева педагогічна конференціяСерпнева педагогічна конференція
Серпнева педагогічна конференція
 
Буклет Корпоративне управління
Буклет Корпоративне управлінняБуклет Корпоративне управління
Буклет Корпоративне управління
 
Корпоративне управління
Корпоративне управління Корпоративне управління
Корпоративне управління
 
Програма родинного виховання «Сімейне коло»
Програма родинного виховання «Сімейне коло» Програма родинного виховання «Сімейне коло»
Програма родинного виховання «Сімейне коло»
 
Планування роботи клсного керівника
Планування роботи клсного керівникаПланування роботи клсного керівника
Планування роботи клсного керівника
 
Урок-гонки за темою «Дії з дробами»
Урок-гонки за темою «Дії з дробами»Урок-гонки за темою «Дії з дробами»
Урок-гонки за темою «Дії з дробами»
 
Дослідницький практикум «Як живуть мурахи»
Дослідницький практикум «Як живуть мурахи»Дослідницький практикум «Як живуть мурахи»
Дослідницький практикум «Як живуть мурахи»
 
Лабораторна робота «Виготовлення й градуювання шкали динамометра»
Лабораторна робота «Виготовлення й градуювання шкали динамометра»Лабораторна робота «Виготовлення й градуювання шкали динамометра»
Лабораторна робота «Виготовлення й градуювання шкали динамометра»
 
Футбольна команда «Динамо»
Футбольна команда «Динамо»Футбольна команда «Динамо»
Футбольна команда «Динамо»
 

Recently uploaded

Безбар’єрність в бібліотеці – суспільна норма
Безбар’єрність в бібліотеці – суспільна нормаБезбар’єрність в бібліотеці – суспільна норма
Безбар’єрність в бібліотеці – суспільна норма
ssuser15a891
 
Майстер графічного малюнку. Георгій Якутовича
Майстер графічного малюнку. Георгій ЯкутовичаМайстер графічного малюнку. Георгій Якутовича
Майстер графічного малюнку. Георгій Якутовича
НБУ для дітей
 
Топ книг для літнього настрою: рекомендаційні списки літератури для позакласн...
Топ книг для літнього настрою: рекомендаційні списки літератури для позакласн...Топ книг для літнього настрою: рекомендаційні списки літератури для позакласн...
Топ книг для літнього настрою: рекомендаційні списки літератури для позакласн...
Чернівецька обласна бібліотека для дітей
 
Зернобобові культури в Україні: сучасний стан та перспективи використання
Зернобобові культури в Україні: сучасний стан та перспективи використанняЗернобобові культури в Україні: сучасний стан та перспективи використання
Зернобобові культури в Україні: сучасний стан та перспективи використання
Vinnytsia Regional Universal Scientific Library named after Valentin Otamanovsky
 
курсова робота теорема Штольца з математики
курсова робота теорема Штольца з математикикурсова робота теорема Штольца з математики
курсова робота теорема Штольца з математики
ssuser3a363c
 
Випуск магістрів- науковців факультету мехатроніки та інжинірингу, 2024 р.
Випуск магістрів- науковців факультету мехатроніки та інжинірингу, 2024 р.Випуск магістрів- науковців факультету мехатроніки та інжинірингу, 2024 р.
Випуск магістрів- науковців факультету мехатроніки та інжинірингу, 2024 р.
tetiana1958
 
№ 133, 04.06.2024, підсумки методичної роботи з учителями школи у 2023-2024 ...
№ 133,  04.06.2024, підсумки методичної роботи з учителями школи у 2023-2024 ...№ 133,  04.06.2024, підсумки методичної роботи з учителями школи у 2023-2024 ...
№ 133, 04.06.2024, підсумки методичної роботи з учителями школи у 2023-2024 ...
olha1koval
 
Проєкт "Подорож містами України". Буковина
Проєкт "Подорож містами України". БуковинаПроєкт "Подорож містами України". Буковина
Проєкт "Подорож містами України". Буковина
НБУ для дітей
 
Звіт директора КЗО "СЗШ №124" ДМР 2023-2024 н.р.
Звіт директора КЗО "СЗШ №124" ДМР 2023-2024 н.р.Звіт директора КЗО "СЗШ №124" ДМР 2023-2024 н.р.
Звіт директора КЗО "СЗШ №124" ДМР 2023-2024 н.р.
Pervushina1983
 
"Він плакав і сміявся з народом: творчий спадок Федьковича"
"Він плакав і сміявся з народом: творчий спадок Федьковича""Він плакав і сміявся з народом: творчий спадок Федьковича"
"Він плакав і сміявся з народом: творчий спадок Федьковича"
Чернівецька обласна бібліотека для дітей
 
Оригінал. Переклад. Види перекладів. Допомога учню
Оригінал. Переклад. Види перекладів. Допомога учнюОригінал. Переклад. Види перекладів. Допомога учню
Оригінал. Переклад. Види перекладів. Допомога учню
Adriana Himinets
 
Постанова №648 уряду від 04 червня 2024 року. .pdf
Постанова №648 уряду від 04 червня 2024 року. .pdfПостанова №648 уряду від 04 червня 2024 року. .pdf
Постанова №648 уряду від 04 червня 2024 року. .pdf
24tvua
 
Передвиборча програма Ковальової Катерини
Передвиборча програма Ковальової КатериниПередвиборча програма Ковальової Катерини
Передвиборча програма Ковальової Катерини
tetiana1958
 
Звіт директора за 2023-2024 н. р. [Автозбережено].ppt
Звіт директора  за 2023-2024 н. р. [Автозбережено].pptЗвіт директора  за 2023-2024 н. р. [Автозбережено].ppt
Звіт директора за 2023-2024 н. р. [Автозбережено].ppt
ssuser59c0a2
 
06.06.2024 ТСЛ Медичні довідки для закладів освіти.pdf
06.06.2024 ТСЛ Медичні довідки для закладів освіти.pdf06.06.2024 ТСЛ Медичні довідки для закладів освіти.pdf
06.06.2024 ТСЛ Медичні довідки для закладів освіти.pdf
ssuser46127c
 
zarahuvannia do pershogo klassu IMG_20240607_0001.pdf
zarahuvannia do pershogo klassu IMG_20240607_0001.pdfzarahuvannia do pershogo klassu IMG_20240607_0001.pdf
zarahuvannia do pershogo klassu IMG_20240607_0001.pdf
AleksSaf
 
Віртуальна виставка «Батько – це сила і мудрість».
Віртуальна виставка «Батько – це сила і мудрість».Віртуальна виставка «Батько – це сила і мудрість».
Віртуальна виставка «Батько – це сила і мудрість».
Vinnytsia Regional Universal Scientific Library named after Valentin Otamanovsky
 
Звіт керівника закладу за 2023-2024.pptx
Звіт керівника закладу за 2023-2024.pptxЗвіт керівника закладу за 2023-2024.pptx
Звіт керівника закладу за 2023-2024.pptx
ssuserd0ab23
 
Р.Л.Стівенсон "Вересовий трунок". Презентація
Р.Л.Стівенсон "Вересовий трунок". ПрезентаціяР.Л.Стівенсон "Вересовий трунок". Презентація
Р.Л.Стівенсон "Вересовий трунок". Презентація
Adriana Himinets
 
Звіт за результатами самооцінювання щодо освітнього середовища
Звіт за результатами самооцінювання щодо освітнього середовищаЗвіт за результатами самооцінювання щодо освітнього середовища
Звіт за результатами самооцінювання щодо освітнього середовища
ssuserce4e97
 

Recently uploaded (20)

Безбар’єрність в бібліотеці – суспільна норма
Безбар’єрність в бібліотеці – суспільна нормаБезбар’єрність в бібліотеці – суспільна норма
Безбар’єрність в бібліотеці – суспільна норма
 
Майстер графічного малюнку. Георгій Якутовича
Майстер графічного малюнку. Георгій ЯкутовичаМайстер графічного малюнку. Георгій Якутовича
Майстер графічного малюнку. Георгій Якутовича
 
Топ книг для літнього настрою: рекомендаційні списки літератури для позакласн...
Топ книг для літнього настрою: рекомендаційні списки літератури для позакласн...Топ книг для літнього настрою: рекомендаційні списки літератури для позакласн...
Топ книг для літнього настрою: рекомендаційні списки літератури для позакласн...
 
Зернобобові культури в Україні: сучасний стан та перспективи використання
Зернобобові культури в Україні: сучасний стан та перспективи використанняЗернобобові культури в Україні: сучасний стан та перспективи використання
Зернобобові культури в Україні: сучасний стан та перспективи використання
 
курсова робота теорема Штольца з математики
курсова робота теорема Штольца з математикикурсова робота теорема Штольца з математики
курсова робота теорема Штольца з математики
 
Випуск магістрів- науковців факультету мехатроніки та інжинірингу, 2024 р.
Випуск магістрів- науковців факультету мехатроніки та інжинірингу, 2024 р.Випуск магістрів- науковців факультету мехатроніки та інжинірингу, 2024 р.
Випуск магістрів- науковців факультету мехатроніки та інжинірингу, 2024 р.
 
№ 133, 04.06.2024, підсумки методичної роботи з учителями школи у 2023-2024 ...
№ 133,  04.06.2024, підсумки методичної роботи з учителями школи у 2023-2024 ...№ 133,  04.06.2024, підсумки методичної роботи з учителями школи у 2023-2024 ...
№ 133, 04.06.2024, підсумки методичної роботи з учителями школи у 2023-2024 ...
 
Проєкт "Подорож містами України". Буковина
Проєкт "Подорож містами України". БуковинаПроєкт "Подорож містами України". Буковина
Проєкт "Подорож містами України". Буковина
 
Звіт директора КЗО "СЗШ №124" ДМР 2023-2024 н.р.
Звіт директора КЗО "СЗШ №124" ДМР 2023-2024 н.р.Звіт директора КЗО "СЗШ №124" ДМР 2023-2024 н.р.
Звіт директора КЗО "СЗШ №124" ДМР 2023-2024 н.р.
 
"Він плакав і сміявся з народом: творчий спадок Федьковича"
"Він плакав і сміявся з народом: творчий спадок Федьковича""Він плакав і сміявся з народом: творчий спадок Федьковича"
"Він плакав і сміявся з народом: творчий спадок Федьковича"
 
Оригінал. Переклад. Види перекладів. Допомога учню
Оригінал. Переклад. Види перекладів. Допомога учнюОригінал. Переклад. Види перекладів. Допомога учню
Оригінал. Переклад. Види перекладів. Допомога учню
 
Постанова №648 уряду від 04 червня 2024 року. .pdf
Постанова №648 уряду від 04 червня 2024 року. .pdfПостанова №648 уряду від 04 червня 2024 року. .pdf
Постанова №648 уряду від 04 червня 2024 року. .pdf
 
Передвиборча програма Ковальової Катерини
Передвиборча програма Ковальової КатериниПередвиборча програма Ковальової Катерини
Передвиборча програма Ковальової Катерини
 
Звіт директора за 2023-2024 н. р. [Автозбережено].ppt
Звіт директора  за 2023-2024 н. р. [Автозбережено].pptЗвіт директора  за 2023-2024 н. р. [Автозбережено].ppt
Звіт директора за 2023-2024 н. р. [Автозбережено].ppt
 
06.06.2024 ТСЛ Медичні довідки для закладів освіти.pdf
06.06.2024 ТСЛ Медичні довідки для закладів освіти.pdf06.06.2024 ТСЛ Медичні довідки для закладів освіти.pdf
06.06.2024 ТСЛ Медичні довідки для закладів освіти.pdf
 
zarahuvannia do pershogo klassu IMG_20240607_0001.pdf
zarahuvannia do pershogo klassu IMG_20240607_0001.pdfzarahuvannia do pershogo klassu IMG_20240607_0001.pdf
zarahuvannia do pershogo klassu IMG_20240607_0001.pdf
 
Віртуальна виставка «Батько – це сила і мудрість».
Віртуальна виставка «Батько – це сила і мудрість».Віртуальна виставка «Батько – це сила і мудрість».
Віртуальна виставка «Батько – це сила і мудрість».
 
Звіт керівника закладу за 2023-2024.pptx
Звіт керівника закладу за 2023-2024.pptxЗвіт керівника закладу за 2023-2024.pptx
Звіт керівника закладу за 2023-2024.pptx
 
Р.Л.Стівенсон "Вересовий трунок". Презентація
Р.Л.Стівенсон "Вересовий трунок". ПрезентаціяР.Л.Стівенсон "Вересовий трунок". Презентація
Р.Л.Стівенсон "Вересовий трунок". Презентація
 
Звіт за результатами самооцінювання щодо освітнього середовища
Звіт за результатами самооцінювання щодо освітнього середовищаЗвіт за результатами самооцінювання щодо освітнього середовища
Звіт за результатами самооцінювання щодо освітнього середовища
 

5 професійних порад з веб-дизайну

  • 2. • Реклама, банери, іконки, спливаючі вікна, кнопки й багато іншого - часом цього стає занадто багато. Так чому б не дати користувачам вашого сайту відпочити від усього цього? Постарайтеся зробити все якомога простішим й мінімалістичним, виділяючи лише найважливіший контент. Часом чим менше, тим краще.
  • 3. • Робіть записи у голові або на папері про те, що ви хотіли б використовувати на вашому сайті. Може, вам подобається дизайн сторінки «Новини» у когось на сайті? Це може бути щось не таке значне, як наприклад, іконка стрілки, яка вказує на важливу інформацію. Подумайте, як ви зможете використати це у вашому дизайні.
  • 4. • Візуальна ієрархія - шлях, який допоможе вам привернути увагу до важливого контенту на сайті. Згідно з візуальною ієрархію, наш погляд рухається зверху вниз й зліва направо. • Розподіляйте контент на сторінці правильно:
  • 5.
  • 6. • Текстова інформація відіграє значну роль на сайті. Вона дає необхідну інформацію, тому важливо, щоб користувачам було легко читати тексти на вашому сайті. • Існує декілька простих правил, які допоможуть вам у написанні легких для сприйняття текстів:
  • 7. • Використовуйте поєднувані кольори. Наприклад, використовувати шрифт кремового кольору на білому фоні не варто, інакше читання може викликати головний біль, а то і зовсім відіб'є бажання читати. При застосуванні нової колірної схеми двічі перевірте, наскільки легко читається ваш текст. • Не використовуйте занадто дрібний шрифт. Користувачі не повинні напружувати свій зір, щоб прочитати ваш текст (оптимальний вибір: не менше 10px, не більше 14-16px). • Дотримуйтесь обраних шрифтів. Виробіть певний стиль, в якому б використовувалися максимум 3, а краще навіть 2 шрифти. Якщо хочете домогтися досконалості, використовуйте шрифти, які легко читаються, щоб ваші тексти не виглядали, як китайська грамота.
  • 8. • Ці прості, але в той же час важливі елементи задають тон всьому сайту. Враховуючи це, вам варто як слід подумати над їх вибором. Можна: використовуйте колірну схему і фон, які добре працюють разом, відповідають структурі та ієрархії контенту на сайті. Не можна: уникайте використання занадто великої кількості різних кольорів і не використовуйте фон, який перетягував би на себе увагу з основних ілюстрацій і тексту.