10 впечатляющих сайтов-портфолио дизайнеров и разработчиков 2017 года
Чтобы преуспеть на рынке web-дизайна и разработки или в качестве фрилансера, нужно иметь впечатляющее портфолио. Создатели сайта-портфолио сталкиваются с задачами посложнее, чем у других креативщиков. Их мастерство будет оценено не по картинке или тематическому исследованию, а тому как работает дизайн. Для этого обзора подобраны самые крутые, свежие дизайнерские сайты 2017 года. Сегодня много оформителей портфолио погналось за модными современными спецэффектами. Но творческий подход на основе не стареющих принципов веб-дизайна с уникальным авторским почерком – неоспоримо интересней и выглядит новаторским.
В настоящее время не уменьшается интерес к смелым дизайнерским решениям от истинных экспериментаторов. Итак, 10 лучших сайтов-портфолио дизайнеров и разработчиков на первую половину 2017 года:
01. Humaan
Сайт команды креативных дизайнеров и разработчиков из Австралии
Приятный, мягкий стиль дизайна с великолепно оформленным портфолио сайтов. Красивые бесшовные переходы к страницам проектов. Дизайн помогает продавать высококлассные диджитал услуги для передовых брендов.
02. Cedric Pereira
Простое, но хорошо структурированное и занимательное дизайнерское портфолио
Бывший практикант Deezer и Ultranoir, французский интерактивный дизайнер сейчас заканчивает школу HETIC. Его творческий интерактив с пятном на главной странице завораживает. Креатив начинается с крутой анимированной загрузки сайта. Такие решения сходу делают портфолио дизайнера залипательным.
04. Fabian Irsara
Fabian Irsara показывает каким может быть дизайн современного сайта-портфолио
Австрийский разработчик член awwwards и основатель софт-компании Momate. Стоило ожидать от него внушительного портфолио-сайта с креативными идеями. Впечатляет элегантный глянцевый стиль с красивой типографикой. Использованы лаконичные, интригующие тексты и фишки, вроде размытия фона при прокрутке.
05. Felipe Castro
Пример яркого оформления содержательного дизайнерского портфолио
Дизайнер и фронтенд девелопер размещает свои проекты в информативном портфолио. Достойно выполненные работы сопровождаются описанием подходов, процесса создания и важных деталей (разметка, UI элементы, коды цветовой схемы и т.д.). Красиво оформлены предзагрузка страниц и скролл-эффекты для изображений.
06. Malika Favre
Продающий сайт-портфолио в стиле Flat Design английского иллюстратора
Великолепная графика проектов связно представлена в плоском плиточном дизайне. Малика поражает умением использовать позитивно-негативное пространство. Шикарно выглядит векторная графика оживленная синемаграфией. Эффектные иллюстрации на главной странице создают верный эмоциональный посыл для всего ресурса с портфолио и онлайн-магазином.
07. Web Expert
Персональное портфолио креативного фронтенд-разработчика из Италии
Сайт создан с использованием css3, интерактива, градиент-анимации, canvas, JS. Геометрия во всем дизайне: от прелоадера загрузки до декоративных шрифтов. Красивые фоновые hover-эффекты в меню, эффектные переходы и анимация с контурными фигурами.
08. Prashant Sani
Темный сайт портфолио индийского фронтенд-девелопера со множеством маленьких изящных штрихов
Веб-разработчик специализируется на SVG, JavaScript, HTML5 и адаптивном дизайне. У его портфолио темный дизайн с геометрическими икосаэдр фигурами, эффектами в меню, трансформацией значка-бургера и яркими переходами.
09. Shantell Martin
Необычный интерактив: индивидуальность и персональный брендинг
Продающее портфолио с черно-белым дизайном походит на сон. Главная страница причудливо оформлена hover-анимациями фоновых узоров. Так, Shantell Martin связывает изящества изобразительного искусства с коммерческим миром.
10. Fabiotoste
Персональный сайт-портфолио на HTML5
Личное портфолио бразильца представляет собой микс из эффектно применяемых веб-техник, описания навыков и примеров работ.
seo-design.net
50 креативных портфолио сайтов.
Создание своего личного портфолио сайта, возможно, одно из самых сложных заданий, которое вам придется делать. Вы сами себя критикуете и, что бы ни было сделано, вы всегда хотите это изменить и сделать еще лучше.
Для вдохновения взгляните на эти портфолио — креативные сайты. Они различные для разработчиков (для них, как правило, дизайны очень точные), для дизайнеров (красочные и яркие) и фотографов.
Gummisig
Alberto Beloni
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Lisa Moseley
Sean Geng
Marko Prljic
Michela Chiucini
LP – Creative Designer
Peter Pearson
Colourpixel
Matt Dempsey
Jay Hafling
Miles Dowsett
Noel Design
Jae Salavarrieta
ilove2design
Alexey Abramov
Pampaneo
Love the Septapus & He Shall Love Unto You
ths
arqandgraph
Jason Santa Maria
Jon White Studio
COMA
Daniele Volpin
Joe Longstreet
Davy Van Den Bremt
Hugs For Monsters
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Andrew Brandwood
Catalin Bridinel
Nathan Sanders
Matt Mullenweg
Stuart Hobday
Form + Function
Triplux
Julian Andrade
Jeffdoe
Jason Julien
Kitfolio
Magnivate
Mike Rundle
Michael Paul Young
Pngised
Jeff Finley
Pavel Macek
Cerity
Giancarlo Fajardo
DREAMER LINES
Flush
Callum Rimmer
Svetainiu Kurimas
Jackson & Kent
Krishna Chaitanya
Автор: Paul Andrew
Источник: http://speckyboy.com/
Редакция: Команда webformyself.
Рисовать Дизайн Сайтов —
ПРОЩЕ, Чем Вы Думаете!
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видеоwebformyself.com
Стильные портфолио дизайнеров и агентств — 30 замечательных примеров
Свои фантазии современные веб-дизайнеры охотно воплощают в идеи, которые принимают самые необычные формы и размеры. Сейчас смело и нестандартно оформлять портфолио проектов могут как персональные сайты, так и лучшие digital-агентства или студии. Интернет переполнен впечатляющим дизайнами портфолио. Стремясь занять достойное место в творческом пространстве, дизайнеры и разработчики с интересом рассматривают новшества в оформлении портфолио-проектов (нужно быть в курсе последних дизайн-трендов).
Вдохновитесь примерами инновационного мышления – поощрите творческую свободу дизайнеров просмотром великолепных дизайнов-портфолио в современном стиле 2018.
Персональные портфолио дизайнеров и сайты небольших студий
Оригинальность дизайна подчеркивает персональность сайта. Смотрите как собственные подходы выделяют портфолио дизайнерских сайтов из толпы.
01. Toy Fight
Сайт манчестерской дизайн-студии из двух человек. Нестандартные творческие подходы
Улетный сайт в новомодном ярко-минималистичном стиле. Впечатляет многообразие эффектов: от парраллакс-прокрутки до красивых анимированных трансформаций и неожиданных 3D сцен с участием двух совладельцев. Не будь визуального юмора и оригинальности, идущей от доменного нейминга – одна лишь эффектность не принесла бы сайту известности, а студии успеха.
02. Tomer Lerner
Запоминающееся нестандартное портфолио опытного девелопера и аниматора
Необычный портфолио-сайт с горизонтальной / вертикальной прокруткой. Использует сочные колориты Flat, материальный дизайн и свежий тренд 2018 года – яркие градиенты. Уникально оформлены микроитерации и горизонтальный скролл с призрачными кнопками. Продуманная навигация, адаптивность и UX-дизайн увязаны с интерактивом, hover-эффектами, прелоадером загрузки.
03. Lempens Design
Удивительно красивое портфолио бельгийского дизайнера и фронтэнд-разработчика
В одностраничном портфолио эффектно применяется плоский дизайн. Привлекательные виды в бекграунде совмещены с красивой скролл-анимацией, интерактивом и hover-эффектами.
04. Olly Gibbs
Онлайн-портфолио оформлено с вниманием к деталям
Профессиональный иллюстратор уже поработал с Уорнер Бросом, Мьюз, Армией Спасения. Броским дизайном с ноткой юмора он показал персональность, а типографикой с разметкой создал оригинальную эстетику.
05. Tom Biskup
Портфолио дизайнера и арт-директора Тома Бискап
Это портфолио – ненавязчиво и стильно поданная история. Анимированое изображение в «шапке» быстро погружает посетителя в творчество дизайнера. Асимметрично расположенные изображения на главной странице ведут к более детальным кейсам. Оригинальное оформление портфолио сайта уже само по себе демонстрирует арт-талант Тома.
06. Wade Jeffrey
Причудливый портлфолио сайт арт-директора Джеффри Уэйда
Сайт необычен, как и дизайнерские работы. На лендинг странице портфолио прокручивается зацикленное видео прилетающего в автора мяча. Онлайн-портфолио Уэйда своим дизайном выражает стиль работ и сам образ автора. Подход не просто реализуем на практике, но способен увязать выставленные на показ проекты с первым впечатлением об их создателе.
07. Sean Halpin
Персональный дизайнерский сайт-резюме, создающий атмосферу раскованности
Пример сайта-резюме в стиле «китч». Личный брендинг необычайно прост, а дизайн легок для восприятия. Создав зеленый мирок (атмосферу раскованности), канадский веб-разработчик и дизайнер играючи демонстрирует мастерство с творческими возможностями.
08. Christopher Lee
Кристофер Ли показывает свою страсть к игрушкам, карикатурам и мультфильмам прошлого
Кристофер Ли не просто показывает имя легендарного актера, но судя по оформлению продающего портфолио – свой креативный талант тоже. На броский дизайн с иллюстрациями вида «чудовища возвращаются» Кристофера вдохновили колориты городских улиц и мультфильмы 90-х.
9. Tim Lahan
Идеально «приготовленное» продающее портфолио дизайнера
Портфолио графического дизайнера из Нью-Йорка, в котором изображения и продающие видео рассказывают истории. Тут же можно купить постеры, иллюстрации, анимированные GIF, книжки, принты для одежды и арт-принты. Запредельная эпатажность продается без «барьеров» и рамок, которые бы отвлекали и ослабили эффектность.
10. Small Studio
Компактный и необычный сайт небольшой австралийской студии
Уютный и легкий в управлении сайт с хорошим юзабилити и UX-дизайном. Оригинальная структура с навигацией типа горизонтальный аккордеон.
11. Lauren Wickware
Студия фрилансера Лорен Виквар специализируется на оформлении публикаций
Лорен организовала эффективный просмотр с непрерывной подачей работ, размещая главную и страницу портфолио в одном экране. Тематичные изображения, визуальная детализация и нестандартная разметка с чередованием блоков повышают интерес, а сбалансированность визуала и функционала позволяет:
- Продемонстрировать фирменный стиль и персональность
- Быстро и привлекательно подать посетителям самое интересное
12. Bolden
Сайт с кейсами проектов небольшой студии из 7 человек
Креативный дизайн отлично справился с продающей задачей сайта. Ярко-минималистичный фирменный стиль:
- Выражает облик небольшой студии
- Привлекает, но не перетягивает на себя внимание
13. Bleed
Минималистичное портфолио – пример взаимодействия стилей
Сайт студии связно сочетает мир культуры с правилами визуализации, демонстрирует арт и медиа самобытность. Образ мышления реализован в проектах, а эффектные изображения с крупными шрифтами помогают завлекать аудиторию.
14. Tim Smith
HTML5 трюки оживили сайт-портфолио Тима Смита
Безупречно чистого вида портфолио-сайт на CSS3 и HTML5. Компактная навигация с плитками на главной. Оригинальное решение: геометричные подложки для заголовков внутри карточек с флип-переворотом при наведении.
15. Daniel Spatzek
Онлайн портфолио австрийского фрилансера-дизайнера
Будучи графическим и WEB дизайнером, Дэниел продемонстрировал умения в интересно и эффектно оформленном портфолио. Использовано много CSS трюков и анимации для его «оживления».
Дизайн-агентства / портфолио на сайте компании
17. Made in HAUS
Сайт брендинговой и маркетинговой компании стартовавшей из Санта-Моники
Эффектный и чистый дизайн. Броский энергичный стиль выражает амбициозность и концепцию: дизайн & технологии. Цвета заливки портфолио-превью согласованны со страницами кейсов цветокоррекциями фонов и цветовыми схемами. Новаторство во всем: если вы считаете какие-то тактики / элементы онлайн-портфолио устаревшими, просто взгляните на творческий дизайн HAUS.
18. Super Crowds
Красота эстетики по японски: высокотехнологичный сайт креативного агентства из Токио
Когда минималистичному сайту тени добавляют глубины, он выглядит супер-материалистично. CSS3, HTML5, интерактив и анимация применяются с элементами современного веб-дизайна.
19. FCinq
Сайт креативного цифрового агентства из Парижа
Благодаря простой структуре с каталогом работ на главной странице и продуманному дизайну в духе последних трендов, сайт выглядит современно и им легко пользоваться. Скроллинг и hover эффекты, яркие цвета, достаточность свободного пространства – то, что сейчас популярно в WEBе.
20. Rosie Lee
Гибридное креативное агентство по онлайн / оффлайн брендингу, рекламе и ритейл-дизайну
Работы из портфолио занимают центральное место на сайте с доступом к кейсам на главной странице. Их сопровождают широкоформатные изображения, видео, карусели.
21. Finesse Atelier
Парижское АРТ-ателье с бутик-подходом к веб-дизайну
Finesse специализируется на создании и оформлении эстетичных сайтов, уделяя внимание графике, брендингу, художественному оформлению. Подлинное новаторство к визуальному выражению: креативная студия сочетает технологии, функциональность, юзабилити с изысканностью и артистичной красотой.
22. Sagmeister & Walsh
У креативного агентства из Нью-Йорка черно-белый сайт с нестандартными идеями
Согласитесь, очень легкомысленно развивать онлайн-портфолио, наполняя главную страницу в режиме Live. Но что бы вы не думали, это их новаторская концепция. Навигация по главной проста и понятна, а юзабилити на уровне. В разделе Answers системой тикетов поддерживается список FAQ-вопросов, ответы на них – это посыл к клиентской аудитории.
23. Pollen
Глобальное агентство работает с клиентами из Лондона, Парижа, Нью-Йорка, Токио…
Сайт брендингового агентства напоминает элегантную и запоминающуюся презентацию. Главная целевая страница использует модные тренды оформления: от полноэкранного видео, до утонченных hover-эффектов и реагирующих на курсор миниатюр. Тексты с основным посылом студии выделены типографическими контрастами.
24. Bigger Picture
Сайт цифрового агентства с эффектным дизайном
Современный чистый дизайн на HTML5 & CSS3 с красивыми анимациями и переходами. Оживленная домашняя страница, приятно оформлена «About Us». Эффекты выделяют этот сайт из толпы, но не утомляют.
25. Walking Men
Новый сайт дизайн-агентства сделан на бутстрапе
Современный яркий стиль проявляется в чистом дизайне и эффектном применении интерактива, анимации, графики, элементов геометрии и нестандартной разметки страниц.
26. Uniel
Креативный сайт-портфолио японской студии дизайна
Японский дизайн на любителя, но вы точно не спутаете его с каким-либо дизайнерским веб-ресурсом. Необычная навигация, утонченный стиль, оригинальные кейсы портфолио, уникальные скролл-эффекты и еще много загадочного.
27. Viget
Пример портфолио крупной дизайн-студии с солидными клиентами
Уникальное оформление кейсов с раскрывающимся на весь экран фильтром работ, начинающим и завершающим секцию «Work». Стильно и красиво оформлены остальные страницы, включая всплывающего фирменного кота по завершению прокрутки.
28. Lounge Lizard
Красиво оформленный сайт американского цифрового агентства
Профессиональный вид непросто сочетать с непринужденностью. Приятный Flat-сайт с мягкими контрастами и уникальными эффектами поддерживает этот баланс. Из портфолио посетитель переходит к кейсам (детальному разбору). С огромными плитками и крупными элементами сайт удобен для тачскринов.
29. Delete
Стильный и современный сайт цифрового агентства из Лондона
Яркий красивый флэт-дизайн с плавающим меню и скролл-эффектами. Hover-эффекты и микроитерации с задержкой придают некую солидность, а крупные элементы делают сайт удобным для пользователей сенсорных экранов.
30. Werkstatt
Красивый сайт французской цифровой студии выполнен с вниманием к деталям
Идеальный баланс между функциональностью и эстетикой. Задача интересно и красиво оформить портфолио, не подразумевает нелепую экстравагантность дизайна. Для онлайновых-портфолио зачастую более эффективны минималистичные подходы. Вдохновляющая стратегия: классический минимализм, много свободного пространства и крупная типографика.
seo-design.net
Как оформить творческое портфолио: эффективные советы и идеи
Интернет открыл широкие возможности для творческих людей, желающих превратить своё хобби в успешный бизнес. Ключевой вопрос, который стоит перед каждым ремесленником или дизайнером, – как выгодно представить свои умения и привлечь заказчика. Грамотно составленная самопрезентация станет вашей лучшей рекламой! Читайте статью – и вы узнаете, как оформить портфолио художника, модельера и просто мастера на все руки.
Содержание статьи:
Творческое портфолио: общие требования
Каждый вид деятельности предполагает свои принципы наполнения портфолио, однако, есть черты, которые будут актуальны для всех.
★ Чёткая структура
Хорошее портфолио демонстрирует диапазон навыков, профессионализм и уникальный стиль. Выделите несколько направлений и подберите примеры удачных проектов в этих сферах. Для фотографов это будут разные жанры съёмки, для дизайнеров – образцы работ для полиграфии, упаковок или веб-сайтов.
★ Лучшие работы – вперёд
Не располагайте примеры по хронологии. Портфолио должно начинаться и заканчиваться с ваших самых сильных проектов.
★ Качественный визуал
Старайтесь выгодно преподнести каждый объект портфолио. Если вы создаёте изделия своими руками, не бойтесь потратиться на профессионального фотографа и аренду студии, чтобы заснять образцы. Добавьте краткое, ёмкое и привлекательное описание к каждому представленному «экспонату».
Снимки для портфолио должны быть качественными и презентабельными
★ Баланс времени и качества
Портфолио не должно вызывать скуку, поэтому старайтесь не включать в него слишком много проектов – 20-30 примеров достаточно. Презентация работ должна быть интерактивной и динамичной, если это видеоформат. Поэтому жанр слайд-шоу идеально подходит для демонстрации достижений.
★ Данные для сотрудничества
Продумайте заранее, где разместить портфолио. Это может быть ваш личный сайт, ютуб-канал, группа в соцсети или тематический форум. Обязательно оставьте ваши контактные данные в самом рекламном ролике или в описании к нему.
Теперь кратко пройдёмся по отличительным особенностям составления портфолио некоторых востребованных творческих профессий.
Как оформить портфолио дизайнера
Отобранные изображения должны быть разделены на категории: векторные иллюстрации, логотипы, баннеры, визитки, брошюры и далее по списку. Если вы работаете только с каким-то конкретным направлением, можете добавить структуру в портфолио, представив разные кейсы – истории успешного истории сотрудничества с заказчиками. В них вы можете продемонстрировать стадии реализации проекта от задумки до результата.
Идеальный способ представить свои работы – показать их «вживую». Старайтесь добавлять не просто картинку, а располагать её на макете с изображением планшета, какого-либо продукта, уличного баннера.
Встройте свой дизайн в готовый шаблон или простую картинку, чтобы работа смотрелась реалистичнее
Как оформить портфолио художника
Аналогичным трюком с кейсами могут воспользоваться и художники-иллюстраторы. Например, продемонстрировать этапы разработки персонажа или картинки от скетча до цветового варианта. В кадре можно расположить цветовую палитру или показать одно и то же изображение в разных цветовых оформлениях.
Реализация приёма с цветовой палитрой на примере картины Винсента Ван Гога
Вы можете сочетать в портфолио академические работы с классическим изображением пейзажей, городских зарисовок, портретов, с рисунками, выполненными в вашем индивидуальном стиле. Если вы рисуете по фотографии, то обязательной будет демонстрация оригинала и результата.
Как оформить портфолио дизайнера одежды
У модельеров есть несколько способов представить свои проекты. Первый – группировать объекты по типу одежды, второй – по коллекциям, и третий – по готовым комплектам, собранным на модели. При этом работы можно продемонстрировать сначала в составе композиции, а потом каждый предмет одежды в отдельности, с детальными кадрами для демонстрации текстуры и декоративных элементов. При этом, как и в предыдущих случаях, хорошим приёмом будет показать не только готовые продукты, но и эскизы.
Для портфолио дизайнера одежды хорошим решением будет использование коллажа
Создаём творческое портфолио своими руками
Пожалуй, самый оптимальный способ представить своё портфолио широкой общественности – это слайд-шоу. Этот вариант доступен для новичков и в то же время выглядит динамично и эффектно. С такой удобной программой для слайд-шоу как ФотоШОУ PRO вы без труда создадите продающее портфолио, даже если ещё никогда не делали ролики из фотоснимков. Следуйте инструкции ниже, результат вас приятно удивит!
Шаг №1. Создание проекта
Запустите редактор и создайте «Новый проект». В окне предпросмотра найдите папку с фотографиями ваших изделий и перетащите снимки на шкалу слайдов. Последовательность фото можете менять, просто перемещая кадры. При желании объедините серию фото в анимированный коллаж, для этого достаточно перейти в одноимённый раздел и выбрать шаблон по вкусу.
Добавьте фотографии на шкалу слайдов
Дополните проект цепляющей титульной заставкой. Редактор включает подборку готовых шаблонов, каждый из которых вы можете добавить в проект и изменить по своему вкусу. Обязательно введите название своей организации или укажите своё имя. Тут же можете расположить в конце ролика финальную заставку с контактными данными для сотрудничества.
Используйте заставку из каталога или создайте её своими руками
Шаг №2. Применение эффектов
Простая смена кадров – это скучно. Разнообразить показ слайдов поможет коллекция яркой анимации. Чтобы попасть в каталог, откройте вкладку «Эффекты». На ваш выбор более 100 пресетов – классические, современные, природные и трёхмерные. Выделите фото на шкале, кликните по эффекту, а после – по кнопке «Применить к слайду». Аналогичным образом можете подобрать анимацию ко всем добавленным фотографиям.
Подберите яркий эффект из коллекции программы и примените к фото в один клик
Старайтесь разбавлять сложные эффекты более простыми. Слишком навязчивая анимация будет отвлекать внимание зрителя от самого важного – от ваших работ.
Шаг №3. Создание эффекта своими руками
Проявите креативность и настройте анимацию фотографий своими руками, в ФотоШОУ PRO – это очень просто! Рассмотрим принципы работы с ключевыми кадрами на примере эффекта с домиком из ролика в начале статьи.
Чтобы использовать этот приём, вам потребуется изображение с домом, полками или шкафом. Если вы не найдёте ничего подходящего самостоятельно, можете скачать готовые картинки из официальной группы ФотоШОУ PRO ВКонтакте.
— Создайте пустой слайд сочетанием клавиш Ctrl + Ins.
— Откройте редактор слайда.
— Выберите оформление для фона. Вы можете залить подложку однотонным цветом, градиентом или наложить картинку из каталога или с компьютера. Фон должен быть нейтральным и не перетягивать на себя слишком много внимания.
Настройте оформление фоновой подложки на слайде
— Кликните «Добавить слой» > «Фотографию» и разместите картинку с домиком.
Добавьте на слайд слой с изображением дома
— Аналогичным образом добавьте фотографии со своими изделиями. Если какой-то снимок необходимо обрезать, воспользуйтесь опцией «Кадрирование».
При необходимости кадрируйте добавленные фотографии
Перейдём к настройке анимации.
— Выделите фото, которое хотите увеличить первым.
— Создайте на временной шкале второй ключевой кадр и не вносите изменений. Таким образом вы отмечаете момент старта анимации.
— Разместите третий ключевой кадр спустя 2 секунды и увеличьте снимок, потянув за края выделения или с помощью настройки «Масштаб».
Настройте увеличение первого фото на слайде
— Перейдите в режим управления камерой.
Нажмите на кнопку с видеокамерой, чтобы перейти в режим управления камерой слайда
— Добавьте второй ключевой кадр и не вносите изменений.
— Ближе к концу временной шкалы разместите третий ключевой кадр и увеличьте приближение камеры на 60-70%. Чтобы снимок располагался точно по центру кадра, передвигайте точку обзора камеры с помощью стрелок.
Настройте приближение камеры слайда
Всё готово! Зафиксируйте изменения, кликнув «Сохранить».
— Далее добавьте следующий слайд и настройте его оформление в редакторе.
— Разместите на нём только снимок, который увеличивали на предыдущем слайде.
— Откройте режим управления камерой и на первом ключевом кадре (он появляется автоматически) увеличьте приближение до 60-70%.
Настройте приближение камеры по аналогии с предыдущим слайдом
— Спустя 2-3 секунды добавьте второй ключевой кадр и уменьшите степень приближения до минимального значения.
Отдалите снимок, чтобы он полностью поместился на слайде
При желании вернитесь в режим управления слоями и добавьте на слайд надписи, геометрические фигуры, клипарт или другие декоративные элементы. Их анимацию вы также можете настроить с помощью ключевых кадров.
Расскажите о ваших проектах больше — добавьте на слайд поясняющие надписи
Шаг №4. Добавление переходов
Программа автоматически заполняет плавной анимацией промежутки между слайдами. Однако вы можете сами выбрать переходы из каталога программы. Классические, градиентные, двойные и 3D – откройте вкладку «Переходы» и подберите варианты для каждого слайда. Это может быть один и тот же тип анимации для всего ролика или несколько разных. Главное соблюдайте баланс и не переусердствуйте со сложными эффектами.
Заполните промежутки между слайдами эффектной анимацией
Шаг №5. Настройка звукового сопровождения
Ролик под аккомпанемент тишины точно не произведёт должного впечатления на зрителя. Перейдите во вкладку «Музыка», чтобы дополнить портфолио ненавязчивой фоновой композицией. Нажмите на кнопку «Коллекция музыки» – и вы попадёте в удобную аудиотеку с более чем 200 треками под любое настроение. Выберите мелодию из подборки программы или загрузите свою с компьютера. Отрегулируйте громкость и при необходимости обрежьте аудиодорожку.
Выберите фоновую мелодию для ролика из коллекции программы
После останется только записать слайд-шоу в нужном видеоформате и дождаться окончания конвертации. С креативным портфолио, созданным в программе ФотоШОУ PRO вы сможете легко привлечь новых клиентов и заказчиков. Скачайте программу и презентуйте своё творчество на совершенно новом уровне!
fotoshow-pro.ru
20 советов для создания идеального портфолио
До появления интернета дизайнерам приходилось составлять бумажные портфолио в надежде, что их пригласят на собеседование и там они смогут показать свои работы. Сегодня же любой, кто имеет устройство с выходом в интернет, может узнать о вас и познакомиться с вашими работами удаленно. Однако мало просто создать лендинг и разместить их на нем. Очень важно сделать так, чтобы ваше портфолио выделялось из сотен других подобных.
Ниже мы дадим вам ряд советов, с помощью которых вы сможете создать свое идеальное портфолио.
Содержание статьи
1. Будьте избирательны
2. Выбирайте только самые сильные работы
3. Показывайте свои самые уникальные и креативные работы
4. Покажите разнообразие
5. Определитесь с количеством работ
6. Подумайте и о бумажном портфолио
7. Выбирайте высокое разрешение
8. Будьте в курсе актуальных трендов
9. Стремитесь к единообразию
10. Обеспечьте плавный переход между работами
11. Сделайте фотографии своих бумажных работ
12. Сделайте их интересными
13. Включайте свои личные работы
14. Укажите детали проекта
15. Результаты
16. Сделайте снимок крупным планом
17. Покажите процесс дизайна
18. Не используйте flash или анимацию в своем онлайн-портфолио
19. Попросите взгляд со стороны
20. Регулярно пересматривайте свое портфолио
Вместо заключения
1. Будьте избирательны
Не стоит включать в свое портфолио абсолютно все, что вы когда-либо создавали. Выделите время и просмотрите все свои работы. Исключите все, что не является предметом вашей гордости или что вы не считаете своей лучшей работой.
Портфолио Лиз Грант (Liz Grant) чистое, простое и красивое. Оно не перенасыщено и в нем легко ориентироваться:
«Разместите в своем портфолио лишь самое лучшее из того, что у вас есть. Не нужно выкладывать абсолютно все. У людей короткая концентрация внимания, особенно в интернет-пространстве, поэтому в первую очередь покажите им все самое лучшее», — говорит Грант.
2. Выбирайте только самые сильные работы
Речь идет о тех проектах, которые оказались успешными, получили восторженные отзывы и дали хорошие результаты.
Агентство Nowhere Famous выставляет наиболее сильные и красивые работы в своем портфолио. Они все смотрятся настолько эффектно, что вам сложно решить, что именно из этого открыть в первую очередь:
3. Показывайте свои самые уникальные и креативные работы
Отбирайте для портфолио те работы, которые демонстрируют собой самые последние тренды. Они не должны повторять работы других дизайнеров. Заставьте людей думать «ничего себе, вот ЭТО действительно классно!» Портфолио Duoh! — и весь сайт целиком — пример такой уникальности:
Читайте также: Профессиональные советы по созданию идеального портфолио веб-дизайнера4. Покажите разнообразие
Не стоит ограничиваться одним единственным форматом и включать в свое портфолио лишь примеры веб-дизайна или иллюстрации. Обеспечьте разнообразие работ, но при этом убедитесь, что все они связаны между собой тем или иным образом.
Портфолио арт-директора и дизайнера Корины Ники (Corina Nika) включает множество разных проектов, прекрасно сочетающихся между собой:
5. Определитесь с количеством работ
Ориентируйтесь на качество, а не на количество. Если все же говорить о конкретных цифрах, то мы рекомендуем размещать в своем портфолио 10-20 работ, но не более, дабы не потерять внимание зрителя. Сколь бы замечательными ни были ваши работы, человек все равно просмотрит лишь несколько из них.
В портфолио Олли Сорсби (Olly Sorsby) на первый план выдвинут один проект, а ниже приводится несколько дополнительных. Такой формат портфолио приковывает внимание зрителя к одному нужному проекту:
6. Подумайте и о бумажном портфолио
Несмотря на то что сегодня большинство дизайнеров используют онлайн-портфолио, есть смысл подумать и о создании бумажной версии на случай реальных собеседований, особенно если вы дизайнер полиграфии.
Портфолио Abra Design на изображении выше выполнено в форме журнала, что всегда будет актуально. Также вы можете пойти действительно креативным путем, как Алекс Фоукс, и создать работу, которая будет являться произведением искусства сама по себе:
7. Выбирайте высокое разрешение
Даже если ваше портфолио целиком располагается в Сети, вы никогда не можете быть уверены в том, что однажды вам не понадобится его распечатать. На этот случай желательно иметь фотографии всех ваших работ в высоком разрешении. Портфолио Найноа Шизуры (Nainoa Shizura) целиком состоит из потрясающих, крупных фотографий в высоком разрешении:
Кроме того, четкие крупные изображения идеально подходят для шеринга в социальных сетях. Они производят на зрителя должный эффект и придают вашему портфолио высококачественный вид.
8. Будьте в курсе актуальных трендов
Не стоит включать в свое портфолио работы, выполненные более 3 лет назад. Тенденции, техники и технологии меняются очень быстро. Меньшее, что вам нужно — это выглядеть устаревшим.
Дизайнер Роберт Гавик (Robert Gavick) создал одностраничное, очень модное и трендовое онлайн-портфолио, а Джон Джейкоб (John Jacob) демонстрирует свои работы нетрадиционным и интересным способом, вместо того чтобы использовать плоские фотографии или PDF-файлы.
Читайте также: Для чего фотографу лендинг-пейдж портфолио9. Стремитесь к единообразию
Отобрав в конечном итоге несколько работ, убедитесь, что все они связаны между собой тем или иным образом и отражают ваш бренд. Портфолио не должно выглядеть так, словно все это работы разных людей.
Дизайнерам Джессике Комингоре (Jessica Comingore) и Мхо (Mhou) удалось сохранить свои портфолио чистыми и единообразными.
10. Обеспечьте плавный переход между работами
Это не значит, что вам нужно объединить веб-дизайны и логотипы. Обратите внимание на сочетание цветов и на углы.
Портфолио Down With Design и Tractor Beam — отличные примеры плавного перехода между работами: все они выглядят единообразно до того момента, как их откроют. Это создает приятный внешний вид и при этом не сбивает зрителя с толку.
11. Сделайте фотографии своих бумажных работ
В том случае если работа, которую вы хотите разместить в интернете, имеется только в печатном виде, сфотографируйте ее. Если у вас нет хорошей камеры, не используйте свой iPhone, а наймите профессионального фотографа и проведите небольшую фотосессию.
12. Сделайте их интересными
Если у вас имеется только PDF разработанного вами журнала или постера, поищите в интернете мокап ресурс, такой как, например, Graphicburger. Там есть возможность бесплатно скачать многоуровневые PDF-файлы с вашими работами, чтобы они выглядели так, словно вы нанимали фотографа. Они идеально подходят для веб-сайтов и приложений. Агентство Everything использует для всего своего портфолио мокапы:
Читайте также: 10 примеров лендинг пейдж из сферы рекламных услуг13. Включайте свои личные работы
То, что вы включаете в свое портфолио, не всегда должно быть обязательно выполнено для заказчика. Если у вас есть свои личные любимые проекты, вы можете также внести их в свое портфолио. Дизайнер бренда и упаковки Пол Курра (Paul Currah) разместил несколько таких работ в своем портфолио:
14. Укажите детали проекта
Кто клиент, какие инструменты использовались и как именно продвигали проект — было бы здорово указывать всю эту информацию в подписи к работам в вашем портфолио.
Агентство Studio Faculty указывает не только имена дизайнеров, но также использованные бумагу и шрифты.
15. Результаты
Если вы разрабатывали дизайн для маркетинговой кампании, было бы хорошо включить имена всех остальных, кто работал над этим проектом, то, как они измеряли результаты, и насколько эти результаты оказались успешными. Ниже вы можете видеть портфолио агентства Supremo, где они описывают результаты своего проекта:
«Спустя 3 месяца показатель отказов сайта Smoke&Croak опустился ниже 40%. Это означает, что более 60% пользователей взаимодействовали с сервисом»
Читайте также: Как найти клиентов для веб-студии?16. Сделайте снимок крупным планом
Видеть работы вживую и на экране — две абсолютно разные вещи. В реальной жизни вы можете потрогать их и узнать, на какой бумаге они были напечатаны, разглядеть все нюансы цвета. В случае с онлайн-портфолио прекрасно сработает вариант с включением нескольких крупных планов особенно интересных деталей работы:
17. Покажите процесс дизайна
Ваш клиент не выбрал логотип, который вам так понравился? Попробуйте включить эту работу в свое портфолио. Покажите процесс дизайна и пять вариантов логотипа, которые вы разработали для своего клиента. Интересным для креативных директоров является демонстрация дизайн-мышления и самого процесса дизайна.
На изображении выше вы можете наблюдать дизайн-мышление и процесс дизайна Келси Кронкхайт (Kelsey Cronkhite) на протяжении всего проекта. Агентство Hanger также включает эскизы, демонстрирующие начало процесса дизайна:
18. Не используйте flash или анимацию в своем онлайн-портфолио
Ваше портфолио должно быть простым и не перегруженным. Позвольте зрителю просматривать его в своем собственном темпе. Использование эффекта параллакса и других вариантов прокрутки приемлемо и очень популярно сегодня. Филипп Эндрюс (Philip Andrews) использует в своем портфолио разные формы прокрутки, удачно направляющие взгляд зрителя. А в портфолио Arun для демонстрации каждой отдельной работы используются простые всплывающие окна (pop up):
19. Попросите взгляд со стороны
Взгляд очень быстро замыливается, поэтому прежде чем завершить свое портфолио, попросите кого-нибудь взглянуть на него.
Хорошо ли оно смотрится? Профессионально? Легко ли перемещаться по лендингу?
«Ничто не погубит ваш авторитет настолько быстро, как портфолио, полное грамматических и орфографических ошибок. Невнимательное отношение к контенту в своем портфолио — яркий признак того, что и в остальной работе вам свойственна небрежность», — добавляет дизайнер Эрик Ногучи (Eric Noguchi).
20. Регулярно пересматривайте свое портфолио
Если вы считаете, что все заканчивается после того, как вы нажали кнопку «опубликовать» на странице своего портфолио, то возвращайтесь к пункту № 8. Чтобы ваше портфолио всегда оставалось актуальным и отвечающим последним тенденциям, установите график пересмотра своего портфолио. Например, каждые шесть месяцев. Добавляйте новые работы и удаляйте все, что устарело или просто приелось.
Вместо заключения
Итак, ваше портфолио наконец-то готово! Вы критично взглянули на все свои работы и отобрали самые лучшие из них, продемонстрировав свое разнообразие и креативность. Что же теперь?
- Если у вас есть полноценный сайт, то очевидным решение будет добавить раздел «Портфолио». Вы можете также озаглавить его как «Примеры работ».
- Если же у вас нет своего сайта и ресурсов для его создания, обратите внимание на глобальные творческие сообщества, где дизайнеры могут представить свои работы.
- Flickr изначально являлся сервисом по обмену фотографиями, но позже развился в площадку портфолио. Вы можете группировать здесь свои работы по категориям так же, как и в обычном портфолио.
- Instagram также является лидирующей платформой для создания неофициального портфолио. Для этой цели лучше завести второй аккаунт, чтобы ваши селфи не маячили между двумя рекламными кампаниями.
- Ну и наконец, рассмотрите возможность создания отдельного лендинга, чтобы указывать ссылку на него в социальных сетях и на визитках. Платформа LPgenerator предлагает на выбор несколько готовых шаблонов, которые легко можно адаптировать под себя:
«Портфолио — это основа креатива, поскольку оно показывает, на что вы способны», — говорит графический дизайнер Джейкоб Касс (Jacob Cass) из Just Creative. Это витрина ваших крови, пота, талантов и триумфов. Это ваш бренд, гордитесь этим. А теперь идите и покажите его миру!
Высоких вам конверсий!
По материалам: canva.com
06-09-2018
lpgenerator.ru
Внимание дизайнеру. Как создать «правильное» креативное портфолио
Правильная презентация своего творческого видения имеет решающее значение для построения карьеры в сфере моды. Журналисты американского издания The Business of Fashion поговорили с ведущими педагогами и дизайнерами отрасли, чтобы узнать, как начинающему fashion-дизайнеру создать «продающее» портфолио, которое позволит ему успешно устроиться на работу по своей специальности.«Несмотря на то что студенты «модных» и дизайнерских ВУЗов зачастую уделяют все свое внимание дипломной работе, которую они сдают в конце каждого академического года, самым важным является именно создание хорошего портфолио, потому что именно портфолио выявляет и показывает все навыки студента и таким образом помогает ему в поисках работы», — говорит куратор направления моды в Central Saint Martins Хьюэл Дэвис.
Хорошее креативное портфолио включает в себя все — от начальных зарисовок до окончательных вариантов эскизов и готовых работ. Оно должно давать максимально полный обзор способностей начинающего дизайнера. В портфолио должен быть отражен профессиональный уровень и дополнительные навыки соискателяна позицию дизайнера, в том числе и знания основ бизнеса, так как эти знания также являются важными для потенциальных работодателей.
Журналисты американского издания The Business of Fashion (BoF) поговорили с педагогами ведущих мировых школ дизайна и узнали у них каким должно быть креативное портфолио, чтобы оно выделялось среди остальных.
1.Покажите свои знания трендов fashion-рынка
Куратор направления моды в Central Saint Martins Хъюэл Дэвис:
«Студентам нужно работать над развитием своих собственных особенностей и дизайнерского почерка, им нужно четко формулировать свои идеи. Они должны четко знать на кого ориентированы их коллекции, и кто является их конечным потребителем. Студентам дизайнерских факультетов при подаче резюме на вакансию следует показать разнообразное портфолио своих работ, недостаточно, чтобы в нем были продемонстрированы только их собственные коллекции.
Конечно, они могут представить свои собственные наработки, но их также могут попросить спроектировать дизайн коллекций для Chloé или J.W. Anderson, к этому они тоже должны быть готовы. Разные бренды имеют разные представления о дизайне. Студенты должны понимать правила работы в индустрии моды, они должны показать, что понимают и знают как работать в коллаборации с другими брендами и сторонними заказчиками».
2. Придерживайтесь логики изложения
Ассистент студии Marques’ Almeida Николин Далгаард:
«Успешное и креативное портфолио – это такое портфолио, которое ведет по пути знаний и навыков выпускника в четкой и понятной последовательности. В идеале это должна быть история, рассказанная от имени студента о своих умениях и навыках.
Молодые дизайнеры уверены, что важно показать, что они могут сделать все, начиная от первоначальных зарисовок, исследований, скетчей, заканчивая изображениями конечного продукта в виде фотосессий или иллюстраций. Но на самом деле такой подход делает портфолио скучным.
Видя такое портфолио, я прихожу к выводу, что данный дизайнер никак не выделяется из толпы других своих коллег, и он не задавался вопросом — почему мы должны выбрать именно его? Я знаю, что есть два основных способа сделать креативное портфолио: первый – разделить свое портфолио на проекты и второй – разделить свое портфолио на навыки и умения. Я советую обратить внимание на второй способ».
3. Включайте нетрадиционные навыки
Ассистент профессора дизайна и моды в Parsons Мари Женевьев Кир:
«Представители брендов будут смотреть на работы по-разному в зависимости от их собственного видения. Кто-то уделяет больше внимания опыту, эстетическому вкусу или способность к многозадачности, другие могут обращать внимание на навыки компьютерного дизайна и опыт в определенной сфере. В 21 веке появилось много новых брендов, и это расширяет возможности для выпускников.
Студенты все чаще приобретают уникальные или нетрадиционные навыки. Изучая различные техники, они могут найти для себя что-то новое. Они должны бросать вызов обществу и создать свое видение моды и коллекций, создавая не только одежду, но текстильные коллекции, видео-продукцию, живопись, мебель или интерьеры. Дизайнеры должны пробовать себя за пределами традиционной работы фэшн-дизайнера, в таких профессиях как дизайнер текстиля, вэб-дизайнер, иллюстративный дизайнер, технический дизайнер или дизайнер принтов».
4. Выражайте свои мысли четко
Менеджер в студии Rejina Pyo Рора Шоу:
«Независимо от персонального стиля, который обязательно должен быть продемонстрирован в хорошем творческом портфолио, презентация также должна включать рассказ об идеях и путях их воплощения — от исследования до конечного продукта. Такой подход помогает понять насколько хорошо дизайнер может выражать свои мысли через дизайн.
Часто люди заблуждаются в том, что в портфолио им нужно продемонстрировать все свои навыки. А показать нужно самые основные вещи: исследование, развитие проекта и конечный продукт. И если эта информация займет пять страниц, этого уже будет достаточно. Не нужно рассказывать о всех своих проектах, достаточно рассказать о двух самых лучших».
5. Продемонстрируйте оригинальность
Основатель Brother Vellies Аврора Джеймс:
«Оригинальность и хорошее чувство стиля – вот залог успеха. Когда я впервые взялась проектировать дизайн обуви, мне казалось, что другие считают меня ненормальной. Но я настояла на своем креативном видении продукта, и выразила его в своем бренде, потому что твердо верила в свою идею. Я люблю людей с таким же креативным подходом, образом мыслей и оригинальностью.
Соискатели на позицию дизайнера совершают ошибку, пытаясь подражать каким-то реализованным ранее успешным идеям, из-за этого их видение кажется несвежим. Мне хочется смотреть в будущее, я не люблю получать старую работу. Как предприниматель, мне нравится быть рядом с людьми, которые могут выполнять разные задачи, и трудно общаться с теми, кто стоит на одном месте».
Правильная презентация своего творческого видения имеет решающее значение для построения карьеры в сфере моды.
www.shoes-report.ru
25 примеров интересных и креативных дизайнерских портфолио » сайт о Дизайне и SEO
Главная » Дизайн14 августа 2013 3 комментария
Лучшие дизайнерские сайты обычно имеют портфолио своих работ, представляющие миру мастерство и профессионализм их владельцев. Выставляя напоказ свои разработки в виде снимков, эскизов и ссылок на наиболее интересные и креативные сайты, дизайнерские портфолио привлекают внимание обычных посетителей и потенциальных заказчиков. Современные веб-дизайнеры порой удивляют разнообразием, стилем и уникальностью своего портфолио. Среди них можно встретить настоящие шедевры, способные послужить источником вдохновения на собственное творчество.
Всем известно, что в портфолио необходимо добавлять только свои лучшие разработки. И не каждый посетитель сайта-портфолио готов просматривать весь список работ от начала до конца. Поэтому так важно представить их в наиболее выгодном свете – создать все условия для того, чтобы потенциальные клиенты смогли лучше запомнить ваш сайт и понравившиеся проекты.
Этот пост содержит 25 примеров интересных и креативных портфолио дизайнеров, которые, несомненно, вдохновляют на творческие новшества в оформлении дизайнерского сайта.
Sergio Pedercini
JANKO AT WARP SPEED
Juanreyes
Roy Barber
Sasa Foric
Julien Pons
My Poor Brain
Ride for the Brand studio
Ema studios
Fabrizio Del Gaudio
Jure Stern
Vismaad
Jet Peppers
Alaa Badran
Day Dream Designs
Alessandra Balzani
Radici Design
Marco Milanese
Dbdoes Design
wedge & lever
The Brave
WIT CODE
Daniel Spatzek
Spencer Lavery
Christian Macmillan
Mihis Design
5emegauche
Full English Portfolio
Cobble Hill
Clement Mas portfolio
seo-design.net