Вы находитесь на странице: 1из 10

1 день

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

и UI/UX дизайну
Дополнительные материалы 1 дня: ссылки на полезные
сайты, исходники и программы для дизайнеров
Программы дизайнера
Figma Photoshop
Бесплатная программа, которая позволяет Стандарт для большинства сфер по обработке
создавать макеты сайтов прямо в окне браузера растровых изображений

Sketch Gimp
Бесплатный аналог Photoshop, который менее
Работает только на Mac, является стандартом
распространён, но все-таки пользуется спросом
среди UX/UI дизайнеров, но Figma догоняет

Adobe XD Afiniti
Главное преимущество XD в более тесной Мощная программа для работы с векторными и
интеграции с другими продуктами Adobe растровыми изображениями
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 Отправим завтра

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