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

Содержание

Слайд 2

веб-дизайн,
кольорова гама,
навігація,
браузер,
статична веб-сторінка

Основні питання

веб-дизайн, кольорова гама, навігація, браузер, статична веб-сторінка Основні питання

Слайд 3

1. Які є способи створення сайтів?
2. Що таке хостинг?
3. Де «знаходиться» редактор

1. Які є способи створення сайтів? 2. Що таке хостинг? 3. Де
веб-сайтів?
4. Які можливості має система керування вмістом сайту?
5. У чому полягає процес реєстрації?
6. Що таке сервіс Веб 2.0?
7. Які принципи Веб 2.0?

Питання на повторення

Слайд 4

сторінки мають виражену приналежність до всього сайту,
легко орієнтуватися,
пошук інформації не є

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

Як грамотно, красиво та доступно оформити сайт?

Стильний веб-сайт означає:

Слайд 5

Веб-дизайн (від англ. Web design) — галузь веб-розробки і різновид дизайну, завданням

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

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

У результаті перетину двох галузей людської діяльності веб-дизайнер повинен бути знайомий з останніми веб-технологіями і мати відповідні художні здібності.

Веб-дизайн

Слайд 6

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

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

Кольорова гама —

Основи веб-дизайну Графічне оформлення сайту має пов’язуватись із загальною кольоровою гамою. Кольорова
вона починається з вибору тих трьох кольорів сторінки, які використовуються для подання основного тексту, звичайних і відвіданих посилань.

Абзац — бажано, щоб мав перевагу вирівнювання на сторінці

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

Шрифт — у межах одного веб-сайту не повинен багато розбіжностей за такими характеристиками, як гарнітура

Слайд 7

Кольорова гама

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

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

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

Слайд 8

Кольорова гама

вживання кольору повинно відповідати елементарним правилам логіки.

Як дібрати кольори для

Кольорова гама вживання кольору повинно відповідати елементарним правилам логіки. Як дібрати кольори
сайту?

Важливо пам’ятати про таке:

яскравість, тон і насиченість кольору мають відповідати фірмовому стилю сайту;

колір слід добирати з урахуванням на аудиторію цього ресурсу;

кількість використовуваних кольорів не повинна перевищувати трьох;

кольори, що використовуються на сайті, повинні взаємодіяти і гармоніювати між собою;

Слайд 9

Кольорова гама

метод використання прилеглих кольорів.

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

метод використання прилеглих

Кольорова гама метод використання прилеглих кольорів. Можливі такі методи поєднання кольорів: метод
кольорів;

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

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

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

Слайд 10

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

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

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

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

Третє правило — потрібно використовувати тільки стандартні шрифти Arial, Times New Roman, Courier.

Слайд 11

Основи веб-дизайну.
Практична робота
«Автоматизоване створення веб-сайту»

Основи веб-дизайну. Практична робота «Автоматизоване створення веб-сайту»
Имя файла: Основи-веб-дизайну.pptx
Количество просмотров: 149
Количество скачиваний: 0