***ВАЖНО*** Перед покупкой запустите тест и сверьте подходят ли эти ответы именно Вам***
После покупки Вы получите файл с ответами на вопросы которые указаны ниже:
Оглавление
1. Какие основные бесплатные интернет-сервисы использовались для аналитики в уроке?
*Roistat
*CoMagic
*Яндекс.Метрика и Google Analytics
*SE Ranking
2. Чем характеризуется якорная ссылка?
*это часть гипертекстового документа, которая ссылается на другой элемент (команду, заголовок, текст, изображение, примечание) в самом документе, на другой объект (приложение, каталог, файл), расположенный в компьютерной сети или на локальном диске, либо на элементы объекта
*это ссылки, которые ведут на определенное место страницы, минуя листание всего текста
*меню, которое плавно перемещается по странице и поэтому всегда видны посетителям это
*трехзначный код состояния, обозначающий ответ сервера на запрос пользователя, который обрабатывает браузер для дальнейших действий: загрузить запрашиваемую страницу, отобразить статус «Страница не найдена», перенаправить и тому подобное
3. Какое максимальное количество целей можно добавлять?
*до 200
*до 300
*до 150
*до 500
4. Frame в Figma – это …
*отдельный законченный HTML-документ
*рабочая область, в которую добавляются все элементы и весь дизайн
*отдельный кадр в видеопотоке
*структура, содержащая описание объекта в виде атрибутов и их значений
5. Выберите основные задачи брифа.
*исполнитель получит полное представление о проекте
*исполнитель оценит свои возможности, ресурсы и рентабельность, назовет примерную стоимость и сроки выполнения дизайна
*проектировка графического интерфейса
*исполнитель сможет дать полезные советы и предложить конкретные идеи именно для вашего бизнеса и специфики вашего проекта
*внесение контента на сайт
6. Мудборд - …
*позволяет загружать свои изображения, добавлять цветовые схемы и прочие элементы
*приём в искусстве, предполагающий соединение в одном произведении разнородных элементов
*процесс и результат создания изображений, составленных из частей различных фотографий
*способ отображения дизайн-концепции в текстово-графическом документе
7. Какой аспект НЕ входит в графическую составляющую мудборда?
*образ (изображения, фотографии)
*типографика (шрифты)
*цвет (цветовая гамма сайта)
*геометрия (формы объектов)
*Несочетаемые элементы (хаос стиля и цвета)
*композиция (расположение элементов)
8. Открывать/закрывать панель настроек можно нажатием ...
*сочетанием клавиш SHIFT + Q
*сочетанием клавиш CTRL + Q
*клавиши Q
*клавиши Tab
9.Что такое бриф?
*документ или несколько документов, определяющих цель, структуру, свойства и методы какого-либо проекта
*процесс, позволяющий разделить все визуальные данные, расположить их в правильном порядке, а также создать готовые шаблоны для последующего расширения сайта в случае необходимости
*внутренний документ, который заполняет заказчик для будущего подрядчика. В нем отражено то, как вы видите этот проект: зачем вам нужен дизайн, какие проблемы он решит, каких целей вы хотите добиться от пользователей сайта, какие примеры у конкурентов вам нравятся и т. д.
*обеспечения сайта инструментами, которые позволят взаимодействовать с ним пользователю или посетителю
10. Шрифты в дизайн-макете подбираются согласно ...
*ширине страницы
*стилю и настроению проекта
*их хорошей работе в одних определенных размерах
*целиком написанному прописными буквами
11. В чем состоят общие моменты адаптивной верстки?
*вычисляйте размер шрифта
*используйте при верстке векторные изображения
*не используйте относительные единицы измерения
*улучшайте кликабельность
12. Какой плагин генерирует сетку для платформы Tilda Publishing?
*Unsplash
*Grid for Tilda Publishing
*Blobs
*Iconify
13. С чего начинается SEO-оптимизация сайта?
*с формирования широкой структуры сайта
*с внешней оптимизации сайта
*со сбора ключевых слов, которые располагаются на страницах сайта
*с формирования задания на внутреннюю оптимизацию
14. При работе с данным дизайн-макетом кнопки были представлены ...
*в виде GIF
*в виде активной кнопки
*в виде изображения
*в виде гиперссылки
15. Как правильно сделать страницу ошибки 404 на Тильде?
*создайте новую страницу сайта на Тильде ➜ сделайте оформление ➜ опубликуйте ➜ перейдите в НАСТРОЙКИ САЙТА ➜ Еще ➜ 404 страница ➜ выберите из списка страницу, которую вы создали ➜ сохраните
*создайте новую страницу сайта на Тильде ➜ опубликуйте ➜ перейдите в НАСТРОЙКИ САЙТА ➜ выберите из списка страницу, которую вы создали ➜ сохраните
*создайте новую страницу сайта на Тильде ➜ сделайте оформление ➜ перейдите в НАСТРОЙКИ САЙТА ➜ 404 страница ➜ выберите из списка страницу, которую вы создали
*создайте новую страницу сайта на Тильде ➜ сделайте оформление ➜ опубликуйте ➜ перейдите в НАСТРОЙКИ САЙТА ➜ 404 страница
16. С чего начинается перенос сайта на Тильду?
*с включения модульной сетки
*с переноса цветов
*с подгрузки шрифта
*с выгрузки логотипа
17. Какие элементы можно добавить в Zero Block?
*текст, картинка, шейп-файл, видео, тултип, кнопка, код, форма, галлерея
*картинка, видео, кнопка, форма, галлерея
*текст, картинка, видео, кнопка, форма, галлерея
*текст, картинка, видео, кнопка, код, форма, галерея
18. Выберите НЕ верное утверждение.
*мудборд помогает заложить основу будущего проекта
*мудборд сокращает работу по времени
*мудборд вовлекает заказчика в проект уже на стадии обсуждения
*мудборд сформировывает общее представление финального проекта у команды
*мудборд облегчает коммуникацию между заказчиком и исполнителем
19. Как избежать появления дублей при создании проекта на Тильде и последующей его публикации?
*разрешить поисковикам переходить по ссылкам на данной странице
*запретить поисковикам переходить по ссылкам на данной странице
*разрешить поисковикам индексировать эту страницу
*запретить поисковикам индексировать эту страницу
20. С помощью чего можно отслеживать аналитику сайта?
*с помощью zero block'ов
*с помощью SEO-оптимизации сайта
*с помощью сервисов Тильды
*с помощью систем аналитики для интернет-сайтов и мобильных приложений, которые собирают данные о поведении пользователей и предоставляют их в виде удобно читаемых отчетов
21. При выстраивании адаптации для основных типов экранов и переключении между ними, как понять, что настройки поменялись?
*не имеет значения какие настройки меняются, цвет шрифта всегда будет черным
*те настройки, которые были изменены для данного типа экрана, будут ярко выделены черным; те, которые наследуются с предыдущего, будут бледно-серыми
*не имеет значения какие настройки меняются, цвет шрифта всегда будет бледно-серым
*те настройки, которые были изменены для данного типа экрана, будут бледно-серыми; те, которые наследуются с предыдущего, будут ярко выделены черным
22. При работе с данным дизайн-макетом для выравнивания элементов мы использовали ...
*произвольное расположение элементов
*модульную сетку
*расположение элементов по желанию заказчика
*пресеты
23. В каком формате мы можем экспортировать страницу на платном тарифе в Тильде?
*pdf и код страницы
*img, gif и код страницы
*zip и код страницы
*bmp и код страницы
24. В режиме предпросмотра есть возможность ...
*просмотреть шаблон страницы
*переключения устройств
*изменить заголовок страницы
*загрузить картинку-бейдж
25. Где можно задать цвет фона?
*в настройках элемента
*в настройках элемента формы
*в настройках анимации
*в настройках артборда
26. Чего НЕ должно быть в мудборде?
*логотипы компании заказчика или продвигаемого продукт
*часто используемые изображения
*слоганы или заголовки
*текстуры материалов
27. В данном уроке адаптивная верстка использовалась для ...
*для настольного компьютера, вертикального и горизонтального экрана планшета, вертикального и горизонтального экрана мобильного устройства
*для настольного компьютера, вертикального и горизонтального экрана планшета
*для настольного компьютера, вертикального и горизонтального экрана мобильного устройства
*для настольного компьютера, вертикального экрана планшета, вертикального экрана мобильного устройства
28. Выберите верное утверждение.
*в брифе предоставлена личная информация о клиенте
*в брифе фиксируются руководящие принципы разработки сайта: сведения о ресурсе и заказчиках, цели, требования и технические указания
*бриф не всегда актуален и нужен исполнителю
*бриф составляет исполнитель и отражает в нем технические подробности проекта
29. Какой плагин потребуется для подбора ключевых слов?
*Window Resizer
*Yandex Wordstat Assistant и WordStater
*Muzli
*ColorZilla
30. Добавить стандартное меню при клике.
*ВСЕ БЛОКИ ➜ МЕНЮ ➜ выбираем ME403 ➜ прописать все пункты меню, якорные ссылки через # ➜ вставляем ссылку на меню в необходимый блок
*ВСЕ БЛОКИ ➜ МЕНЮ ➜ выбираем ME403 ➜ вставляем ссылку на меню в необходимый блок
*ВСЕ БЛОКИ ➜ МЕНЮ ➜ выбираем ME403 ➜ прописать все пункты меню, якорные ссылки через #
*ВСЕ БЛОКИ ➜ МЕНЮ ➜ прописать все пункты меню, якорные ссылки через # ➜ вставляем ссылку на меню в необходимый блок
31. Какими клавишами можно увеличивать масштаб Zero Block?
*+/-
*TAB +/-
*SHIFT +/-
*CTRI +/-
32. При загрузке в фрейм картинка …
*нельзя загружать картинку в фрейм
*загружается на всю ширину экрана
*загружается в своем исходном размере
*принимает размер фрейма, в который она загружается
33. Какого блока в Тильде НЕ существует?
*абзац
*изображения
*колонки
*галерея
34. Что происходит с Zero Block в ситуации отключения компьютера, интернета или нечаянном нажатии на закрытие окна?
*не имеет функции автосохранения
*использует функцию автосохранения
*использует функцию автосохранения в течение 2 часов
*использует функцию автосохранения в течение 1 часа
35. Какое предназначение имеет инструмент Pen (перо) в Figma?
*предназначен для рисования изогнутых линий
*предоставляет возможность добавлять картинку этим инструментом
*можно добавить на рабочую область описание, например, карточки товара
*устанавливается, если необходимо отправить комментарии к работе
36. Чем характеризуется адаптивная верстка?
*комплекс мероприятий по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачи поисковых систем по определённым запросам пользователей
*это внутренние процессы в системе, которые обеспечивают сохранение её внешних функций по отношению к среде
*это профессиональный редактор, который позволяет реализовать любую идею, создавая блоки с собственным дизайном
*это верстка сайта, в которой заложены принципы работы отдельных модулей, графики и текста на различных разрешениях экранов и устройствах таким образом, чтобы сайт отображался корректно и привлекательно
37. Выберите два верных способа как создать Zero Block.
*нажать на ZERO ➜ добавить стандартный блок ➜ настройки ➜ конвертировать в ZERO
*нажать на ZERO ➜ конвертировать в ZERO
*нажать на ZERO
*нажать на ВСЕ БЛОКИ ➜ добавить стандартный блок ➜ настройки ➜ конвертировать в ZERO
38. При удалении блока в процессе разработки сайта на Тильде можно ли восстановить его?
*можно восстановить в течение 12 часов
*нельзя восстановить
*можно восстановить в течение 24 часов
*можно восстановить в течение всего времени
39. С помощью какой клавиши можно включить и отключить модульную сетку в Zero Block?
*клавиша G
*SHIFT
*CTRL + SHIFT
*клавиша F
40. Какое максимальное количество создание сайтов доступно в демо-версии платформы Тильда?
*5
*2
*1
*до 3
41. Какого типа заливки НЕ существует в Figma?
*сплошной цвет (Solid)
*угловой градиент (Angular)
*автоматическая заливка (Auto Layout)
*изображение (Image)
42. Чем характеризуется меню второго уровня?
*список программ или функций, предоставляемых на выбор пользователю
*элемент интерфейса пользователя вложенная часть меню, содержащая команды, объединенные по смыслу одним пунктом меню
*вложенная часть меню, содержащая команды, объединенные по смыслу одним пунктом меню
*сгруппированный набор ссылок с названиями разделов, облегчающий переход на другие страницы
43. Какие виды запросов бывают?
*коммерческие запросы
*Навигационные запросы
*Медийные запросы
*информационные запросы
44. В заголовке 2 уровня шрифт ...
*больше, чем в заголовке 1 уровня
*меньше, чем в заголовке 1 уровня
*един с 1 уровнем
*не имеет правил
45. Выберите верное утверждение.
*правильно подобранные составляющие позволяют управлять эмоциями посетителей сайта, потому что каждый из этих аспектов имеет собственную психологию
*тщательно выбирайте стиль и цвета всех элементов, чтобы показать целостную гармоничную картинку и общий хаос
*старайтесь не брать то, что стопроцентно подходит по теме и не будет понятно как клиенту, так и большинству людей в целом
*использовать как можно больше длинные фразы
46. Что характеризует Zero Block?
*это профессиональный редактор, не зависящий от Тильды, который позволяет реализовать любую идею, создавая блоки с собственным дизайном
*это профессиональный редактор внутри Тильды, который позволяет реализовать любую идею, создавая блоки с собственным дизайном
*это профессиональный редактор документов внутри Тильды, который позволяет реализовать любую идею, создавая документы с собственным дизайном
*это профессиональный редактор фотографий, не зависящий от Тильды, который позволяет реализовать любую идею, создавая коллажи с собственным дизайном
47. Что включал в себя текст для дизайна “подвала” сайта в данном дизайн-макете?
*раздел “о нас”, почта, адрес компании
*телефон, почта, техническая информация и ссылки на соц. сети
*телефон, почта и дублированное меню
*телефон, почта, адрес компании, логотип, дублированное меню; форма, описание и кнопка подписки; техническая информация и ссылки на соц. Сети
48. Figma относится к …
*текстовым редакторам
*телекоммуникационным программам
*графическим редакторам
*вспомогательным программам (утилитам)
49. В Figma можно перевести шрифт в кривые и создать необычный объект вашего дизайна. Как это сделать?
*зажать Alt (Opt) и потянуть за неё
*выделите текстовый слой и выберите панель Object → Use as mask
*выделите текстовый слой и нажмите Create Component (Ctrl+Alt+K)
*выберите текстовый слой, пункт Flatten и дважды кликнете на текст
50. При создания магазина какой функции НЕ существует?
*количество дней хранения товаров в корзине
*минимальное количество товаров в корзине
*изменить цвет иконки корзины
*максимальное количество товаров в корзине
51. Что характерно для стиля минимализм в веб дизайне?
*крупная типографика
*2D графика
*большие белые пространства («воздух»)
*преобладание карточек-фотографий
52. В большинстве случаев на экране располагается только...
*максимум 3 статьи
*только 1 статья
*от 2 до 4 статей
*более 4 статей
53. С какого сервиса не стоит скачивать фотографии, чтобы избежать проблем с авторским правом?
*Shutterstock
*раздел «картинки» в поисковой системе
*Pixabay
*Unsplash
54. Какой сервис позволяет приобретать картинки с фотостоков за скромную цену?
*Shutterstock
*Adobe
*Istock
*Shopdiz
55. Что характеризует термин типографика?
*создание базовой структуры, скелета вашего дизайна; «невидимые» линии, на которых могут быть расположены элементы дизайна для связи их в общую систему
*это свод правил оформления текста и графических элементов сайта, который несет определенный воздействует на эмоции и мотивирует посетителя к совершению целевых действий
*гармоничное расположение всех элементов сайта на экране таким образом, чтобы максимально раскрывалось их содержание; все элементы дизайна воспринимаются целостно и составляют единую картину
*один из инструментов, позволяющих преобразить веб-сайт под требования клиента и, тем самым, создать собственный стиль, просто изменив фон или изображение
56. Модульная сетка - это...
*прямоугольник с заданной шириной и высотой, который лежит в основе композиции страницы *дискретное множество точек, на котором задаётся разностная задача при численном моделировании некоторой исходной непрерывной задачи
*однородная ячеистая система
*вертикальные и горизонтальные линии, разделяющие страницу на прямоугольники, определяющие как в целом будет выглядеть макет и где будут расположены отдельные элементы: заголовки, тексты, изображения
57. Как не рекомендуется располагать текст на странице? (выбрать несколько вариантов ответа)
*выравнивать текст по правому краю страницы
*выравнивать текст по левому краю страницы
*располагать текст на всю ширину страницу
*выравнивать текста (более 3 строк) по центру страницы
*выравнивать текста (до 3 строк) по центру страницы
58. Работая в базе Flaticon, можно…
*...изменить цвет иконки .
*..изменить толщину линий иконки
* ...изменить фон иконки
*...отзеркалить и повернуть иконку
59. Какую роль играет модульная сетка на странице для пользователей?
*cобирает информацию воедино
*быстрое считывание информации, визуальный порядок и простая ориентация
*cлужит для украшения сайта
*обогащает дизайн страницы с помощью ярких акцентов
60. Заголовки страниц должны быть...
*от 36 пикселей
*от 38 пикселей
*от 34 пикселей
*14-22 пикселей
61. Что НЕ характерно для стиля брутализм в веб дизайне?
*экстремальные цвета и шрифты
*гиперболизированность элементов
* «потертые» элементы и переходы между блоков
*отсутствие симметрии и выравнивания
62. Композиция в веб-дизайне - это...
*пространство, на котором нанесены узоры, рисунки или геральдические изображения
*визуальное различие между противоположными элементами или областями, созданное для возбуждения визуального интереса
*гармоничное расположение всех элементов сайта на экране таким образом, чтобы максимально раскрывалось их содержание
*вертикальные и горизонтальные линии, разделяющие страницу на прямоугольники, определяющие как в целом будет выглядеть макет и где будут расположены отдельные элементы: заголовки, тексты, изображения
63. Чем характеризуется симметричный баланс?
*балансирование элементов вокруг центра композиции; элементы можно размещать вокруг центра по оси
*элементы композиции сбалансированы, но расположены не строго относительно друг друга *баланс элементов, стоящих выше и ниже центральной оси
*создается путем равномерного размещения элементов по обе стороны от горизонтальной или вертикальной центральной оси
64. Метро стиль в веб-дизайне – это...
*...дизайн сайта на основе интерактивных карточек, которые содержат изображения, контент, гиперссылки
* ...дизайн сайта на основе лаконичности, простоты, точности и ясности композиции. Используются простые геометрические формы и нейтральные цвета
*...дизайн сайта на основе 2D графики, иногда с тенями; наличие большого количества шейпов и контента в них
*...дизайн сайта на основе космических элементах
65. Интерлиньяж — это…
*пространство, расстояние между базовыми линиями соседних строк
*размер высоты буквы
*интервал между буквами в зависимости от их формы
*расстояние между буквами в целых строках, предложениях и абзацах
66. В чем преимущества скачивания иконок в векторной графике?
*реалистичность изображения
*обширная библиотека фильтров при работе с изображениями
*четкость при широкоформатной печати
*отсутствие возможности отредактировать часть изображения
67. Какой ресурс позволяет создавать шаблон в виде волны для макета, что служит переходом между блоками?
*Blobmaker
*Gridzzly
*Getwaves
*Remove.bg
68. Контраст в типографике…
*показывает различия между разными типами контента
*повышает читаемость текста
*дает шрифту больше воздуха.
*избавляет от висячих предлогов, слов и строк
*выделяет ключевую мысль в тексте
69. Выберите основные правила использования шрифтовых пар
*не сочетать похожую пару шрифтов
*использовать шрифты, принадлежащие одной группе
*не использовать более 3 шрифтов
*не использовать разную цветность набора
*у каждого шрифта есть характер
*у любого шрифта использовать разные начертания
70. Какого типа сетки НЕ существует?
*сетка, разделенная на колонки
*цельная сетка
*блочная сетка
*иерархическая сетка
71. Что из перечисленного НЕ относится к типам баланса?
*Горизонтальный баланс
*Разделительный баланс
*Асимметричный баланс
*Вертикальный Баланс
72. С помощью тени можно…
*создать объем белой фигуре
*передавать настроение
*разделять страницу на блоки
*создать фокус на определенном товаре
73. Какие цвета не рекомендуется использовать в веб-дизайне, если того не требует определенный контент?
*темные тона (не черный)
*пастельные тона
*мягкие, скромные тона
*яркие и ядовитые тона
74. Какой должна быть тень?
*четкой, ясной
*размытой, заблюренной
*резкой
*отчетливой, резко очерченной
Список литературы
Тема 1. Основы веб-дизайна
Тема 2. Сервисы для дизайнера обзор основных
Тема 3. Типографика
Тема 4. Сетки в веб дизайне
Тема 5. Композиция
Тема 6. Цвет, тень, градиенты
Тема 7. Редактор figma знакомство с возможностями
Тема 8. Основные функции в Figma
Тема 9. Работа с брифом
Тема 10. Подбор референсов, визуальный анализ, сбор мудборда
Тема 11. Отрисовка макета landing page
Тема 12. Отрисовка макета landing page Итоговая аттестация