• 1
  • #1
Автор: WebForMySelf
Название: Веб-дизайн + Верстка (2019)

[WebForMySelf] Веб-дизайн + Верстка (2019)


Описание:

Веб-дизайн сегодня – это не просто внешний вид сайта, но и то, насколько сайтом удобно пользоваться, насколько он понятен целевой аудитории, как быстро посетитель ресурса достигает цели, с которой пришел сюда.

Соответственно, и веб-дизайнер — это не просто тот, кто создает внешний вид сайта. Веб-дизайнер – это тот, кто проектирует и создает понятный и удобный для использования дизайн на основе анализа данных о целевой аудитории.

- Что делает веб-дизайнер
Веб-дизайнер создает макеты любых сайтов: визиток, лендингов, интернет-магазинов, корпоративных ресурсов и так далее. Кроме этого, он может заниматься созданием иконок и других изображений для веб-использования, логотипов и фирменного стиля компании, может создавать рекламные баннеры, шаблоны писем для email-рассылок и так далее.

Рабочий процесс дизайнера выглядит следующим образом.

Изначально дизайнер получает ТЗ (техническое задание на разработку сайта) от заказчика. В ТЗ указано, какой сайт нужно создать: для чего и как планируется его использовать, какую задачу должен решать ресурс, кем будут его основные посетители, с какой целью они будут заходит, какой контент должен быть размещен на сайте. Если какой-либо информации для создания дизайна не хватает, то дизайнер задает вопросы заказчику или самостоятельно проводит необходимое исследование. На данном этапе может быть полезно изучить сайты конкурентов, а также другие ресурсы в данной либо в смежных тематиках.

Далее, после сбора необходимой информации и данных, дизайнер либо от руки на бумаге, либо в специальных программах делает прототипы будущего сайта. Прототипы сайта — схематическое, без дизайна, расположение информации и блоков на сайте. Как правило, делают несколько прототипов и выбирают один, наиболее подходящий.

- Инструменты веб-дизайна
В данной статье не будем подробно останавливаться на всех инструментах под различные платформы, которые существуют для веб-дизайнеров, потому как их очень много. Даже сайты с иконками, различной графикой для сайтов и Google Fonts — тоже, своего рода, инструменты для веб-дизайнера.

Долгое время лидером и чуть ли не единственной массовой программой для создания макетов сайтов был Photoshop. Потом появился Sketch. Кто-то перешел на использование Sketch, кто-то остался на Photoshop. Но сегодня есть еще один очень хороший инструмент для создания дизайна, который хорошо зарекомендовал себя среди других инструментов и заслужил любовь многих дизайнеров — это Figma.

Figma — это новая программа для веб-дизайнеров. С помощью нее можно создавать не только прототипы, но и сами интерфейсы (сайты, приложения, панель управления). Весомым преимуществом данной программы является ее простота. Именно за счет этого Фигма завоевывает сердца специалистов в сфере веб-дизайна.

- Преимущества Figma
Доступность — Figma работает прямо в браузере. Не нужно ничего скачивать, устанавливать. Просто с любой платформы заходите на сайт figma.com, авторизуйтесь и начинайте работать в программе. Есть, конечно, и десктопная версия, но она совсем немного отличается функционалом от веб-версии программы. Пожалуй, самое критичное — это то, что в десктопной версии можно работать без подключения к интернету.

- Удобные инструменты — Photoshop изначально создавался как редактор фотографий, поэтому инструменты именно для рисования в нем — не самые удобные для дизайнеров. В Figma совершенно иной подход: удобный Pen Tool, удобное создание эффектов и т. д.

- Работа со шрифтами — в Photoshop или другой графической программе нельзя использовать для дизайна шрифт, который не установлен в системе. В Figma шрифты подтягиваются из Google Fonts либо автоматически подгружаются в проект.

- Удобный бэкап — все версии и изменения хранятся в Figma. Можно в любой момент откатиться на нужную версию. Больше нет необходимости хранить много версий одного проекта на компьютере.

- Совместная работа — в Figma очень продумано сотрудничество над одним проектом. У каждого есть возможность оставлять комментарии, есть настройка прав для отдельных пользователей. Курсоры всех пользователей проекта окрашиваются разными цветами и подписываются. Работа отслеживается в режиме реального времени.

