Виражальні засоби у композиційній структурі освітнього Інтернет-ресурсу

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

Рубрика Программирование, компьютеры и кибернетика
Вид статья
Язык украинский
Дата добавления 26.11.2023
Размер файла 1,9 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Харківська державна академія дизайну і мистецтв

ВИРАЖАЛЬНІ ЗАСОБИ У КОМПОЗИЦІЙНІЙ СТРУКТУРІ ОСВІТНЬОГО ІНТЕРНЕТ-РЕСУРСУ

Олена КУРЦЕВА,

аспірантка кафедри графічного дизайну

Харків

Анотація

виражальний освітній інтернет композиціний

Стаття присвячена дослідженню системи виражальних засобів на прикладі композиційної структури освітніх Інтернет-ресурів. Авторка розглядає освітні портали та сайти у фокусі художньої комунікації, що при цьому має чітко виражену функціональну спрямованість та є невід'ємною від практик користування. Підкреслено, що утилітарна змістовність контенту освітнього порталу не може існувати поза межами естетики, а в більш широкому сенсі, - поза межами художніх репрезентацій. Краса та користь співіснують як функціональна модель.

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

Висновки. Просторово-композиційна структура мережевого ресурсу спирається на засади екранної композиції, яка має чимало відмінностей у порівнянні із композиційними рішеннями друкованого розвороту поліграфічного видання. Мережеве споживання інформації змінює практику застосування поліграфічних принципів роботі із просторово-композиційними рішеннями. Проведене дослідження дозволяє виокремити наступні компоненти: 1) динамізм та інтерактивність мережевої інформації; 2) гнучкі просторово-композиційні налаштування, що дозволяють користувачеві коригувати елементи форми змісту; 3) інтеграція у мережу та похідні від цього візуальні властивості (приміром, естетика гіперпосилань, яка за визначенням відсутня в друкованому дизайні). Важливе значення для побудови просторово-композиційних рішень має параметр композиційної поведінки елементів, що розглядається авторкою як один із ключових механізмів у розв'язанні завдання створення якісного дизайну.

Ключові слова: освітній Інтернет-ресурс, виражальні засоби у веб-дизайні, композиція веб-сторінки, Інтернет-естетика.

Annotation

Olena KURTSEVA, Graduate Student at the Department of Graphic Design Kharkiv State Academy of Design and Arts (Kharkov, Ukraine)

MEANS OF EXPRESSION IN THE COMPOSITION STRUCTURE OF THE EDUCATIONAL INTERNET RESOURCE

The article is devoted to the study of the system of expressive means on the example of the composition of educational Internet resources. The author examines educational portals and sites in the context of artistic communication. From her point of view, this problem has a clearly expressed functional orientation and cannot be separated from the practices of using the Internet. It is emphasized that the utilitarian content of the educational portal cannot exist outside the boundaries of aesthetics. In a broader sense, it does not exist outside of artistic representations. Beauty and utility coexist as afunctional model.

The analyzed sources allow us to assert that means of expression are the basic tool of the process of use in all its various aspects: from entertainment to education. This inseparability of artistic and functional means is generally characteristic of the field of design, but it is especially relevant for graphic design and multimedia practices.

Conclusions. The spatial and compositional structure of the network resource is based on the principles of screen composition. The screen artistic structure has many differences compared to the compositional solutions of the printed edition. Network consumption of information changes the practice of applying polygraphic principles to work with spatial and compositional solutions. The conducted research makes it possible to single out the following components: 1) dynamism and interactivity of network information; 2) flexible spatial and compositional settings that allow the user to adjust the elements of the content form; 3) network integration and visual properties derived from it (for example, the aesthetics of hyperlinks, which by definition is absent in printed design). The parameter of the compositional behavior of the elements, which is considered by the author as one of the key mechanisms in solving the task of creating a high-quality design, is of great importance for the construction of spatial and compositional solutions.

Key words: educational Internet resource, expressive means in web design, web page composition, Internet aesthetics.

Постановка проблеми

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

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

