Original size 5167x7292

Новое портфолио/диджитал

PROTECT STATUS: not protected
367

Формат проектов для витрины Школы дизайна hsedesign.ru значительно отличается от обычного студенческого портфолио.

Разберемся, как выглядит хорошая подача.

Рекомендации

Шаг 1

Начинайте с самой привлекательной части проекта, после которой захочется разобраться в проекте и листать ниже.

Приветствуется погружение в проблематику, однако делать это стоит выдержанно и в стиле проекта, не перегружая анализом.

Также выигрышно смотрятся динамичные элементы в начале подачи.

big
Original size 960x540

Продумайте, как слова на самих носителях уже могут погрузить человека в тему.

big
Original size 3500x2300
Original size 1500x843

Шаг 2

По мере повествования чередуйте элементы так, чтобы сохранять у пользователя интерес и желание посмотреть проект дальше.

Ритм/баланс

Необходимо чередовать общий, средний и крупный план в ритме, соответствующем вашему проекту: два через два; три через один; три-два-один; и так далее.

Original size 2000x1080
Original size 2000x1080

Шаг 3

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

Диджитал — про взаимодействие, поэтому успешным завершением лонгрида может служить ссылка, на которую нажмет пользователь, заинтересовавшись.

Original size 3500x2000

Хорошим тоном может послужить GIF-анимация, завершающая повествование.

Обложка видео — важный элемент стилистически выдержанного в едином ключе контента лонгрида. Подумайте, как вставленная через интерфейс ссылка может выигрышно смотреться в подаче проекта.

Loading...

Общие требования к проектам

Необходимо исходить из мысли, что посетители не в курсе наших задач, модулей, предыдущего опыта автора, кто такой их куратор.

Original size 6002x3603

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

Проекты на витрине практически не включают этапы разработки, а переходят сразу к сути и основному визуальному ряду. В них не должны присутствовать поисковые варианты или длинные пояснения.

Original size 2840x1504

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

Объем

Не стоит делать огромный, монотонный отчет о проведенной работе, но и не надо показывать только вершину айсберга.

Должно быть повествование (и визуальное тоже), цепляющее зрителя, заставляющее остановиться и после перейти на другие проекты.

Короткая невнятная подача проекта в лонгриде не работает в новом портфолио, ссылки на видео не достаточно.

Чеклист проекта на новом портфолио:

— сразу к сути — текст вне носителей только в блоках редактора погрузчика — проверять разрешение, возможный ресайзинг слайдов — «кликабельная», масштабируемая обложка, раскрывающая проект — только основной визуальный ряд и текстовое описание концепции

Технические возможности

GIF

Создает динамику, помогает уменьшить длину скучного скролла одинаковых элементов, позволяет целостно показать приемы.

Размер файла — до 10 MB

от 1860×2631 до 3720×5262

Original size 1500x843

GIF-анимация может помочь раскрыть стилистику проекта, как на примере.

Original size 1875x1016

С помощью покадровой GIF-анимации можно также показать некоторые изначально динамичные элементы.

JPEG

Визуальная база. Изображения, мокапы, айдентика, развороты, рендеры и скриншоты.

Размер файла — до 150 MB

от 1860×2631 до 3720×5262

Original size 5333x3000
Original size 2667x1875

VIMEO/YOUTUBE

Погружает в проект, может являться «перебивкой» или завершать повествование, вызывать эмоцию.

Ссылки вставляются через интерфейс редактора.

Original size 3001x2248
Original size 6002x5151

Пример органично вставленной ссылки на видео. Подумайте, как элемент в виде ссылки можно обыграть в стиле вашего проекта.

ТЕКСТЫ

Вводят в контекст проекта, поясняют по мере скролла.

Первое, что идет после обложки — текст с описанием формата и сути проекта.

Фон и композиция

Компоновке объектов и работе с фоном нужно уделить особое внимание.

Original size 2802x1282

Пример хорошего использования фона, текстовых блоков и изображения.

Магия

У каждого проекта есть особенности, наиболее восхищающие зрителя. Архетипичные радости, то, что вызывает интерес, заставляет запомнить.

Чем мне помогут? Что мне расскажут? Как меня развлекут?

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

Ссылки на хорошие подачи

Новое портфолио/диджитал
367
We use cookies to improve the operation of the HSE website and to enhance its usability. More detailed information on the use of cookies can be fou...
Show more