- •Задачи моделирования, визуализации, распознавания. Место обработки изображения в этих задачах.
- •Основные направления в кг для использования и обработки изображений.
- •Приведите классификацию графических форматов. Дайте краткую характеристику каждого типа.
- •Понятие растра. Растровые графические форматы. Перечислите.
- •Векторные и универсальные графические форматы.
- •Как хранится изображение в файле векторного формата?
- •Устройства ввода изображений в графических системах.
- •Устройства вывода изображений в графических системах.
- •Фрактальная графика, основные понятия.
- •Почему необходимо иметь общие форматы для различных приложений. Приведите примеры таких форматов.
- •Как хранится изображение в файле векторного формата?
- •Перечислите несколько векторных форматов.
- •Какая информация запоминается в растровом файле?
- •Как можно уменьшить размер растрового файла?
- •Каковы особенности преобразования одного растрового формата в другой растровый формат?
- •Какие способы преобразования растрового формата в векторный вам известны?
- •Какие методы сжатия используются при работе с графической информацией.
- •Какие методы сжатия графических данных вам известны?
- •Какие форматы используются для хранения фотографий?
- •Когда возникает необходимость в преобразовании форматов файлов?
- •Сжатие данных. Перечислите основные методы.
- •Сжатие с потерями и без потерь. В чем основная суть.
- •Rle сжатие битового уровня. В чем основная суть. Где применяется.
- •Rle сжатие байтового уровня. В чем основная суть. Где применяется.
- •Сжатие методом lzw. Основная суть. Где применяется.
- •Алгоритм lzw кодирования. Разновидности. Перечислите.
- •Кодирование по алгоритму Хаффмана. В чем суть
- •Сжатие с потерями jpeg. Достоинства и недостатки.
- •Алгоритм jpeg. Перечислите основные этапы.
- •Дайте определение композиции.
- •В чем состоит основной принцип композиции?
- •Перечислите принципы композиции. Поясните каждый.
- •Что требует от дизайнера правило простоты решения?
- •Какими средствами достигается равновесие композиции?
- •Свет и цвет. Обозначьте каждое из этих понятий.
- •Восприятие цвета. Устройство оптической системы человека. Обозначьте схематически.
- •Расположите в убывающем порядке чувствительность рецепторов глаза к цветам: красный, зеленый, синий.
- •Что такое хроматический спектр? Что такое ахроматический спектр?
- •Как осуществляется проекция трехмерного цветового пространства на плоскость?
- •Чем отличается цветовой график мко от треугольной проекционной области цветового пространства?
- •Что такое дополнительный цвет?
- •Что такое аддитивная и субстрактивная цветовые модели? Чем отличаются их цветовые кубы?
- •Что является основой цветовой модели hsv и hls?
- •Являются ли цветовые модели hsv и hls аддитивными или субстрактивными?
- •В чем состоит главное достоинство цветового пространства Luv?
- •В чем состоит главное достоинство цветового пространства Lab?
- •Цветовые системы rgb, cmyk, hsv, hls. Приведите вид этих моделей.
- •Цветовые модели. Перечислите и классифицируйте.
- •Аддитивная цветовая модель. Достоинства и недостатки.
- •Субтрактивные цветовые модели. Достоинства и недостатки.
- •Перцепционные цветовые модели. Перечислите. Достоинства и недостатки.
- •Плашечные цвета. В чем суть этого понятия. Где применяется.
- •Индексированные цветовые палитры. В чем суть этого понятия. Где применяется.
- •Цветовые модели повышенной точности. Перечислите.
- •Приведите классификацию цветовых моделей.
- •Коротко – Три закона Грассмана.
- •Основные Веб-технологии для реализации компонентов представления (front-end).
- •Основные кодировки кириллицы. Способы подключения кодировки.
- •Понятие юзабилити. Назначение и место в веб-проектировании.
- •Виды гиперссылок в Веб-документе.
- •Суть и основные приемы микротипографики.
- •Суть и основные приемы макротипографики.
- •Основные характеристики и различия: html, xhtml, dhtml, xml.
- •Способы подключения таблиц стилей.
- •Способы оптимизации изображений для Веб.
- •Основной принцип формирования информационных блоков страниц.
- •Какая компьютерная цветовая модель относится к классу аддитивных? Каким графическим объектом описываются цифровые свойства этой модели.
- •Понятие интерполяции в компьютерной графике. Где оно используется и для чего применяется. Виды интерполяции.
- •Методы компрессии rle. К какому классу методов компрессии он относится. Опишите кратко суть этого метода. Его достоинства и недостатки.
- •Укажите основные отличия элементов span и элемента div в html. Для чего предназначен каждый из этих элементов.
- •Перечислите основные свойства изображения, хранящихся в tiff-формате?
- •Перечислить базовые цвета в субтрактивной цветовой модели. Название этой цветовой модели. Диапазоны и единица измерения цвета в ней.
- •Какой свет называется ахроматическим? Какие изображения называются ахроматическими? Цветовые характеристики таких изображений.
- •Укажите приоритет применения стилей в html-документ?
- •Что тебе делает браузер ie с неправильными html-документом (Например, не закрыт парный тег)?
- •Что означает понятие цветовой охват? Где применяется?
- •Напишите способы оптимизации Веб-изображения. Для чего эти процедуры применяются?
- •Какие семейства (по производителям, но не название сигнатуры?) цифровых шрифтов вы знаете? Чем отличаются друг от друга?
- •Что такое карта изображения? Где и для чего применяется?
- •Какая компьютерная и цветовая модель относиться к классу субтрактивных? Каким матем. Объектом описываются цветовые свойства этой модели.
- •Различие между xhtml и html?
- •Понятия цветотделение и цветосовмещения? в какой отрасли кг они используются и для чего применяются.
Суть и основные приемы макротипографики.
Микро-типографика имеет отношение к различным деталям оформления текста: правильный выбор шрифта, определение пробелов между словами и интервалов между строками, и другие особенности стиля.
Макро-типографика напрямую определяет то, каким образом организована страничка. Большинство техник макро-типографики уже давно стали доступны при помощи CSS, но, поскольку наши представления о веб-странице постоянно меняются, то и эти техники тоже нужно адаптировать. Макро-типографика в основном имеет дело с читаемостью текста и может рассматриваться в качестве дизайна параграфов и самой страницы.
Используйте поля вашей страницы
Выбирайте хорошо читаемые шрифты
Не забывайте измерять объем вашего текста
Задавайте подходящую высоту строк
Выбирайте стиль для абзацев
Соблюдайте баланс контрастности текста
Основные характеристики и различия: html, xhtml, dhtml, xml.
HTML означает язык гипертекстовой разметки. Это хорошо известный язык разметки, используемый для разработки веб-страниц. Он существует уже давно и широко используется в дизайне веб-страниц.
XHTML расшифровывается как Extensible HyperText Markup Language. Это язык разметки, написанный на XML. Это набор языков разметки XML, которые отражают или расширяют версии HTML. По сути, это гибрид HTML и XML, специально разработанный для дисплеев сетевых устройств.
DHTML является динамическим HTML. Это новый способ просмотра и управления стандартными HTML-кодами и командами. DHTML — это набор технологий, которые используются для создания интерактивных и анимированных веб-сайтов. Дает больший контроль над элементами HTML.
XML — это текстовый формат данных с надежной поддержкой Unicode для языков. Он подчеркивает простоту, универсальность и удобство использования в Интернете. Он также широко используется для представления произвольных структур данных, особенно в веб-сервисах. Программисты часто используют API-интерфейсы при обработке XML-данных и систем схем, чтобы помочь в определении языков на основе XML.
Способы подключения таблиц стилей.
Пример 3.1. Подключение связанных стилей
<link rel="stylesheet" href="mysite.css">
<link rel="stylesheet" href="http://www.htmlbook.ru/main.css">
Пример 3.3. Использование глобального стиля
<style>
H1 {
font-size: 120%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333366;
}
</style>
Пример 3.4. Использование внутреннего стиля
<p style="font-size: 120%; font-family: monospace; color: #cd66cc">Пример текста</p>
Можно смешивать виды подключения.
Способы оптимизации изображений для Веб.
1.1. Масштабирование изображений
Адаптируя размеры изображений специально для своего сайта, вы можете значительно сэкономить ресурсы и улучшить производительность сайта.
1.2. Сжатие изображений
Лучший способ оптимизации – сжатие изображений без потерь. При таком методе сжатия изображение уменьшается по весу, но при этом не теряет в качестве.
1.3. Отзывчивые изображения
Использование отзывчивых изображений в дизайне становится все более популярным: оно позволяет показывать изображения разного масштаба в зависимости от разрешения дисплея, на котором выводится сайт.
<img src="flowers.jpg" alt="flowers" width="640" srcset="flowers-160.jpg 160w, flowers-320.jpg 320w, flowers-640.jpg 640w, flowers -1280.jpg 1280w">
1.4. Использование CDN
Оптимизировать загрузку изображений можно при помощи использования CDN (Content Delivery Network). CDN позволяет сократить время загрузки на 75%.
1.5. Форматы изображений – PNG, JPEG, WebP, SVG
На данный момент изображения в этих форматах являются наиболее легковесными.