3. Психология цвета в мультимедийном продукте

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

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

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

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

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

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

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

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

4. Создание мультимедийного продукта средствами html

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

Текстовые документы, содержащие разметку на языке HTML, обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются InternetExplorer, MozillaFirefox, AppleSafari, GoogleChrome и Opera. Наиболее развитым и оптимизированным на данный момент является Google Chrome, поэтому, исходя из соображений технологичности продукта, следует отдавать предпочтение именно этому браузеру.

1. Структура HTML документа

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

Страница, написанная языком HTML - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag – специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Веб-документа. Теги браузером не отображаются, пользователь видит только готовую просчитанную страницу.

Все теги начинаются с символа '<' и заканчиваются символом '>'. Именно по ним браузер понимает, что перед ним тег, содержание которого он расшифровывает, получая знания о правилах работы с содержимым открывающего тега <> и закрывающего </>:

Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать объявление HTML, заголовочная часть, тело документа.

Объявление HTML -<HTML> и </HTML>. Этот тег сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <HTML> (в самом начале документа), а последним - </HTML> (в самом конце документа).

Заголовочная часть - <HEAD> и </HEAD>. В этом теге располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках «Избранное (BookMark)». Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>.

Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.

2. Web-дизайн

Web-дизайн (от англ. webdesign) — отрасль web-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских web-интерфейсов для сайтов или web-приложений. web-дизайнеры проектируют логическую структуру web-страниц, продумывают наиболее удобные решения подачи информации, а также занимаются художественным оформлением web-проекта. В результате пересечения двух отраслей человеческой деятельности грамотный web-дизайнер должен быть знаком с последними web-технологиями и обладать соответствующими художественными качествами. Неотъемлемыми составляющими Web-дизайна.

1. Основные принципыWeb-дизайна

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

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

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

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

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

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

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

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

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

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

Иерархия в разы снижает сложность (Закон Саймана): чем качественнее весь контент сайта преобразован в иерархию, тем легче он будет восприниматься пользователями.

2. Каскадные таблицы стилей

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.

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

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