| [перевірена версія] | [очікує на перевірку] |
|
|
| − |
[[Файл:MG 9067.JPG|thumb|Веб-дизайнери показують результат роботи]] |
+ |
[[Файл:MG 9067.JPG|thumb|Вебдизайнери показують результат роботи]] |
| − |
'''Веб-дизайн''' ({{lang-en|web design}}) — галузь [[Веб-розробка|веброзробки]], що охоплює цілий ряд напрямів і дисциплін із створення та [[Супровід програмного забезпечення|супроводу]] [[сайт]]ів або [[веб-застосунок|вебзастосунків]], таких як графічний вебдизайн, проєктування [[Інтерфейс користувача|інтерфейсів]], авторинг (у тому числі стандартизований код і [[власницьке програмне забезпечення]]), [[використовність]] та [[оптимізація для пошукових систем]]. Найчастіше виконання різних етапів процесу веб-дизайну забезпечують відповідні спеціалісти (менеджер проекту, [[дизайн]]ер, [[Веб-програмування|веб-програміст]], веб-майстер тощо), хоча деякі вебдизайнери можуть виконувати усе самостійно. Термін ''веб-дизайн'' зазвичай використовують для опису проектування й реалізації [[Front end та back end|клієнтської частини]] веб-сайту, включаючи [[Верстка веб-сторінок|верстку]]. |
+ |
'''Вебдизайн''' ({{lang-en|web design}}) — галузь [[Веброзробка|веброзробки]], що охоплює цілий ряд напрямів і дисциплін із створення та [[Супровід програмного забезпечення|супроводу]] [[сайт]]ів або [[вебзастосунок|вебзастосунків]], таких як графічний вебдизайн, проєктування [[Інтерфейс користувача|інтерфейсів]], авторинг (у тому числі стандартизований код і [[власницьке програмне забезпечення]]), [[використовність]] та [[оптимізація для пошукових систем]]. Найчастіше виконання різних етапів процесу вебдизайну забезпечують відповідні спеціалісти (менеджер проекту, [[дизайн]]ер, [[Вебпрограмування|вебпрограміст]], вебмайстер тощо), хоча деякі вебдизайнери можуть виконувати усе самостійно. Термін ''вебдизайн'' зазвичай використовують для опису проектування й реалізації [[Front end та back end|клієнтської частини]] вебсайту, включаючи [[Верстка вебсторінок|верстку]]. |
| |
|
|
|
| |
== Інструменти і технології == |
|
== Інструменти і технології == |
| − |
[[Файл:Responsive design - Commons Android app.jpg|thumb|Приклад [[адаптивний веб-дизайн|адаптивного дизайну]] у застосунку Вікісховища для Android]] |
+ |
[[Файл:Responsive design - Commons Android app.jpg|thumb|Приклад [[адаптивний вебдизайн|адаптивного дизайну]] у застосунку Вікісховища для Android]] |
| − |
На кожному етапі створення сайту веб-дизайнери послуговуються різними інструментами. З часом ці інструменти зазнають оновлення у відповідності до нових стандартів і програмного забезпечення, однак принципи їхнього застосування залишаються сталими. У графічному веб-дизайні використовують пакети [[Векторна графіка|векторної]] й [[Растрова графіка|растрової]] графіки для створення прототипів зображень чи дизайну у форматі для [[Всесвітнє павутиння|веб]]. До технологій, використовуваних при створенні веб-сайтів, належить стандартизована розмітка, яку пишуть вручну чи генерують за допомогою [[Редактор HTML|редакторів]] [[WYSIWYG]]. Для перевірки позиціювання сайту у пошукових системах та його покращення застосовують інструменти оптимізації для пошукових систем. |
+ |
На кожному етапі створення сайту вебдизайнери послуговуються різними інструментами. З часом ці інструменти зазнають оновлення у відповідності до нових стандартів і програмного забезпечення, однак принципи їхнього застосування залишаються сталими. У графічному вебдизайні використовують пакети [[Векторна графіка|векторної]] й [[Растрова графіка|растрової]] графіки для створення прототипів зображень чи дизайну у форматі для [[Всесвітнє павутиння|веб]]. До технологій, використовуваних при створенні вебсайтів, належить стандартизована розмітка, яку пишуть вручну чи генерують за допомогою [[Редактор HTML|редакторів]] [[WYSIWYG]]. Для перевірки позиціювання сайту у пошукових системах та його покращення застосовують інструменти оптимізації для пошукових систем. |
| |
|
|
|
| − |
До інструментів веб-дизайну належать також [[валідатор]]и розмітки та інші засоби [[Тестування програмного забезпечення|тестування]] використовності й доступності, які дозволяють пересвідчитися у тому, що сайт відповідає стандартам веб. |
+ |
До інструментів вебдизайну належать також [[валідатор]]и розмітки та інші засоби [[Тестування програмного забезпечення|тестування]] використовності й доступності, які дозволяють пересвідчитися у тому, що сайт відповідає стандартам веб. |
| |
|
|
|
| |
[[Файл:Z order.svg|thumb|Порядок накладання елементів по осі Z]] |
|
[[Файл:Z order.svg|thumb|Порядок накладання елементів по осі Z]] |
| |
|
|
|
| − |
== Правила веб-дизайну == |
+ |
== Правила вебдизайну == |
| − |
Оскільки дизайн містить елементи мистецтва та інженерії, на нього розповсюджуються їхні правила, що можуть забезпечити створення якісних макетів та мокапів для мережевих видань. Одне з основних правил вказує, що дизайн має ціль і залежно від задач, обираються засоби. Таким чином дизайном є не оформлення вебсторінок, а конструкторська діяльність, що покликана реалізувати заздалегідь визначні цілі. Існують правила, щодо необхідної кількості кольорів та шрифтів у макеті, симетрії, відступів, порядку подачі матеріалів тощо. В Україні правилами веб-дизайну займався дизайнер та викладач кафедри Мережевих видань і медіадизайну Інституту журналістики КНУ ім. Тараса Шевченка [[Салига Павло]]. |
+ |
Оскільки дизайн містить елементи мистецтва та інженерії, на нього розповсюджуються їхні правила, що можуть забезпечити створення якісних макетів та мокапів для мережевих видань. Одне з основних правил вказує, що дизайн має ціль і залежно від задач, обираються засоби. Таким чином дизайном є не оформлення вебсторінок, а конструкторська діяльність, що покликана реалізувати заздалегідь визначні цілі. Існують правила, щодо необхідної кількості кольорів та шрифтів у макеті, симетрії, відступів, порядку подачі матеріалів тощо. В Україні правилами вебдизайну займався дизайнер та викладач кафедри Мережевих видань і медіадизайну Інституту журналістики КНУ ім. Тараса Шевченка [[Салига Павло]]. |
| |
|
|
|
| |
== Див. також == |
|
== Див. також == |
| |
* [[HTML]] |
|
* [[HTML]] |
| |
* [[CSS]] |
|
* [[CSS]] |
| − |
* [[Адаптивний веб-дизайн|Адаптивний вебдизайн]] |
+ |
* [[Адаптивний вебдизайн|Адаптивний вебдизайн]] |
| |
* [[JavaScript]] |
|
* [[JavaScript]] |
| |
* [[Adobe Flash]] |
|
* [[Adobe Flash]] |
|
|
| |
{{commonscat|Web design}} |
|
{{commonscat|Web design}} |
| |
* [http://w3.org W3C — Web Standards] {{ref-en}} |
|
* [http://w3.org W3C — Web Standards] {{ref-en}} |
| |
+ |
*[https://html-css.co.ua/ Електронний довідник CSS і HTML] {{Ref-uk}} |
| |
|
|
|
| |
== Література == |
|
== Література == |
| − |
* Веб-дизайн: підруч. для студ. вищ. навч. закл. / О. В. Пасічник, В. В. Пасічник ; за заг. ред. В. В. Пасічника ; М-во освіти і науки України. — Л. : Магнолія 2006, 2010. — 519 с. : іл. — (Серія «Комп'ютинг»). — ISBN 978-966-2025-33-0 |
+ |
* Вебдизайн: підруч. для студ. вищ. навч. закл. / О. В. Пасічник, В. В. Пасічник ; за заг. ред. В. В. Пасічника ; М-во освіти і науки України. — Л. : Магнолія 2006, 2010. — 519 с. : іл. — (Серія «Комп'ютинг»). — ISBN 978-966-2025-33-0 |
| |
|
|
|
| |
+ |
{{Вебсайти}} |
| − |
{{Веб-сайти}} |
|
| |
|
|
|
| |
[[Категорія:Інтернет]] |
|
[[Категорія:Інтернет]] |
| − |
[[Категорія:Веб-дизайн|*]] |
+ |
[[Категорія:Вебдизайн|*]] |
