Font size
WorksheetsВеб-дизайн и компьютерная графика
Total questions: 34
Worksheet time: 20mins
Какой тип графики состоит из пикселей и теряет качество при увеличении?
Векторная графика
Растровая графика
3D-графика
Фрактальная графика
Какой тип графики идеально подходит для логотипов и иконок, поскольку позволяет масштабировать их до любого размера без потери качества?
Растровая графика
Векторная графика
3D-графика
Кинетическая графика
Кто считается прародителем интерактивной компьютерной графики и автором программы Sketchpad?
Тим Бернерс-Ли
Эд Кэтмелл
Джейкоб Нильсен
Иван Сазерленд
Кто является создателем Всемирной паутины (World Wide Web), HTML и HTTP?
Джейкоб Нильсен
Тим Бернерс-Ли
Иван Сазерленд
Эд Кэтмелл
Какая область применения компьютерной графики включает визуализацию проектов и 3D-моделирование зданий?
Игровая индустрия
Кино и телевидение
Архитектура и инженерия
Электронная коммерция
Главная цель веб-дизайна — это:
Сделать сайт максимально красочным.
Использовать самые новые технологии программирования.
Сделать так, чтобы пользователь мог легко и интуитивно взаимодействовать с сайтом.
Разместить как можно больше контента на одной странице.
Какой принцип композиции основан на разделении холста на девять равных частей для создания более динамичной работы?
(a)
Какой принцип композиции основан на разделении холста на девять равных частей для создания более динамичной работы?
Золотое сечение
Правило третей
Симметрия
Баланс
Как называются цвета, расположенные друг напротив друга на цветовом круге, создающие высокий контраст?
Аналоговые цвета
Триада
Комплементарные (дополнительные) цвета
Ахроматические цвета
Что в теории цвета определяет интенсивность или чистоту цвета (от серого до яркого)?
Оттенок (Hue)
Яркость (Lightness/Brightness)
Насыщенность (Saturation)
Контраст
Какой ключевой элемент типографики определяет расстояние между отдельными символами в слове?
Трекинг
Интерлиньяж
Кернинг
Контраст
Шрифты какого типа чаще используются для веба (для удобства чтения на экране)?
Без засечек (Sans-Serif)
С засечками (Serif)
Моноширинные
Декоративные
Как называется расстояние между строками текста?
Кернинг
Трекинг
Интерлиньяж
Баланс
Какой инструмент для создания визуальной иерархии является наиболее мощным, так как делает элемент самым важным?
Цвет
Пространство
Шрифт
Размер
Какая программа является основным инструментом для фоторетуши, цветокоррекции и работы с растровой графикой?
Adobe Illustrator
Fi
Какая программа является основным инструментом для фоторетуши, цветокоррекции и работы с растровой графикой?
Adobe Illustrator
Figma
Adobe Photoshop
Sketch
Какое главное преимущество сделало Figma стандартом для UI-дизайна?
Неограниченное количество шрифтов
Лучшее качество экспорта
Доступность только для macOS
Совместная работа в реальном времени
Какую программу следует использовать для создания масштабируемого логотипа или иконок?
Adobe Photoshop
Sketch
Figma
Adobe Illustrator
Какая ключевая особенность Adobe Photoshop позволяет работать с несколькими отдельными графическими элементами независимо друг от друга?
Инструмент «Перо»
Математическая основа
Облачная природа
Работа со слоями (layers)
Какая программа для UI-дизайна, популярная до появления Figma, доступна только для пользователей macOS?
Adobe Photoshop
Adobe Illustrator
Figma
Sketch
Какое ключевое преимущество Figma для начала работы в веб-дизайне?
Облачная природа и работа в браузере, не требующая установки.
Лучшие инструменты для 3D-рендеринга.
Исключительно профессиональная фоторетушь.
Поддержка только векторных форматов.
Что отвечает за внешний вид продукта: кнопки, иконки, цвета, шрифты?
Что отвечает за внешний вид продукта: кнопки, иконки, цвета, шрифты?
UI-дизайн (Пользовательский интерфейс)
UX-дизайн (Пользовательский опыт)
Frontend-разработка
Архитектура информации
Что отвечает за логику и структуру продукта, а также за то, как им удобно пользоваться?
UI-дизайн
UX-дизайн
Графический дизайн
Прототипирование
Что представляет собой вайрфрейм (Wireframe)?
Окончательный макет с полной визуальной детализацией.
Простой, схематичный макет, показывающий расположение элементов без деталей оформления.
Интерактивная версия макета с переходами.
Библиотека готовых компонентов интерфейса.
Как называется последовательность шагов, которые пользователь совершает для достижения определённой цели в продукте (например, покупка товара)?
Карта сайта (Sitemap)
Пользовательский путь (User Journey)
Визуальная иерархия
Прототип
Что такое прототип?
Статический, красивый макет в высоком разрешении.
Текстовое описание функционала.
Интерактивная версия макета, которая имитирует работу реального продукта.
Финальный код сайта.
Какая часть веб-сайта обычно содержит логотип и основное меню навигации?
Footer (Подвал)
Sidebar (Боковая панель)
Main Content (
Какая часть веб-сайта обычно содержит логотип и основное меню навигации?
Footer (Подвал)
Sidebar (Боковая панель)
Main Content (Основное содержимое)
Header (Шапка)
Какая часть сайта называется его «сердцем», где размещена вся основная информация (статьи, товары, видео)?
Header
Footer
Sidebar
Main Content
Какой элемент навигации показывает путь пользователя от главной страницы до текущей (например, Главная > Блог > Статья)?
Пагинация
Карта сайта
Хлебные крошки (Breadcrumbs)
Основное меню
Какой подход к веб-дизайну использует несколько фиксированных версий макета для разных размеров экрана (ПК, планшет, мобильный)?
Адаптивный дизайн (Adaptive Design)
Отзывчивый дизайн (Responsive Design)
Фиксированный дизайн
Мобильный дизайн
Какой подход к веб-дизайну использует одну гибкую сетку и плавно подстраивается под любое доступное пространство?
Адаптивный дизайн
Отзывчивый дизайн
Фиксированный дизайн
Модульный дизайн
Какой элемент навигации особенно полезен для очень длинных страниц?
Карта сайта
Кнопка «Наверх»
Пагинация
Хлебные крошки
