Принципы и постулаты прикладного веб-дизайна

Определения веб-дизайна и его основные визуальные, психологические, логические и эстетические принципы (баланс и контрастность, значимость и подчиненность, направление внимания, повторение и ритм, единство, целесообразность, простота и удобство).

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

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

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

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

Министерство образования и науки, молодежи и спорта Украины

Киевский национальный торгово-экономический университет

Кафедра экономической кибернетики и информационных систем

РЕФЕРАТ

на тему:

«Принципы и постулаты прикладного веб-дизайна»

Выполнила:

студентка IV курса,

3 группы ФЕМП

Сикачина Алина

Киев 2013

Существует множество определений веб-дизайна:

Веб-дизайн - это процесс производства веб-сайтов, который включает техническую разработку, структурирование информации, визуальный (графический) дизайн и доставку по сети.

Веб-дизайн - отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.

Веб-дизайн - вид графического дизайна, направленный на разработку и оформление объектов Интернета, направленный обеспечить им высокие потребительские свойства и эстетические качества.

Web-дизайн находится в постоянном движении: с каждым годом он развивается и видоизменяется под воздействием всевозможных факторов, обрастая новыми интересными инструментами и оставляя позади все старое и неактуальное. В целом, суть веб-дизайна сводится к двум требованиям - это удобство и эстетика.

Чтобы иметь успех занимаясь веб-дизайном и все дизайнерские элементы смотрелись гармонично обязательно нужно знать и следовать основным принципам веб-дизайна. Именно они определяют правила взаимодействия всех елементов.

Простота, удобство и практичность, а не визуальный дизайн, определяют успех или провал любого веб-сайта. Так как именно пользователь -- единственный, кто кликает мышкой и, таким образом, принимает все решения. И удобная навигация веб-сайта сделает его привлекательным для интернет-пользоватилей.

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

Что касается цветов, используемых при веб-дизайне, то больше 3х-4х цветов в оформлении использовать не нужно. Кроме того цвет шрифта и фон необходимо соотносить. Текст должен быть легко читаем. Как правило, используют черный и синий цвета шрифта.

Нужно помнить что первое впечатление на пользователей производит Главная страница сайта. Она обязательно должна быть привлекательной и обеспечить пользователя анонсами полезной информации.

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

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

К основным принципам веб-дизайна относятся:

-баланс;

-контрастность;

-значимость;

-подчиненность;

-направление внимания;

-повторение и ритм;

-единство;

-целесообразность;

-простота и удобство.

Чем больше внимания вы будете уделять этим принципам, тем более удачным в итоге получится ваш дизайн. Однако, имейте в виду, что эти принципы - не рецепт, а скорее ориентиры, по которым вы должны следовать на пути создания успешного дизайна.

Баланс - это равновесие взаимодействующих или противоположных сил в композиции. Не должно возникать ощущения что какая-то одна ее часть доминирует над другими. Баланс можно достичь с помощью правильного размещения обьектов (по размеру, цвету…). Баланс может быть симметричным (рис.1) , асимметричным (рис.2) и радиальным (обьекты расходятся с одной точки).

Балансировка является одним из тонких аспектов дизайна, к которому многие веб-дизайнеры прибегают инстинктивно. Стоит обратить внимание на следующий аспект. Чрезмерное наполнение странички различной информацией (тексты, анекдоты, реклама и пр.) наверняка отпугнет определенных посетителей. Равно как и многообразие картинок и фотографий, мерцающих, как новогодняя ёлка.

Рис.1

Рис.2

Контраст - это взаимодействие противоположных элементов композиции, таких как цвет, размер, текстура и т.д. Примеры контраста: большой и маленький, толстый и тонкий (рис.3), черный и белый.

Если элементы дизайна будут контрастировать между собой, это придаст визуальное разнообразие сайту и позволит избежать заурядности в его внешнем виде. Контрастирование также позволяет привлекать внимание, обеспечивая акцент на определенных элементах.

Рис.3

Значимость и подчиненность - этот принцип предполагает выделение (акцентирование внимания), так называемого, центра интереса, на котором предлагается сосредоточить внимание зрителя. Важно избежать акцентирования на всем сразу, что бы внимание пользователя не рассеивалось (рис. 4).

