Тема: Поняття про засоби автоматичного розроблення веб-сайтів, редактор веб-сайтів з графічним інтерфейсом.

Переглянути відео  https://www.youtube.com/watch?v=jxejn7LmgD4

Прочитати матеріал і вивчити:

Веб-дизайн (від англ. Web design) — галузь веб-розробки і різновид дизайну, завданням якого є проектування призначених для користувача веб-інтерфейсів для сайтів або веб-додатків. Веб-дизайнери проектують логічну структуру веб-сторінок, продумують найзручніші рішення подання інформації та художньо оформляють веб-проект. У результаті перетину двох галузей людської діяльності веб-дизайнер повинен бути знайомий з останніми веб-технологіями і мати відповідні художні здібності.

Основи веб-дизайну

Слід виділити такі елементи, які використовують для створення стилю:

• шрифт — у межах одного веб-сайту він не повинен мати багато розбіжностей за такими характеристиками, як гарнітура (написання), кегль (розмір букв), колір;
• абзац — бажано, щоб мав перевагу який-небудь один з видів вирівнювання на сторінці, наприклад відступ з лівого краю або вирівнювання вліво;
• графічне оформлення сайту має пов’язуватись із загальною кольоровою гамою. Для цього треба продумати його концепцію. Усі графічні елементи можна поділити на два великі класи: мальовані і фото, які не треба змішувати. Якщо ви використовуєте фотокартки, необхідно попередньо здійснити їх обробку, тонову і кольорову корекцію, кадрування, вибрати розмір зображення;
• навігація веб-сторінкою — власне вона не дає змогу користувачеві загубитися на сайті. Завжди потрібно залишати відвідувачеві можливість перейти на головну сторінку сайту. Не слід забувати, що більшість користувачів потрапляють на сторінки через пошукові системи, тобто не на першу сторінку, і гарний сайт завжди дозволяє перейти на першу сторінку, тому необхідно дублювати навігаційну систему на всіх сторінках і забезпечити перехід на головну сторінку. Якщо навігаційна панель виконується графічними засобами, обов’язково треба зробити текстову копію і розмістити її внизу (текстовий матеріал у будь-якому випадку завантажується швидше за графіку);
• кольорова гама — вона починається з вибору тих трьох кольорів сторінки, які використовуються для подання основного тексту, звичайних і відвіданих посилань.

Кольорова гама повторюється, і таким чином у користувача створюється почуття зв’язності, єдності сайту.

Дотримання цих правил дозволить надати сторінкам професійного вигляду і зробить інформацію офіційного сайту доступною і корисною.

Як дібрати кольори для сайту?

Щоб визначити колірне рішення, важливо пам’ятати про таке:

• яскравість, тон і насиченість кольору мають відповідати фірмовому стилю сайту;
• колір слід добирати з урахуванням орієнтування на аудиторію цього ресурсу;
• кількість використовуваних кольорів за можливості не повинна перевищувати трьох;
• кольори, що використовуються на сайті, повинні взаємодіяти і гармоніювати між собою;
• вживання кольору повинно відповідати елементарним правилам логіки.

Окремим пунктом слід виділити добирання кольору для тексту. Текст обов’язково повинен бути читабельним, але не обов’язково чорним. Просто достатньо, щоб він був у контексті з іншими кольорами й не затьмарювався ними.

Кольори потрібно використовувати дуже обережно. Не слід брати занадто багато кольорів. Хоча треба зауважити, що поєднання несумісних кольорів іноді призводить до вражаючого ефекту!

Можливі такі методи поєднання кольорів:

• метод використання прилеглих кольорів;
• метод використання протилежних кольорів, контрастність;
• метод використання природних поєднань кольорів;
• метод використання кольору різного ступеня насиченості;
• метод використання прилеглих кольорів.

Маються на увазі довколишні кольори в колірному колі. Це традиційне добирання кольору за візуальною сумісністю.

Метод використання протилежних кольорів, контрастність

Дуже добре поєднуються кольори, протилежні один одному. Тому такий метод досить часто використовують художники й дизайнери, наприклад, у рекламі.

Метод використання природних поєднань кольорів

Часом несподівані колірні рішення нам дає сама природа. Тому, щоб дібрати відтінки, достатньо добре поглянути по сторонах і скористатися тим, що існує в природі.

Метод використання кольору різного ступеня насиченості

Дуже добре виглядають у поєднанні різні відтінки одного кольору. Іноді подібний спосіб дає досить приємний ефект, підкреслює важливі елементи і надає відчуття легкості.

Добирання колірного рішення — один з важливих компонентів у дизайні та формуванні фірмового стилю. Дібравши кольори, не полінуйтеся протестувати макет вашого майбутнього сайту на своїх знайомих, друзях і родичах. Прислухайтеся до їх порад і рекомендацій, вони далекі від сайтобудування, тому зможуть дати вам найбільш об’єктивну оцінку. Головне в цьому складному питанні: колірна гама не повинна втомлювати або акцентувати на собі увагу. В іншому поєднання кольорів обмежується тільки фантазією і смаком дизайнера.

Правила дизайнерів

Перше правило професійного веб-дизайнера: він має знати, як виглядають створені ним сторінки в усіх популярних браузерах та їх версіях.

Друге правило професійного веб-дизайнера: він має передбачити, як виглядатимуть створені сторінки з урахуванням кольору. За необхідності потрібно створювати сторінки з використанням тільки безпечної палітри. Сайт може бути дуже гарним, проте його не побачать. Навігація має залишатися простою і зрозумілою — якщо меню має вигляд картинки, то потрібно забезпечити всі картинки підписами або продублювати меню текстовими посиланнями внизу сторінки.

Третє правило — потрібно використовувати тільки стандартні шрифти, які поставляються з Windows і гарантовано знаходяться на машині клієнта. Це Arial, Times New Roman, Courier. Недотримання цього правила призводить до некоректного відображення вмісту сторінки.