Інтернет є відносно новою технологією, яка швидко стала цінним інструментом масової комунікації та пред'явлення інформації. При цьому як і будь-яка інша медійна структура, мережа інтернет формувалася не на порожньому місці. Саме це визначило активні запозичення з тих сфер дизайну та візуальної комунікації, які вже існували на момент формування мережевої культури. У першу чергу, це книжкова та журнальна графіка, а також загалом усі існуючі в «до інтернетівську» епоху феномени мультимедіа. Норми та принципи, встановлені цими сферами побутування естетики, швидко знайшли своє віддзеркалення в інтернет-культурі, що помітно впливає на систему виражальних засобів освітніх веб-ресурсів.

Аналіз досліджень

Історіографія питання має очевидну нерівномірність в сторону більшої актуалізації дослідження функціональних властивостей освітніх Інтернет-ресурсів (зокрема, практики юзабіліті). Натомість, наукові публікації, в яких запропонована проблематика аналізу системи виражальних засобів, не є мейнстрімними. Відтак, у межах сформульованої нами постановки питання, ми спиралися на англомовну історіографію. У цьому колі досліджень виділимо роботи Лісбет Торлацій (Thorlacius, L.), Елен Брейдж (Brage, E.), Іди Енгхольм (Engholm, I.) та інших вчених.

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

Виклад основного матеріалу

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

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

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

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

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

Для прикладу, розглянемо сайт Гарвардського університету (США, Масачусетс), в дизайні якого присутні класичні «друковані» виражальні засоби.

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

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

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

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

Важливо відмітити, що гіперпосилання у сторінці змісту не є традиційними кнопками, а натомість представлені у вигляді авторських цитат із збільшеними маніскульними знаками «лапок», що також є класичним журнальним прийомом. Якщо до цього переліку додати використання інверсій кольору між позитивним та негативним простором основних площин екранну, практичну відсутність модульної верстки та умовно вільне моделювання елементів у межах екранної площини, стають зрозумілими виражальні засоби дизайну такого типу. На наше переконання, вони націлені на створення відповідного режиму сприйняття інформації, що можна охарактеризувати відомою тріадою інтелектуально-емотивного дизайну, характерного для американського графічної культури початку - середини нульових років: класично, виважено, стильно (рис. 1).

Рис. 1 Інститут архітектури Гарвардського університету (США, Масачусетс)

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

Розвиток веб-сайтів як художніх систем, і в 1990-ті, і в 2000-ні роки був пов'язаний із технічними пріоритетами протоколів браузерів та мережі інтернет загалом. Тому історія розвитку просторово-композиційних форм сайтів впритул орієнтована на техніко-технологічну еволюцію.

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

На наш погляд, варто виділити два основі принципи, які в цілому характеризують зазначену тенденцію.

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

Ф. Хонг пояснює цю особливість відсутністю інструментів для створення структури на вебсторінках, що на початку існування Інтернету спонукало дизайнерів звертатися до елементів таблиці. (Hong, Р, 2018: 370 р.).

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

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

Так, композиційно-просторові рішення в дизайні сайту Школи мистецтв у Глазго (Шотландія) не тільки спирається на принципи модульної сітки, але й використовує її видимі елементи в якості художньо-стильових компонентів (рис. 2).

Прикладом некоректного застосування цього принципу у сегменті освітніх інтернет-ресурсів, є веб-портал Київського національного університету імені Тараса Шевченка.

Ресурс надзвичайно жорстко регламентований прямокутними модулями і таблицями, які домінують практично на всій глибині перегляду. Послідовна ліва виключка ілюстративних комірок та, відповідно, розгортка тестових блоків горизонтально вправо, безмовно, посилює форми сприйняття інформації. Проте вона виконана, скоріше, у нормі подання технічної інформації і не розрахована на будь-які художні форми юзабіліті. В даному разі, автори дизайну очевидно не взяли до уваги, що «таблицями можна маніпулювати, аби організовувати та координувати дизайнрішення» (Almasude, A., & Almasude, J., 2002: 21), що таблична структура має бути гнучкою і не домінувати у системі повідомлень.

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