Акцентирование - это подчеркивание особой важности или значимости какого-либо элемента. Во многом оно тесно связано, а то и совпадает с понятием иерархии. Чтобы соблюсти в процессе создания сайта принцип акцентирования, необходимо проанализировать содержимое сайта и выяснить, какая иерархия элементов имеет место в его содержимом.

Рис.4

Направление внимания пользователей. По сути, это управление движением взгляда зрителя во время его перемещения по сайту, что бы привлечь его внимание к значимым элементам (рис.5). Делать это нужно ненавязчиво, но при этом последовательно и целенаправленно.

Рис. 5

Повторение и ритм предполагает неоднократное использование в дизайне веб-страниц одних и тех же элементов разными способами (рис.6). Дизайн, который содержит повторения, становится унифицированным. Повторение может выражаться во множестве форм, включая использование того же цвета, очертаний, линий, шрифтов, изображений и общего подхода к стилизации.

Зачастую соблюдение данного принципа оказывается неизбежным, поскольку если дизайн не включает в себя повторяющихся элементов, то это обычно свидетельствует о том, что он лишен логической связанности. Повторение несет в себе такое огромное преимущество, как предсказуемость. Пользователь ожидает увидеть уже знакомые ему вещи, если в ключевых элементах дизайна прослеживаются согласованность и постоянство.

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

Рис.6

Единство в разнообразии. Предполагает сочетание разнообразных элементов композиции в единую целостную структуру, подчиненную единой концепции (рис 7). Все части композиции должны быть соподчинены друг другу.

Рис. 7

Целесобразность. Любой авторский замысел и весь строй сайта должны быть подчинены какой-то идее, цели и задаче. Также дизайн сайта в обязательном порядке должен отвечать его назначению. Структура элементов должна поддаваться законам логики и быть уместной.

Простота и удобство. Проанализировав лидирующие сайты можно сделать вывод, что к успеху приводит простота. Создать элементарный в использовании, но удобный и функциональный сайт действительно сложно. Именно простота привлекает пользователей в веб-сайтах. Им нравится, когда создатели сайта заранее знают, что они хотят, и предлагают им это.

Большинство сайтов для удобства имеют верхнее и левое меню. Такой негласный стандарт облегчает поиск по сайту и является привычным для пользователей. Сайт должен быть максимально понятен и прозрачен для пользователя. Ведь всё гениальное - просто.

Выводы

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

Одно из главных заданий веб-дизайна (как и маркетинга) это привлечь и задержать внимание посетителей (потенциальных клиентов). От того, насколько профессионально оформлен веб-сайт, немало зависит успех конкретного предприятия.

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

Именно для этого и стоит обратиться к основным визуальным, психологическим, логическим и эстетическим принципам веб-дизайна.

визуальный психологический логический эстетический принцип

Список использованных источников

Илья Соболь «Искусство создания и продвижения сайтов

Наташа Клевер. Статья «Основные принципы веб-дизайна и их характеристики»

Наташа Клевер. Статья «Основные принципы создания гармоничной композиции в дизайне»

Патрик Макнейл. Веб-дизайн. Идеи. Секреты. Советы. 2012 г

Размещено на Allbest.ru

