Вопросы по темам занятий
Основы графического дизайна:
1. Перечислите и расскажите о каждом этапе создания интренет-страницы.
Этапы создания веб-сайтов:
1) создание тз (заполнение брифа, где указывают пожелания относительно визуального представления и указания на ошибки старого сайта, приводят примеры сайтов-конкурентов);
2) разработка прототипа сайта (цель прототипа - задать и протестировать расположение элементов на веб - странице с учетом задач сайта и поведением пользователя);
3) дизайн основных и типовых страниц сайта (работа начинается с создания дизайна, создается один или несколько типов дизайна, обычно в графическом редакторе, в соответствии с тз);
4) html версия (утвержденный дизайн передается html-дизайнеру, который создает нарезки сайта);
5) программирование (html-кодер передает html-файлы программисту. Сайты могут создаваться с нуля, либо используя CMS - система управления файлами).
2. Перечислите основные виды интернет-страниц.
Типы страниц:
1 - сайт-визитка (самый простой вид сайта. Сайт такого типа можно сделать даже на простом html без использования системы управления сайтами. Обычно он содержит от 1 до 5 страниц. Сайт, как правило, включает в себя только общую информацию о владельце сайта и его конкурентных сайтов)
2 - корпоративный сайт (полный функционал, представительство компании в интернете. Этот тип сайта лучше всего подходит для серьезных, средних и крупных фирм. Они содержат полную информацию о компании и ее деятельности. Такой тип сайта иногда называют виртуальным офисом, так как посещение сайта сравнимо с общением с менеджером по работе с клиентами)
3 - интернет-магазины (этот вид сайтов аналогичен сайтам-визиткам, сайтам-витринам, но имеет доп. функционал: возможностьзаказать предлагаемый товар прямо через сайт )
4 - промо-сайты (сайты этого типа предназначены для раскрутки и продвижения какого-либо товара или бренда. Больше походи на афиши)
- целевая страница (аналогично промо-сайту, но используется одна страница)
5 - тематические сайты (данный тип сайтов хар-ся тем, что содержит информацию по какой-либо конкретной тематике. Сюда же относят интернет-энциклопедии.)
6 интернет-портал (порталы - тип сайтов, содержащих большое кол-во разнообразной информации. Как правило, порталы схожи по структуре с тематическими сайтами, но имеет более развитый функционал и большее кол-во сервисов и разделов. Также часто бывают разделы для общения пользователей: чаты)
6 - блоги (блог - тип сайтов, на которых владелец или редактор блога пишет посты со своими новостями, идеями или другой постоянно поступающей информацией)
7 - поисковая система (вид сайтов, прдназначенный для поиска ресурсов интернета по запросу)
8 - почтовые сервисы (этот тип сайта предоставляет интерфейс для работы с электронной почтой)
9 - интернет форумы (на сайтах этого вида пользователи могут задавать темы, а также комментировать их. Как правило, форумы ограничены одной специфической тематикой, хотя встречаются форумы обо всем)
10 - сайты-хостинги (на сайтов этого типа хранение каких-либо файлов. Встречаются сайты-хостинги с возможностью просмотра загруженных файлов прямо через браузер)
11 - соц. сети (тип сайтов, созданных для общения пользователей между собой. Как правило, имеются страницы пользователей, различные группы)
3. Расскажите о структуре типовой интернет-страницы.
Заголовок, контент, подвал.
Целевые страницы:
1. Что такое Landing page с технической точки зрения, бизнеса и пользователя.
1- с технической точки зрения landing page – это страница, которая состоит из таких же элементов, как и обычная веб-страница (HTML, CSS, текст, картинки, видео и т. д.)
2- с точки зрения бизнеса – это страница, которая подталкивает пользователя совершить требуемое действие (покупка или подписка)
3- с точки зрения пользователя – это страница, на которую он перешел по ссылке с другого сайта (из поисковика, твиттера, кликнув на баннер)
2. Одним из принципов разработки эффективной целевой страницы является «призыв к действию». Расскажите об его основных приемах.
Три наиболее частых причины создания landing page:
- заставить пользователя зарегистрироваться или подписаться на рассылку
- продать конкретный продукт в конкретной ситуации (распродажа или промо-акция)
- заставить пользователя скачать или установить софт.
3. Одним из принципов разработки эффективной целевой страницы является «траектория взгляда». Расскажите об его основных приемах.
1) Выражайтесь четко. Конкретно говорите пользователю, что именно он должен сделать и что будет потом ("подводные камни").
2) Не злоупотребляйте call to action-ами. Если на сайте их немного, то можно сфокусироваться на том, чтобы пользователь предпринял желаемое действие как можно скорее.
3) Используйте кнопки. Кнопки – это традиционный контрол и любой пользователь знает, что по нему можно кликнуть. Хороший дизайн кнопки еще раз обращает внимание на call to action.
4) Дополнительная информацию должна быть наготове. Именно она должна убедить пользователя предпринять необходимое действие.
Основы работы с программой Adobe Photoshop:
1. Расскажите о рабочем пространстве Adobe Photoshop
Рабочим пространством Photoshop называется область, в которой полностью или частично расположены меню, панель инструментов, окна графических документов (возможно, нескольких или ни одного), строка состояния и палитры.
2. Каковы основные инструменты графического редактора Adobe Photoshop по работе с цветом
3. Расскажите про выделение областей изображения в программе Adobe Photoshop.
Введение в типографику:
1. Что такое гарнитура? В чем отличие от шрифта?
Гарнитура — это семейство шрифта (например: Helvetica Regular, Helvetica Italic, Helvetica Bold, Helvetica Black и т. д.), а шрифт — это одно из начертаний или стилей в гарнитурном семействе (например: Helvetica Regular).
2. Назовите 4 основные классификации гарнитур и коротко расскажите о каждой.
Шрифты можно разделить на несколько групп — с засечками (serif),без засечек (sans-serif), скрипты (script), дисплей (display). Впрочем, есть и другие виды классификации.
С засечками называются так, потому что на каждой букве есть небольшие засечки. При печати больших блоков текста в веб-дизайне их не рекомендуется использовать, так как они признаны трудночитаемыми. Такие шрифты обычно применяются для заголовков. Примеры шрифтов — Adobe Jenson, Centaur, и Goudy Old Style.
Без засечек (гротески) применяются для акциденции (привлечения внимания) в рекламе и заголовках.
Скрипт-шрифты базируются на почерке. Существует две разновидности таких шрифтов — формальные(formal) и кежл(casual). Формальные как будто написаны от руки, они происходят из 17-18 вв. Некоторые шрифты основаны на почерках известных мастеров, таких, как George Snell и George Bickham. Как пример современного шрифты можно взять Kuenstler Script. Красив и элегантен, он не подходит для основного текста страницы.
Под категорию «дисплей» попадают те шрифты, которые вообще не пригодны для написания текста. Чаще всего они выполняют роль акцента. Обычно используются в полиграфии, хотя начинают попадать и на интернет-страницы. Среди дисплеев можно найти и, например, blackletter — оригинальные шрифты первых типографских станков.
3. Раскажите про кернинг и трекинг
Кернингом называется корректировка расстояния между отдельными парами литер.
Под трекингом понимают автоматическое изменение межсимвольного интервала для всех литер внутри заданного отрезка текста.
Статичные и анимированные баннеры:
1. Определение интернет баннера и его разновидности.
Баннер — один из преобладающих форматов интернет-рекламы. Представляет собой графическое изображение, аналогичное рекламному модулю в прессе, но способное содержать анимированные (редко видео-) элементы, а также являющееся гиперссылкой на сайт рекламодателя или страницу с дополнительной информацией.
Существует три вида баннеров: статические и динамические, по клику.
2. Расскажите об основных графических форматах статических баннеров, а так же о применение статических баннеров
Статичные баннеры - это одиночное графическое изображение, без движения, содержащие дополнительные элементы (GIF или JPEG, PNG ).
Области применения баннеров обширны. Кроме основной задачи баннера – служить средством рекламы, могут быть выполнены также задачи по информированию пользователя (рассылки, проиллюстрированные услуги), добавление акцента к некоторым элементам сайта (заголовки-баннеры, баннеры-элементы навигации), привнесения определенной атмосферы в оформлении (праздничные баннеры в шапку сайта, открытки) и т. д.
Особо стоит выделить баннеры для контекстной рекламы. Как правило, это баннеры для размещения рекламы в поисковиках или на рекламных площадках. Каждый поисковик и площадка имеют собственный набор технических требований к статическим баннерам.
Баннеры, не используемые в контекстной рекламе (обычно баннеры на сайтах рекламируемых фирм или партнеров), не обязывают их создателя рассчитывать вес и рисовать типовые размеры. Все это проектируется согласно общей концепции дизайна сайта.
3. Определение и виды анимированных баннеров.
Анимированный баннер — рекламный или информационный баннер, состоящий из ряда сменяющихся картинок. Баннер может быть разных размеров и разных форматов типа:
GIF баннеры — представляет собой последовательность растровых кадров, которые сменяют друг друга.
Flash баннеры — создаются баннеры по программе Adobe Flash. В отличие от традиционных, использующих растровую графику, эти баннеры используют векторную графику, что позволяет делать анимационные эффекты при небольшом размере баннера. Кроме того, Flash-баннеры предоставляют возможность использования звуковых эффектов, что повышает эффективность баннера как рекламного носителя по сравнению с традиционным. Эффекты во Flash-баннере имеют намного более впечатляющий вид.
Оформление главных и типовых страниц средствами Adobe Photoshop:
1. Расскажите о модульной сетке и ее применении.
"Сетка — это система помощи, но она не является гарантией, а всего лишь имеет ряд возможных применений, и каждый дизайнер сам может искать решение, соответствующие его индивидуальному стилю.
По сути, само использование сетки связано с одним из старейших и самых основных принципов дизайна — выравнивания.
2. Перечислите и кратко расскажите о основных принципах «чистого» дизайна.
1.1. Единая структура макета страницы (использование сетки)
1.2. Хорошая типографика ( используя минимальное количестве текста максимально добиваться поставленной цели, и когда речь заходит о получении того самого ощущения «кристальной чистоты» в дизайн-проектах, то ключом к результату является сдержанность.
При использовании большого количества шрифтов, они начинают мешать друг с другу, из-за чего дизайн становится разрозненным и беспорядочным.)
1.3. Ограниченная цветовая палитра (в дизайне «чистых» сайтов есть тенденция к ограниченной цветовой палитре. На таких сайтах часто используют серый цвет как основу и еще один дополнительный цвет, который выполняет роль акцента на самые важные элементы (например, ссылки и заголовки). Данная хитрость не только повышает удобство при использовании сайта, но и помогает визуально объединить все его элементы.)
1.4. Совместимые изображения (Когда стиль изображений (фотографии, иллюстрации, диаграммы и т. д.) меняется от страницы к странице по всему сайту, это начинает раздражать, даже на подсознательном уровне. Создать дизайн, в котором все визуально выдающиеся элементы стилистически находятся в гармонии, довольно сложно, особенно когда дело доходит до создания «чистого» сайта.)