Геометрична композиційно-просторова організація має свою пластичну основу, яка взаємодіє у межах визначених форм та площин. Не зважаючи на те, що застосування такого принципу призводить до домінування прямокутних форм, це не має критичного значення для функціонального користування. Проте змінює ефекти сприйняття інформації та звужують художньо-стильові засади дизайну.

Зазначена проблема розглядається дослідниками в різноманітних аспектах. На наш погляд, цікавим варіантом її подолання саме як проблеми засобів виразності освітній інтернет-ресурів, є концепція позитивного та негативного простору в композиційній структурі веб-сайтів (Almasude, A., & Almasude, J., 2002: 15-16).

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

Рис. 2 Школа мистецтв у м. Глазго (Шотландія)

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

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

Прикладом застосування такого принципу є Нова школа Парсонс (Нью-Йорк, США), портал якої побудовано максимально пластично. Прості геометричні форми виконують роль як фреймів для фотоілюстративного матеріалу, так і є елементами інфографіки або шрифтових композицій (рис. 3).

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

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

Рис. 3 Нова школа Парсонс (Нью-Йорк, США)

Рис. 4 Академія мистецтв Брери (м. Мілан, Італія)

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


Подобные документы

  • Серверна мова програмування PHP. База даних MySQL. Мова та стандарти XML. Рівні та способи взаємодії засобів розробки. Засоби трансформації XML. Розробка інтернет-додатку з використанням PHP, MYSQL, XML. Розрахунок трудомісткості створення системи.

    дипломная работа [1,8 M], добавлен 19.08.2012

  • Комплексна обробка просторово-розподілених ресурсів мережі Інтернет. Системи інформаційного моніторингу в мережі. Обґрунтування технологій, розробка системи інтеграції Інтернет-контенту для конкурентного середовища ринку праці. Оцінювання систем аналізу.

    дипломная работа [763,8 K], добавлен 14.07.2013

  • Комплекс функційних вимог майбутнього продукту графічного дизайну. Закони і засоби композиції, використовувані в процесі побудови композиційної структури. Організація і зв'язок окремих елементів твору в одне ціле. Тональне, колористичне вирішення проекту.

    курсовая работа [2,2 M], добавлен 31.05.2014

  • Аналіз технологій створення web-сайтів з їх позитивними і негативними якостями. Застосування інструментальних систем. Ресурси для просування інших сайтів і заробітка в Інтернеті. Порівняння WordPress, Drupal та Joomla. Фізичне розташування та доступність.

    дипломная работа [471,2 K], добавлен 11.01.2017

  • Розгляд поняття електронного освітнього ресурсу. Дослідження особливостей написання макросів засобами Visual Basic for Аpplications для використання у розробці розкладу студентів. Створення програми, яка демонструє використання офісного програмування.

    курсовая работа [687,2 K], добавлен 18.03.2015

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

    реферат [34,0 K], добавлен 11.06.2010

  • Загальна характеристика, роль та значення Інтернет-банкінгу та Інтернет-трейдінгу в Україні. Статистичні дані електронного банкінгу. Приклад формування портфелю акцій російських емітентів (шляхом купівлі акцій) за допомогою системи РОСБИЗНЕСКОНСАЛТИНГ.

    контрольная работа [3,6 M], добавлен 28.09.2010

  • Просування освітніх послуг кафедри маркетингу як невід’ємний елемент залучення абітурієнтів. Методи та способи просування послуг та товарів в мережі Інтернет. Розроблення медіа-плану для просування реклами кафедри. Аналіз головних протипожежних заходів.

    дипломная работа [5,2 M], добавлен 11.12.2012

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

    магистерская работа [95,3 K], добавлен 20.01.2013

  • Текст як базова одиниця комп’ютерно-опосередкованої комунікації. Гіпертекст як прояв тексту в мережі Інтернет. Гіпертекстуальність як загальний, словниковий та лінгвістичний термін. Wikipedia як найпопулярніша онлайн енциклопедія у всесвітній павутинні.

    курсовая работа [1,1 M], добавлен 20.05.2015

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.