...

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

  • Определение понятия дизайна как спроектированной структуры веб-ресурса с оригинальными цветовыми и техническими решениями, обеспечивающей эстетическое восприятие и удобство пользования сайтом. Использование программы Adobe Photoshop для создания графики.

    контрольная работа [17,6 K], добавлен 22.11.2011

  • Особенности дизайна газеты, этапы и основные принципы реализации ее авторского дизайна. Управление слоями в Диспетчере объектов в программе CorelDRAW, создание слоя-шаблона. Наложение теней и растушевок. Этапы верстки текста многострочной публикации.

    контрольная работа [705,2 K], добавлен 20.05.2011

  • Этапы развития веб-дизайна. Виды и типы веб-сайтов, теоретические аспекты их создания. Структура веб-сайта и его страниц. Процесс и результат разработки веб-дизайна. Создание сайта факультета архитектуры и дизайна Кубанского государственного университета.

    дипломная работа [4,6 M], добавлен 10.11.2015

  • Санитарно-гигиенические требования к кабинету истории: комплекту мебели и аппаратуре. Организация рабочих мест учителя и обучающихся и принципы оформления интерьера кабинета. Использование Microsoft Excel для создания проекта дизайна в программе ArCon.

    реферат [710,5 K], добавлен 13.11.2011

  • Основные принципы дизайна классов в объектно-ориентированном проектировании: единственной обязанности, открытости-закрытости, подстановки Барбары Лизков, разделения интерфейса, инверсии зависимостей. Понятие быстрой разработки программ Мартина Роберта.

    презентация [57,5 K], добавлен 05.01.2014

  • Возможность работы с текстовыми редакторами только для создания небольших WEB-страниц. Теория Web-дизайна и его история. Редактор DreamWeaver, его особенности. Основные требования, предъявляемые к Web-странице. Предпосылки возникновения DreamWeaver.

    курсовая работа [576,1 K], добавлен 12.06.2009

  • Использование трехмерного моделирования при проектировании и разработке дизайна интерьера. Повторение геометрической формы объекта в трехмерной графике, имитация материала наложением текстур. Имитация естественного освещения при моделировании комнаты.

    курсовая работа [4,3 M], добавлен 03.06.2014

  • Основные тенденции современного развития информатики, её культурологические связи со средовым дизайном. Инновационные концепции в формообразовании, суть дигитального, виртуального дизайна виды голограмм и влияние робототехники на средовой дизайн.

    автореферат [10,5 M], добавлен 24.11.2010

  • История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.

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

  • Задача web-дизайна любого сайта. С чего начинается сайт. Разрешение экрана и разметка страниц. Оптимизация под 1024х768 и большие экраны. Главные ошибки WEB-дизайна. Вставки большого текста. Способы форматирования Web-страниц. Проблемы с читаемостью.

    реферат [796,2 K], добавлен 31.03.2013

  • Особенности дизайна газеты. Использование визуальных эффектов: прозрачность, падающая тень, обработка углов. Управление слоями в Диспетчере объектов. Создание слоя-шаблона. Наложение теней и растушевок. Форматирование текста, размещение изображений.

    курсовая работа [4,9 M], добавлен 30.05.2014

  • Требования к интерьеру кальянной комнаты. Выбор и описание восточного стиля для разработки дизайна. Создание в графическом редакторе Corel Draw эскиза плана помещения, развертки стен помещения. Определение основных цветов. Выбор необходимых атрибутов.

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

  • Web-дизайн, web-страница, основы строения сайта. Текстовые редакторы для разработки Web приложений. Стандартные средства разработки для Unix систем. Профессиональные среды разработки и их ответвления. Визуальные редакторы для разработчиков Web.

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

  • Возможности программы Adobe Photoshop в web-дизайне, графический редактор. Понятие и правила web-дизайна. Рисование и верстка, оптимизация изображений при экспорте в форматы. Создание шаблона сайта к 65-летию победы, особенности размещения информации.

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

  • Виды и структура художественного проектирования. Феномен и специфика графического дизайна. Закономерности и принципы формообразования объектов художественного проектирования. Основные средства композиции. Этапы процесса художественного проектирования.

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

  • Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.

    дипломная работа [129,4 K], добавлен 11.03.2010

  • Основные понятия web-технологий. Разработка дизайна сайта, анализ программных средств для его разработки. Создание шаблона с помощью гипертекстового языка html и CMS joomla для верстки станиц. Разработка динамической модели и размещение на хостинге.

    дипломная работа [6,9 M], добавлен 04.06.2013

  • Изучение истории развития и становления 3D-технологий с середины XX века до нашего времени. Основные инструменты 3D-программы. Игры как направление современного компьютерного дизайна. Способы применения 3D-технологий в оформлении игровой составляющей.

    курсовая работа [7,3 M], добавлен 14.10.2016

  • Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.

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

  • Основные принципы работы и назначение флеш-памяти, история ее создания, технология изготовления и применение в цифровых устройствах. Обзор и характеристика существующих стандартов: удобство и польза. Флеш-память: особенности туннелирования и стирания.

    реферат [90,3 K], добавлен 27.11.2011

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