Научно-исследовательский ядерный университет
Московский инженерно-физический институт
Факультет «Автоматики и электроники»
Кафедра «Микро - и наноэлектроники»
Курс «Компьютерный практикум»
Свежие стили Web-дизайна
Преподаватель: доцент В.А. Лапшинский
Подготовил: студент А4-11 Григорьев Г.О.
Москва 2014
Аннотация
Данная книга посвящена эстетической стороне Web-дизайна и не является руководством для Web-программирования, связанного с разработкой удобного пользовательского интерфейса. В книге описаны наиболее интересные с точки зрения автора дизайны, как объединение зрительных и акустических средств для воздействия на посетителя сети Интернет. В каждой главе дается описание одного из нетрадиционных стилей, их подробное описание, а также ссылки на известные сайты, созданные в данном стиле.
Глоссарий
Веб-дизайн — вид графического дизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества.
Графический дизайн — художественно-проектная деятельность по созданию гармоничной и эффективной визуально-коммуникативной среды
Баухаус - ведущее направление модернистской архитектурной мысли периода 1930—1960-х гг. Пионерами интернационального стиля были в основном выросшие из эстетики конструктивизма архитекторы.
Ма́нга - японские комиксы, иногда называемые комикку. Манга, в той форме, в которой она существует в настоящее время, начала развиваться после окончания Второй мировой войны, испытав сильное влияние западной традиции, однако имеет глубокие корни в более раннем японском искусстве. Манга составляет один из основных сегментов японской массовой культуры.
Введение
Данный конспект посвящен книге, в которой описываются несколько новых авангардных стилей Web-дизайна. В каждой главе проводится анализ того, как и почему они работают, обсуждение того, насколько данный стиль подходит для реализации коммерческих проектов, разбор технических приемов, характерных для этих стилей. Также детально представлено большое количество практических советов для тех, кто решил воспользоваться одним из предложенных стилей и обсуждаются особенности подготовки графики, расположение материала на Web-странице, выбор цветовой гаммы и многое другое.
Исходя из современных тенденций и стандартов, а также возрастающей популярности мобильных платформ я отобрал несколько наиболее гибких и отзывчивых стилей.
Данная книга предназначена для тех, кто заинтересован в создании современных, запоминающихся и коммерчески успешных Web-страниц.
Готический органический стиль
Готический органический стиль – направление дизайна, которое специализируется на разложении хаоса мира на части. Дизайнеры принимают абстрактный подход «часть вместо целого», который передает и подразумевает беспорядочность жизни без буквального описания всех деталей.
Этот стиль «органичен» в том, что в качестве строительного материала берутся фигуры людей, растительные элементы и другие органические формы и текстуры. Готическая органика сильно отличается от других стилей в этом смысле, поскольку они по своей сути более геометричны.
Готический органический стиль в своей основе рассчитан на эмоциональное воздействие, и более всего подходит для сайтов, специализирующихся на создании имиджа или «раскрутке» торговых марок. Также он подходит для спортивных сайтов, сайтов туристических компаний и любых других, где необходимо погрузить посетителя в атмосферу представляемой среды.
$IMAGE4$
Рис. 1. Пример готического стиля
При создании сайта в готическом органическом стиле самое главное – принять решение о том, какие элементы реальной жизни создадут ощущение «жизни в Сети» наилучшим образом и выбрать наиболее эффективные методы передачи этих элементов, учитывая технические ограничения[1,4,5].
Табличный пиктографический стиль
Табличный пиктографический стиль является своеобразной смесью, состоящей из уважения к стилю Баухаус, любви к картам, графикам и схемам, а также желания использовать ограничения Сети ради забавы и получения выгоды. Свое начало он получил после того, как ди-джей Майк Сина вместе со своими коллегами организовал цифровую типографию Test Pilot Collective. Их шрифты были тщательно проработаны, свежи и зачастую выдержаны в спортивном стиле, что полностью отвечало запросам Сети. Однако пристальное внимание андерграундных Web-стилистов привлекли их талантливо сделанные загрузочные страницы.
Первые загрузочные страницы были отсканированной графикой, такой как штрих-коды, демографическая статистика и другие «случайные объекты». Однако постепенно они стали содержать все больше абстрактных линий и слоев и рисованных «оригинальных» картинок. Цель этого стиля в том, чтобы высмеять преувеличенную интерактивность Сети. Он отлично подходит для любых коммерческих сайтов[1,2,6]
Рис. 2. Пример табличного стиля
Суперминиатюрный стиль
На заре истории домашних ПК мониторы могли показывать только ограниченное число цветов и пикселов. В нынешние времена дизайнеры пиктограмм для рабочего стола тоже периодически сталкиваются со схожими проблемами из-за ограниченного количества пикселов для стандартной пиктограммы, что, впрочем, не мешает созданию удивительно подробных пиктограмм. Целое поколение дизайнеров поставило свой талант на службу дизайну, получив впечатляющие и быстро загружающиеся результаты. Дизайнеры игр 80-х стали любимцами авангарда Web-дизайна.
Рис.3. Пример суперминиатюрного стиля
Суперминиатюрный дизайн характеризуется наличием крохотных цифровых человечков, зданий и предметов, использованию очень маленьких экранных шрифтов и сильного дробления. Он хорошо подходит для оформления веселых подростковых сайтов. Фактически любой сайт, где надо разместить много информации на небольшом пространстве является кандидатом на оформление в данном стиле[1,4,8].
Стиль 1950-х «привет, Китти!»
Если бы у суперминатюрного стиля была старшая сестра, это был бы стиль 1950-х «привет, Китти!». Этот стиль является фанковой смесью японской манги, анимированных персонажей деревянных мультиков и хромировано-металлических прицепов автоприцепов 1950-х. В оформлении стиля часто присутсвуют анимированные трехмерные круглые человечки, прыгющие посреди сюрреалистического окружения. Стиль также известен своими пастельными тонами, неравномерными округленными границами и применением ретрофутуристических шрифтов.
Рис. 4. Пример стиля 1950-х
Этот стиль идеально подходит для сайтов фанатов различных групп и девочек-подростков. Но это только верхушка айсберга. Он также может применяться на сайтах поздравительных открыток, портфолио художников и фотографов, экспериментальных электронных журналов и блогов[1,4,6].
Стиль чертежей и моделей
Наиболее модным стилем оформления среди андерграундных дизайнеров является стиль чертежей и моделей. Сайтам, созданным в чертежном стиле присущи массивные скопления футуристичных форм, плывущих в полупустом пространстве. Трехмерные формы часто сопровождаются неразборчивым текстом, похожим на официальные документы. Созданный по образцу инструкций по использованию предметов и официальных отказов, набранных мелким шрифтом, он создает иллюзию того, что не предназначен для чтения.
Этот стиль является противоположностью стиля «привет, Китти!», вследствие чего намного более популярен у мужчин. Он может найти свое применение на любом рекламном сайте, где необходимо, чтобы представляемая продукция ассоциировалась с ярким технологичным и прекрасным будущим[1,4,7].
Рис. 5. Пример стиля чертежей и моделей
Заключение
Тема данной работы - свежие стили Web-дизайна. Web-дизайн – основной камень преткновения при оформлении сайта, а оформление сайта в Сети, аналогично оформлению магазина. Необходимо представить товар таким образом, чтобы он запомнился и в то же время помнить что сотни людей тоже представляют аналогичную продукцию.
Сеть Интернет – постоянно меняющийся и развивающийся поток идей. Сайты постоянно появляются, перемещаются и исчезают, и одним из главных условий успеха в создании сайта является его дизайн.
Список литературы
1. Курт Клонингер. Свежие стили Web-дизайна: сделать из вашего сайта «конфетку»: Пер. с англ. – М.:ДМК Пресс, 2002 – 192 с.
2.https://ru.wikipedia.org/wiki/%D0%93%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9_%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD – статья о графических стилях
3. https://ru.wikipedia.org/wiki/%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD – статья о Web-дизайне
4. http://www.designonstop.com – статьи о стандартах программирования под html5 и отзывчивых авангардных стилях.
5. http://www.entropy8.com – пример оформления сайта в готическом стиле
6. http://www.testpilotcollective.com/tpc - коллекция авангардных работ
7. http://www.youworkforthem.com/vector/E1867/craftwork-two - пример стиля чертежей и моделей
8. http://www.k10k.com – пример оформления сайта в суперминиатюрном стиле |