- Хранение файлов — все файлы Figma хранит в облаке. Поэтому теперь не нужно пересохранять файл в формат .png перед тем, как скинуть на согласование заказчику. Достаточно просто дать ссылку на файл в Figma.

Это основные преимущества Figma. Конечно, список не исчерпывающий. Каждый, кто попробует Figma, найдет что-то полезное и удобное именно для себя.

Так, например, Figma — удобный инструмент и для верстальщиков, которые впоследствии верстают созданный макет. Верстальщик в Figma может сразу удобно измерить отступы или расстояния между элементами, посмотреть все стили для элемента и коды цветов.

В комплекте бонусы и дополнительные материалы!

Подробнее:
Авторизуйтесь, чтобы посмотреть скрытый контент.

Скачать:
Авторизуйтесь, чтобы посмотреть скрытый контент.
 
Последнее редактирование модератором:

Отзывов в теме: 1

DARKFEAL
Премиум
Регистрация
10/09/2019
Сообщения
2
Репутация
1
Спасибо за публикация, очень сильно нуждался в ней.
Еще раз спасибо Огромное!
 
ky4ep
ky4ep
Премиум
badge badge
Регистрация
04/05/2019
Сообщения
2
Репутация
0
Подскажите а здесь есть 11 дополнительных уроков для старта с нуля как написано на сайте продажника?
 
purity
Премиум
badge
Регистрация
05/10/2018
Сообщения
1
Репутация
1
ПРОСТО КОСМОС!
BonAqua хвала тебе!
 
Yuras18
Премиум
badge
Регистрация
23/02/2019
Сообщения
5
Репутация
0
Thank you , the best man.
 
makeev_vv
Пилигрим
Регистрация
02/03/2019
Сообщения
1
Репутация
0
А файл с материалами Figma где найти?
 
McCusha
Премиум
badge badge badge
Регистрация
20/07/2019
Сообщения
14
Репутация
5
У кого то были проблемы с распаковкой? Распаковались только Бонусные уроки, основного курса нет!
 
Dark_Raven
Dark_Raven
Премиум
badge badge
Регистрация
24/11/2019
Сообщения
5
Репутация
0
При распаковки требует пароль. Где его найти?
 
Geronimo
Просветленный
badge
Регистрация
05/11/2018
Сообщения
4
Репутация
2
Не подходит.
Где же взять рабочий пароль?
Пароль нашел, но курс все равно открывается с ошибками

[sharewood.biz] [WebForMySelf] Веб-дизайн + Верстка (2019).part4.rar: Для распаковки videokurs\part4\9.mp4 нужно начать извлечение с предыдущего тома
[sharewood.biz] [WebForMySelf] Веб-дизайн + Верстка (2019).part4.rar: Ошибка контрольной суммы в videokurs\part2\14.mp4, файл повреждён
 
Geronimo
Просветленный
badge
Регистрация
05/11/2018
Сообщения
4
Репутация
2
Спасибо, что поправили.
Теперь все работает и распаковывается отлично!
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Последние темы автора

Малыш Джон
Ответы
2
Просмотры
2K
Els i El
Малыш Джон
Ответы
0
Просмотры
1K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
4
Просмотры
1K
Суперюля
Суперюля

Похожие темы

Arsenn32
Ответы
0
Просмотры
2K
Arsenn32
Arsenn32
Малыш Джон
Ответы
6
Просмотры
5K
yurikfirst
yurikfirst
Arsenn32
Ответы
13
Просмотры
4K
Istentep
Istentep
Arsenn32
Ответы
0
Просмотры
2K
Arsenn32
Arsenn32
Алан-э-Дейл
Ответы
4
Просмотры
5K
$HAREW00D
$HAREW00D
Arsenn32
Ответы
2
Просмотры
2K
Wowkakprosto
Wowkakprosto
Arsenn32
Ответы
1
Просмотры
3K
Максим Тарасов
Максим Тарасов
Arsenn32
Ответы
1
Просмотры
3K
rtahir1995
rtahir1995
Малыш Джон
Ответы
5
Просмотры
5K
bezzvuka
Сверху Снизу