1 день

Практикум по веб-

и UI/UX дизайну
Дополнительные материалы 1 дня: ссылки на полезные
сайты, исходники и программы для дизайнеров
Программы дизайнера
Figma
Бесплатная программа, которая позволяет
создавать макеты сайтов прямо в окне браузера
Sketch
Работает только на Mac, является стандартом
среди UX/UI дизайнеров, но Figma догоняет
Adobe XD
Главное преимущество XD в более тесной
интеграции с другими продуктами Adobe
Photoshop
Стандарт для большинства сфер по обработке
растровых изображений
Gimp
Бесплатный аналог Photoshop, который менее
распространён, но все-таки пользуется спросом
Afiniti
Мощная программа для работы с векторными и
растровыми изображениями
 1 день

Полезные ссылки

Исходник Figma с сеткой Сайт для подбора цветов Сайт со штифтами

Сделан в размерах 1440 px, 768 px, 320 px для Помогает делать сайты выразительными за счет Удобный поиск шрифтовых пар на основе анализа
удобного создания адаптивных сайтов подбора цветовых контрастов сотни сайтов в интернете
 1 день

Полезные ссылки

Сайт со шрифтами Архив с 8 шрифтами 12 адекватных шрифтов

Нейронная сеть автоматически подбирает Архив с русскими акцидентными бесплатными Ссылка на 12 адекватных шрифтов для веб-
красивые сочетания шрифтов для веб-дизайна шрифтами от Михаила Панфилова дизайна с Гугл Фонтс
 1 день

Словарь Figma:
• Background – фон • Stroke – обводка
• Page – страница • Shadow – тень
• Layer – слой • Blur – размытие
• Bold – жирный • Image – картинка
• Black – очень жирный • Button – кнопка
• Italic – наклонный • Grid – сетка
• Fill – заливка
 1 день

Бесплатные фото
https://stocksnap.io/ https://www.freeimages.com/
https://isorepublic.com/ https://www.stockvault.net/
https://negativespace.co/  https://freerangestock.com/
https://burst.shopify.com/ https://unsplash.com/
https://kaboompics.com/ https://www.pexels.com/
https://pixabay.com/ https://foter.com/
 1 день

Бесплатные шрифты
https://fontstorage.com/ https://fonts.adobe.com/
https://vk.com/shrift http://myfonts.com/
https://fonts.google.com/ https://fonts2u.com/
https://www.ph4.ru/ http://www.fontfabric.com/
 1 день

Бесплатные иконки
https://www.iconfinder.com/
https://icons8.com/
https://thenounproject.com/
https://www.flaticon.com/
 1 день

Домашнее задание
1. Создай копию проекта
2. Поменяй имя и фамилию 
3. Измени шрифтовую пару
4. Вставь свою фотографию
5. Открой доступ и дай ссылку
Исходник проекта в Figma
Завтра

Завтра отправим файлы

shablon-brif.doc Отправим завтра primer-tz.doc Отправим завтра

Шаблон брифа для создания сайта позволит Пример технического задания на разработку
ничего не забыть при общении с клиентом сайта помогает формализовать все вопросы

117_voprosov.pdf Отправим завтра shablon-dogovor.doc Отправим завтра

Вопросы для распаковки бизнеса клиента от Шаблон договора на создание сайта, в котором
качеств руководителя до цифровых показателей четко расписаны права и обязанности сторон