<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving and Interchange DTD v1.4 20241031//EN" "https://jats.nlm.nih.gov/archiving/1.4/JATS-archive-oasis-article1-4-mathml3.dtd">
<article xmlns:ali="http://www.niso.org/schemas/ali/1.0/" xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="https://jats.nlm.nih.gov/archiving/1.4/xsd/JATS-archive-oasis-article1-4-mathml3.xsd" article-type="research-article" xml:lang="ru">
  <front>
    <journal-meta>
      <journal-id journal-id-type="publisher">637</journal-id>
      <journal-title-group>
        <journal-title>Архитектон: известия вузов. №2 (22) Июнь, 2008</journal-title>
      </journal-title-group>
      <issn></issn>
      <publisher>
        <publisher-name></publisher-name>
      </publisher>
    </journal-meta>
    <article-meta>
                  <article-id pub-id-type="other">877</article-id>
            <title-group>
        <article-title xml:lang="ru">СТИЛЕВЫЕ ТЕНДЕНЦИИ В СОВРЕМЕННОМ ДИЗАЙНЕ WEB-СРЕДЫ</article-title>
              </title-group>
      <contrib-group>
                <contrib contrib-type="author">
                    <name>
            <surname>Зудина</surname>
            <given-names>Елена Алексеевна</given-names>
          </name>
                    <xref ref-type="aff" rid="aff1"/>
                                      </contrib>
                                        <trans-contrib contrib-type="author" xml:lang="en">
                            <name>
                <surname></surname>
                <given-names></given-names>
              </name>
                                        </trans-contrib>
                          </contrib-group>

            <aff id="aff1">
                        <institution xml:lang="ru">аспирант.  Научный руководитель: доктор искусствоведения, профессор Е.Э. Павловская.  УралГАХА</institution>              </aff>
      
      <pub-date date-type="pub" iso-8601-date="2008-06-29" publication-format="print">
        <day>29</day>
        <month>06</month>
        <year>2008</year>
      </pub-date>

                        
      
      <permissions xml:lang="ru">
        <copyright-statement>© 2008 </copyright-statement>
        <copyright-year>2008</copyright-year>
        <copyright-holder></copyright-holder>
                <license xlink:href="https://creativecommons.org/licenses/by-sa/4.0/" license-type="open-access">
          <ali:license_ref xmlns:ali="http://www.niso.org/schemas/ali/1.0/">https://creativecommons.org/licenses/by-sa/4.0/</ali:license_ref>
          <license-p>Лицензия Creative Commons. © Это произведение доступно по лицензии Creative Commons &quot;Attrubution-ShareALike&quot; (&quot;Атрибуция - на тех же условиях&quot;). 4.0 Всемирная</license-p>
        </license>
              </permissions>
      
      
      <abstract xml:lang="ru">
        <p>Еще в 90-х годах прошлого столетия WEB-дизайн был явлением новым и незнакомым. Сейчас это сформировавшееся направление графического дизайна, именно на его основе и базируется WEB-графика. Главной особенностью современного сайта становится эксклюзивность. В статье предпринята попытка классификации WEB-сайтов по характеру использованных форм в организации WEB-пространства и по характеру графики. Отмечены наиболее популярные стилевые направления.</p>
      </abstract>
      
      <kwd-group kwd-group-type="author-generated" xml:lang="ru">
        <kwd>WEB-сайт</kwd><kwd>WEB-пространство</kwd><kwd>графический дизайн</kwd><kwd>интернет-среда</kwd>      </kwd-group>
      
          </article-meta>
  </front>
  <body>
                  <sec>
                    <p>Глобальная сеть Интернет настолько глубоко проникла в жизнь современного человека, что размещение рекламы или продвижение брэнда через этот канал стало необходимым компонентом почти любой рекламной кампании. WEB-сайт теперь – это не просто возможность публикации информации о деятельности фирмы, а новый способ привлечения потенциальных потребителей, который пополняет свой арсенал все новыми и новыми дизайнерскими приемами визуализации информации.</p><p>Еще в 90-х годах прошлого столетия WEB-дизайн был явлением новым и незнакомым. Сейчас это сформировавшееся направление графического дизайна, именно на его основах и базируется WEB-графика. В силу своих технологических особенностей WEB-дизайн привлекает IT-специалистов, программистов, верстальщиков. Главные отличия WEB-дизайна от любой другой области графического дизайна представляют в основном технические моменты. И это справедливо для любой области графического дизайна. Так, например, дизайнеру-полиграфисту необходимы дополнительные знания технических тонкостей, чтобы грамотно разработать оригинал-макет для наружной рекламы или оформить выставочный стенд. Так и WEB-дизайнеру необходимо знать особенности печатного процесса, чтобы создать полноценную полиграфическую продукцию. Хотя многие основополагающие моменты для всех этих областей общие.</p><p>Главной особенностью современного сайта становится эксклюзивность. Уход от стереотипов влечет за собой отказ от многих, ставших в глазах профессионалов стандартными, элементов, таких как «шапка» сайта, заголовки, таблицы и другие. Взамен появляется все больше экспериментальных, концептуальных сайтов, попадая в пространство которых пользователь должен сначала разгадать некую интригу. Появление таких сайтов стало возможным благодаря совершенствованию программных технологий. Однако такого типа сайты являются скорее арт-проектами и потому подходят не для всех пользователей. Сугубо функциональные, удобные в пользовании сайты всегда будут занимать соответствующую им нишу в WEB-среде.</p><p>В массе появляющихся экспериментальных сайтов, являющимися некими арт-проектами, прослеживаются тенденции современного графического дизайна в целом, они изменяются только лишь под воздействием технологий исполнения. Так, например, появившаяся тенденция использования векторных изображений, в основном в полиграфии и наружной рекламе, нашла отражение и на страницах WEB-сайтов. Ярким примером может служить так называемый стиль WEB 2.0, особенности которого будут раскрыты далее.</p><p>Важно отметить стилевую неоднородность Интернет-среды и небольшой период времени, в котором произошел качественный скачок технологий: от возможности публиковать текст и картинки в Интернет до создания интерактивных, концептуальных WEB-сайтов. Как следствие всего этого – проблема определения четких стилей в Интернет-среде.</p><p>В период зарождения Интернет-культуры в целом главной задачей дизайнера становится поиск индивидуального способа подачи информации в новой для него среде, поэтому неизбежно использование предыдущего опыта, ближе всего к формату WEB-сайта – оформление книги. Поэтому нельзя отрицать сильнейшее влияние книжного, полиграфического дизайна на методы проектирования сайта на начальных этапах становления WEB-дизайна. Общие тенденции графического дизайна и сейчас находят отражение в WEB-дизайне, наряду с этим можно предположить, что и в WEB-дизайне будут зарождаться стили и тенденции, которые в будущем окажут влияние на развитие графического дизайна в целом.</p><p>Переход от сугубо функционального проектирования сайта к концептуальным арт-проектам произошел в период воплощения постмодернистских тенденций в графическом дизайне, когда единый, универсальный, последовательный стиль был растворен во множестве только что появившихся авторских концепций. В результате этого сейчас нельзя выявить четкую классификацию стилей в дизайне WEB-сайтов. Каждая авторская концепция может иметь свое название и формировать свой стиль, поэтому в рамках данной работы будут выделены основные направления в современном дизайне WEB-сайтов.</p><p>Самым распространенным в России, несомненно, является «функциональный» тип WEB-сайта. Основными признаками данного типа являются: функциональный, удобный интерфейс, сдержанное графическое решение, единая, повторяющаяся композиция, цветовые сочетания главной страницы и шаблонность вложенных страниц, что приближает страницу WEB-сайта к уже известным пользователю программным оболочкам. Основная задача таких сайтов – логичность, последовательность и функциональность в представлении информации пользователю.</p><p>Более распространенным на Западе является «экспериментальный» тип сайта. Именно сайты данного типа способны формировать новые стили и тенденции в дизайне WEB-сайтов, так как основными признаками являются: новизна и неформальность подхода в проектировании WEB-сайта; нестандартность в выборе как средств графики, так и способов подачи информации вообще. «Экспериментальный» тип WEB-сайта максимально использует технические и программные новшества, проводит эксперименты с интерфейсом, против чего выступает «функциональный» тип. «Экспериментальный» WEB-сайт ставит себе задачей не столько донести информацию до пользователя в удобной и компактной форме, сколько наиболее ярко представить свою собственную концепцию существования, дать пользователю ощутить полное погружение в виртуальную среду.</p><p>Под «экспериментальный» тип WEB-сайтов попадают сайты, максимально выражающие авторскую концепцию. Основываясь на опыте западных авторов, описывающих тенденции западного WEB-дизайна, «экспериментальные» WEB-сайты можно классифицировать по разным направлениям. Например, классификация по характеру использованных форм в организации WEB-пространства:</p>
        </sec>
              <sec>
          <title>1. Органические Формы.</title>          <p><bold>1. Органические формы.</bold> Характерно использование форм человеческого тела, приемов сочетания неправильных органических форм, техники коллажа, анимированных роликов с абстрактной композицией с заведомо плохим качеством текстурного фона (рис.1).</p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud1.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 1. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.lab404.com</ext-link></p>
        </sec>
              <sec>
          <title>2. Цифровые Формы.</title>          <p><bold>2. Цифровые формы.</bold> Такие WEB-сайты похожи на старые видеоигры или программы. Используются приемы сочетания различных графиков, таблиц, абстрактные композиции из них, фальшивые ссылки и кнопки, пиксельные изображения и угловатое написание слов. Нередко встречаются мотивы разверток картонных коробок, что тоже является своего рода цифровой таблицей, состоящих из отдельных ячеек (рис. 2, рис. 3).</p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud2.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 2. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.testpilotcollective.com/tpc</ext-link></p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud3.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 3. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.sueellen.org/old/</ext-link></p><p>Классифицировать WEB-сайты можно по характеру графики:</p>
        </sec>
              <sec>
          <title>1. Штамповая Графика.</title>          <p><bold>1. Штамповая графика.</bold> Обычно используются полутоновые или двухтоновые изображения, шрифты ручной проработки, неровности, цвет используется для привлечения внимания, анимация на фоне, намеренное неверное расположение навигационной панели (рис. 4).</p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud4.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 4. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.stereomedia.net/she-is-mine.html</ext-link></p>
        </sec>
              <sec>
          <title>2. Плакатная Графика.</title>          <p><bold>2. Плакатная графика.</bold> Используются крупные элементы меню, встроенные в общий вид, лаконичные цветовые пятна, отмечается преобладание векторной графики, наложение векторной графики на растровую, свободное пространство, вся страница выступает полем для выражения возможностей (рис. 5, рис. 6).</p><p>Отдельные примеры сайтов имеют сходство с комиксами для детей (рис. 7, рис. 8)</p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud5.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 5. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.once-upon-a-forest.com</ext-link></p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud6.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 6. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.p2output.com</ext-link></p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud7.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 7. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.metempsychosis.com/mr-eel</ext-link></p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud8.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic>
  						Рис. 8. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.milkyelephant.com</ext-link></p><p>Наряду с подобными тенденциями выделяют достаточно крепко сформированные стилевые направления, такие как:</p>
        </sec>
              <sec>
          <title>1. Пиксельный Дизайн.</title>          <p><bold>1. Пиксельный дизайн.</bold> Для этого направления характерен хаотичный характер композиции, состоящей из пиксельных элементов, визуализация программного кода, использование крупных и искаженных изображений, принцип случайной генерации изображения, движение, неоновые цвета, режущие электронные звуки (рис. 9, рис. 10, рис. 11).</p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud9.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 9. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.day-dream.com</ext-link></p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud10.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 10. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.titler.com</ext-link></p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud11.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 11. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.pixeljam.com</ext-link></p><p> </p>
        </sec>
              <sec>
          <title>2. Web-2.0.</title>          <p><bold>2. WEB-2.0.</bold> Популярный, переходящий в массовое использование стиль визуализации информации. Для данного стилевого направления характерны: простота навигации, скругленные углы, прозрачные тени и градиенты, шрифт без засечек, крупный кегль шрифта, пастельные цвета, глянцевый эффект (рис. 12).</p><p><inline-graphic xlink:href="http://archvuz.ru/files/images/stati/22/zudina/zud12.jpg" xmlns:xlink="http://www.w3.org/1999/xlink"></inline-graphic></p><p>Рис. 12. <ext-link ext-link-type="uri" xlink:href="javascript:if(confirm(">www.feedrinse.com</ext-link></p><p> </p><p>Это далеко не полный список существующих на сегодняшний день тенденций графического решения WEB-сайтов, но они дают наиболее яркое представление о состоянии WEB-дизайна в настоящее время. Большинство представленных примеров принадлежат западным специалистам, это обусловлено превосходящим по времени опытом западных стран в данной области. Оперируя данным материалом, можно сделать вывод о том, что в настоящее время нет четко сформированного, единого графического стиля в WEB-дизайне, он развивается под воздействием как внешних факторов (социальных, культурных и т.д.), так и под влиянием тенденций графического дизайна в целом.</p>
        </sec>
          
    
          <sec>
        <title>Библиографическое описание для цитирования</title>
        <p>Зудина Е.А. СТИЛЕВЫЕ ТЕНДЕНЦИИ В СОВРЕМЕННОМ ДИЗАЙНЕ WEB-СРЕДЫ [Электронный ресурс] / Е.А. Зудина //Архитектон: известия вузов. — 2008. — №2(22). — URL: <ext-link ext-link-type="uri" xlink:href="http://archvuz.ru/2008_2/9" xlink:title="http://archvuz.ru/2008_2/9">ссылка</ext-link> </p>
      </sec>
      </body>

    <back>
    <ref-list>
            <ref id="ref1">
        <label>1</label>
        <mixed-citation xml:lang="ru">1. Бородаев Д. WEB-сайт как объект графического дизайна: Дис. канд. искусст-воведения  /Д. Бородаев; ХГАДИ. — Харьков, 2004. — 232 с.</mixed-citation>
      </ref>
            <ref id="ref2">
        <label>2</label>
        <mixed-citation xml:lang="ru">2. Клонингер К. Свежие стили WEB-дизайна. Как сделать из вашего сайта «конфетку»  /К.Клонингер; Пер. с англ. — М.: ДМК Пресс, 2002. — 224 с.</mixed-citation>
      </ref>
            <ref id="ref3">
        <label>3</label>
        <mixed-citation xml:lang="ru">3. WEB-Design Index. — Amsterdam and Singapore: The Pepin Press/Agile Rabbit Editions, 2001. — 344 p.</mixed-citation>
      </ref>
            <ref id="ref4">
        <label>4</label>
        <mixed-citation xml:lang="ru">4. Cloninger С. Ten fresh styles. <ext-link ext-link-type="uri" xlink:href="http://www.lab404.com/dan/index.html" xlink:title="Cloninger С. Ten fresh styles.">http://www.lab404.com/dan/index.html</ext-link></mixed-citation>
      </ref>
            <ref id="ref5">
        <label>5</label>
        <mixed-citation xml:lang="ru">5. Бородаев Д. Тенденции возникновения и развития стилей в Веб-дизайне [Электронный ресурс] / Сайт. Библиотека сайтостроительства. — Режим доступа: <ext-link ext-link-type="uri" xlink:href="http://www.i2r.ru/static/255/out_23054.shtml" xlink:title="Бородаев Д. Тенденции возникновения и развития стилей в Веб-дизайне [Электронный ресурс] / Сайт. Библиотека сайтостроительства. — Режим доступа:">http://www.i2r.ru/static/255/out_23054.shtml</ext-link></mixed-citation>
      </ref>
          </ref-list>
  </back>
  </article>