Чек-лист
уэб-дизигнера
Дизайнер! Мы создали для тебя
уникальный
чек-лист, который поможет тебе
почти
ничего не забыть в процессе производства веб-шедевра.
Собираешь макет?
Твоим макетом могут пользоваться другие люди (особенно программисты), поэтому приведи все в порядок!
Удали лишние артборды, картинки и т.д.
а еще лучше, перенеси их в архив
Дай понятные имена артбордам и слоям
а не Group 889
Расположи все артборды логично, по сетке
Удали все лишние и скрытые слои
Сгруппируй все слои, как матрешки
например, все элементы попапа с фоном, кнопками и т.д. находятся в папке popup
Убери режимы наложения
Multiply, Screen и т.д.
Убери лишние направляющие
Задай сэйфзону вокруг иконок
опционально, но функционально, особенно для приложений
А что по дизайну?
Создай систему вертикальных и горизонтальных отступов
про отступы заголовков можно почитать
тут
Соблюдай модульную сетку
Создай систему стилей
цвета, типографика, элементы
Помни, что все отступы и элементы должны быть цельнопиксельными
например, 10*10 пикселей, а не 10,87) [исключение: линии]
Если на артбордах много одинаковых элементов, соединяй их в символы
Создавая дизайн для десктопа, думай, как это будет работать в мобильной версии
Помни о количестве символов в заголовках и текстах
что если будет слишком много текста?
Помни о странице поиска и о том, как будет вести себя поисковая строка
Сделай страницу 404
Если у тебя есть форма обратной связи, нарисуй попап со статусом отправки сообщения
Сделай фавикон и картинки для шеринга
Как насчет стайлгайда?
Не забудь сделать стайлгайд со всеми компонентами на отдельной странице
Добавь все состояния кнопок, полей ввода, чекбоксов и т.д
активная, ховер, тап, недоступная
Добавь несколько видов кнопок
основная (большая), маленькая, дополнительная, с иконкой, кнопка-иконка
Добавь ошибки в поле для ввода
например, если юзер забыл пароль
Добавь раскрытый вариант дроп-дауна
Отдаешь макет в верстку?
Выполни все предыдущие задачи
Напиши тех.задание для верстки, опиши принципы работы и анимацию
ты можешь скачать наш шаблон для тех.задания тут
Сбросить