Привет! В сегодняшней статье разберем полезные инструменты для создания макетов сайтов и дизайна.
Поиск референсов
1. Выбрать понравившиеся дизайны сайтов: https://www.behance.net,http://land-book.ru, https://land-book.com, http://lp4lp.ru, http://flatinspire.com, https://www.awwwards.com.
2. Собрать референсы. Сохранить понравившиеся элементы в документ.
3. Придумать на бумаге несколько вариантов, выбрать, что понравится больше.
Подбор шрифтов
1. В большинстве случаев шрифтов Тильды остаточно.
2. Для заголовков 36-60 пкс Для текстов 14-18 пкс Подзаголовки 18-24 пкс
3. Если этого мало - https://webfonts.pro
Программы
1. Photoshop:
- Уменьшение изображений, оптимизация по веб.
- Обрезка фото.
- Волшебный ластик - удаление фона.
- Размытие и резкость.
- Коррекция изображений.
- Слой-маски - переход одного изображения в другое.
2. Joxi - скриншотер
3. Svg explorer extension - отображение svg файлов в проводнике.
Расширения
1. ColorZilla - определение цвета.
2. WhatFont - определение шрифтов.
3. Emmet Re:vie - проверка адаптивности.
4. LastPass - менеджер паролей.
Сервисы
• https://www.flaticon.com - поиск иконок
• https://webfonts.pro - шрифты
• https://color.adobe.com/create/color-wheel - побор палитры
• https://colorscheme.ru - побор цветов
• https://colorhunt.co - готовые палитры
• https://www.canva.com - дизайн без знаний
• http://getcover.ru - созание мокапов
• https://mind42.com - интеллект-карты
• https://ru.todoist.com - задачник, еженевник
Учет рабочего времени
• https://toggl.com - расчет стоимости часа работ, доказательство работы для заказчика. Таблица статистики (Проект/ Стоимость/ Время/ Стоимость часа)
Курс
Надеюсь, статья была полезна. Вы всегда можете отметить статью лайком и задать свой вопрос) Для тех, кто интересуется разработкой сайтов, я создал онлайн-интенсив, где вы сможете за 2 недели научиться создавать сайты и получите свой первый заказ от меня.
