Разработка концепции
текстового лонгрида
для журнала KINFOLK
текстового лонгрида
для журнала KINFOLK
KINFOLK - Американский журнал, аккумулирующий идеи творческого сообщества всего мира: художников, писателей, фотографов, дизайнеров и кулинаров. Издание наполнено эссе, фотографиями, рецептами, интервью, личными историями и практическими советами, главная цель которых — вдохновить на получение удовольствия от окружающего мира.
Цели проекта:
Результат проекта:
Построить текстовый лонгрид, как историю с универсальным типом верстки (решения должны работать даже в том случае если контент спецпроекта, его тема изменится)
Разработана дизайн-концепция внутренней страницы сайта со статьей, организовано движение по тексту благодаря управлению фокусом внимания пользователя.
ПРОТОТИП
Главной задачей при проектировании страницы с большим количеством текста-увлечь пользователя
и организовать его движение в этом пространстве. При решении данной задачи я опиралась на внутреннюю логику контента, его тему и объем,
в конечном результате придав ему графическую форму, которая сводится к схеме.
и организовать его движение в этом пространстве. При решении данной задачи я опиралась на внутреннюю логику контента, его тему и объем,
в конечном результате придав ему графическую форму, которая сводится к схеме.
Для того, чтобы наглядно понять,
какая схема движения будет на данной странице, я нарисовала схему страницы от руки. Это помогло понять, как будет расположен текстовый контент и фотографии на станице,
как будет двигаться взглядом пользователь по тексту и где будет находиться его фокус внимания,
чтобы управлять им.
какая схема движения будет на данной странице, я нарисовала схему страницы от руки. Это помогло понять, как будет расположен текстовый контент и фотографии на станице,
как будет двигаться взглядом пользователь по тексту и где будет находиться его фокус внимания,
чтобы управлять им.
Затем, разработав данную схему,
я перенесла это на графический прототип в программу Figma. Здесь
уже доработала прототип, сделав его более детализированным
и разместила текст по разным блокам, обозначила заголовки и цитаты, для более простой и легкой навигации по контенту.
я перенесла это на графический прототип в программу Figma. Здесь
уже доработала прототип, сделав его более детализированным
и разместила текст по разным блокам, обозначила заголовки и цитаты, для более простой и легкой навигации по контенту.
ДИЗАЙН И
КОНЦЕПЦИЯ
КОНЦЕПЦИЯ
ДИЗАЙН И КОНЦЕПЦИЯ
Опираясь на графический прототип, была разработана дизайн-концепция для данной страницы. Поскольку в текстовом лонгриде большой обьем текста, были добавлены фотографии для визуального отдыха при чтении.
Шрифт
Corporate A Cond Pro
Corporate A Cond Pro
Сетка
4 columbs; 20 gutter; 20 margin
4 columbs; 20 gutter; 20 margin
#000000; #161616; #999999
АДАПТАЦИЯ
После завершения разработки дизайна страницы, были разработаны дизайн-макеты под адаптацию для разных устройств, чтобы при открытии страницы с планшета или телефона контент отображался корректно.
Этот этап разработки сайта не менее важен, чем остальные, поскольку сайты чаще открываются именно с телефонов, чем с компьютеров. Поэтому про это важно не забывать и уделять данному этапу
не меньше внимания, чем остальным.
не меньше внимания, чем остальным.
ДРУГИЕ
ПРОЕКТЫ
ПРОЕКТЫ
ДРУГИЕ ПРОЕКТЫ
04.Цветочная лавочка
by Lada Sidelnikova
by Lada Sidelnikova
Редизайн существуещего сайта
для салона флористики в городе Находка
для салона флористики в городе Находка
UX/UI
СОПРОВОЖДЕНИЕ
РЕДИЗАЙН
WEB-DESIGN
Давайте вместе создадим сайт,
который будет соответствовать
вашему бизнесу и поможет
достичь ваших бизнес-целей
который будет соответствовать
вашему бизнесу и поможет
достичь ваших бизнес-целей
Я верю, что веб-дизайн - это не просто украшение.
Это мощный инструмент, который может превратить посетителей сайта
в лояльных клиентов и поднять
ваш бизнес на новый уровень.
Это мощный инструмент, который может превратить посетителей сайта
в лояльных клиентов и поднять
ваш бизнес на новый уровень.
