Разбор образцового портфолио
Света Сергеева, арт-директор и куратор коммуникационного дизайна НИУ ВШЭ, наставница программы по графическому дизайну, выбрала один сильный кейс и объясняет на его примере, на что обращать внимание при создании портфолио.
«Для разбора я выбрала в сети портфолио хорошего мидла на Readymag, которое находится на досягаемом уровне для начинающих дизайнеров».
❶ Макет и верстка
Стартовая страница производит первое приятное впечатление. Она собрана просто, но стильно: автор дает представление о себе с интерактивными пояснениями по ховеру. Шрифты подобраны в пару по принципу контраста (утилитарный Suisse и изящный Editorial), они создают напряжение внутри текстового блока. Выравнивание по центру и маленький интерлиньяж хорошо удерживают общую композицию. Тонкая антиква Editorial выполняет эстетическую функцию, плюс хорошо подходит для уточняющей и второстепенной информации.
❷ Структура
Сайт подкупает визуальной простотой и логичностью. В меню всего три необходимые кнопки, никаких лишних блоков или ненужных декоративных элементов.
Проектов не так много, но они структурированы с помощью колонной сетки: есть год и жанр, удобное превью по ховеру. Можно посмотреть все проекты бегло на одной странице, чтобы составить общее впечатление, а особо заинтересовавшие — изучить подробнее на внутренних страницах.
❸ Подача кейсов
Внутренние страницы удобно сверстаны с точки зрения макета: есть фиксированное описание, которое можно читать параллельно скроллу картинок. Картинки — в основном живые фото или высокого качества рендеры, что гораздо эффектнее мокапов.
❹ Детали
Отдельная любовь на сайтах — маленькие, не имеющие особого смысла штучки, которые добавляют макету живости и ощущения, что за картинками стоит человек. В нашем случае так работает курсор-смайлик.
❺ Советы
Отнеситесь с большим вниманием к типографике: она может быть лаконичной швейцарской или вычурной декоративной, но в любом случае должна эстетически и интонационно быть созвучной остальному наполнению, создавать иерархию, отделять важное от второстепенного.
Лучше делать портфолио на английском, чтобы не ограничивать набор потенциальных заказчиков одним языком. Благо, на латинице выбор классных шрифтов в разы больше.
Если есть возможность отфотографировать проект и даже заморочиться с сет-дизайном, он будет выглядеть выигрышнее, чем на любых мокапах. Особенно это касается брендинга и книг. Если все же используете мокапы — выбирайте без броских деталей, резких теней и лишних объектов, но при этом реалистичные.
Ели вы хотите работать преимущественно с андеграундными музыкантами и художниками — хорошо, если в портфолио будут ваши личные проекты и исследования. Если метите в денежных клиентов из корпораций — обязательно показывайте коммерческие кейсы. К портфолио лучше относиться как куратор — определить его tone-of-voice, не вставлять все подряд, а найти одну генеральную линию.
Света Сергеева, арт-директор и куратор коммуникационного дизайна НИУ ВШЭ, наставница программы по графическому дизайну, выбрала один сильный кейс и объясняет на его примере, на что обращать внимание при создании портфолио.
«Для разбора я выбрала в сети портфолио хорошего мидла на Readymag, которое находится на досягаемом уровне для начинающих дизайнеров».
❶ Макет и верстка
Стартовая страница производит первое приятное впечатление. Она собрана просто, но стильно: автор дает представление о себе с интерактивными пояснениями по ховеру. Шрифты подобраны в пару по принципу контраста (утилитарный Suisse и изящный Editorial), они создают напряжение внутри текстового блока. Выравнивание по центру и маленький интерлиньяж хорошо удерживают общую композицию. Тонкая антиква Editorial выполняет эстетическую функцию, плюс хорошо подходит для уточняющей и второстепенной информации.
❷ Структура
Сайт подкупает визуальной простотой и логичностью. В меню всего три необходимые кнопки, никаких лишних блоков или ненужных декоративных элементов.
Проектов не так много, но они структурированы с помощью колонной сетки: есть год и жанр, удобное превью по ховеру. Можно посмотреть все проекты бегло на одной странице, чтобы составить общее впечатление, а особо заинтересовавшие — изучить подробнее на внутренних страницах.
❸ Подача кейсов
Внутренние страницы удобно сверстаны с точки зрения макета: есть фиксированное описание, которое можно читать параллельно скроллу картинок. Картинки — в основном живые фото или высокого качества рендеры, что гораздо эффектнее мокапов.
❹ Детали
Отдельная любовь на сайтах — маленькие, не имеющие особого смысла штучки, которые добавляют макету живости и ощущения, что за картинками стоит человек. В нашем случае так работает курсор-смайлик.
❺ Советы
Отнеситесь с большим вниманием к типографике: она может быть лаконичной швейцарской или вычурной декоративной, но в любом случае должна эстетически и интонационно быть созвучной остальному наполнению, создавать иерархию, отделять важное от второстепенного.
Лучше делать портфолио на английском, чтобы не ограничивать набор потенциальных заказчиков одним языком. Благо, на латинице выбор классных шрифтов в разы больше.
Если есть возможность отфотографировать проект и даже заморочиться с сет-дизайном, он будет выглядеть выигрышнее, чем на любых мокапах. Особенно это касается брендинга и книг. Если все же используете мокапы — выбирайте без броских деталей, резких теней и лишних объектов, но при этом реалистичные.
Ели вы хотите работать преимущественно с андеграундными музыкантами и художниками — хорошо, если в портфолио будут ваши личные проекты и исследования. Если метите в денежных клиентов из корпораций — обязательно показывайте коммерческие кейсы. К портфолио лучше относиться как куратор — определить его tone-of-voice, не вставлять все подряд, а найти одну генеральную линию.
👍41❤12🔥2
«Дизайн в Японии: гравюры, аниме и NFT» — новый трехдневный онлайн-интенсив
Студенты изучат большой культурный пласт — японский графический и предметный дизайн, кинематограф и современное искусство, архитектуру и видеоигры, аниме и NFT. Вдохновившись новыми знаниями, создадут свою графическую работу и на третий день интенсива научатся выставлять свои произведения на NFT-маркетплейсе.
26–28 мая
До конца марта действует скидка 30%.
Студенты изучат большой культурный пласт — японский графический и предметный дизайн, кинематограф и современное искусство, архитектуру и видеоигры, аниме и NFT. Вдохновившись новыми знаниями, создадут свою графическую работу и на третий день интенсива научатся выставлять свои произведения на NFT-маркетплейсе.
26–28 мая
До конца марта действует скидка 30%.
❤19👍2
Тихий вечер с Олей Паньковой
Этот формат онлайн-встреч мы придумали, чтобы вместе справляться со сложными чувствами и трансформировать тревогу в созидание.
Сегодня, 29 марта, в 19:00 Оля будет рисовать букву Х, продолжая мартовский шрифтовой марафон 36daysoftype.
Желающие смогут наблюдать за ее работой в прямом эфире в этом канале.
Оля — дизайнер, соосновательница «Бюро букв», резидент Bang! Bang! Studio.
Этот формат онлайн-встреч мы придумали, чтобы вместе справляться со сложными чувствами и трансформировать тревогу в созидание.
Сегодня, 29 марта, в 19:00 Оля будет рисовать букву Х, продолжая мартовский шрифтовой марафон 36daysoftype.
Желающие смогут наблюдать за ее работой в прямом эфире в этом канале.
Оля — дизайнер, соосновательница «Бюро букв», резидент Bang! Bang! Studio.
👍10🔥3
Лекции, бесплатные шрифты, онлайн-курс и другие полезные ссылки из наследия шрифтового дизайнера Дениса Машарова, художника шрифта, арт-директора студии SHANDESIGN, лектора по истории шрифта и типографики.
● Лекция «История алфавитов»
● Лекция «Эволюция шрифта»
● Лекция «История и классификация антикв»
● Лекция «От классицистических антикв до современных»
● Лекция «Эволюция гротесков»
● Лекция «Классификация и сочетания шрифтов»
● Бесплатный курс Дениса на BBE «О шрифте»
● Бесплатные шрифты Дениса на Google Fonts
● Беседа с Денисом «Даешь композицию»
● Лекция «История алфавитов»
● Лекция «Эволюция шрифта»
● Лекция «История и классификация антикв»
● Лекция «От классицистических антикв до современных»
● Лекция «Эволюция гротесков»
● Лекция «Классификация и сочетания шрифтов»
● Бесплатный курс Дениса на BBE «О шрифте»
● Бесплатные шрифты Дениса на Google Fonts
● Беседа с Денисом «Даешь композицию»
❤59👍4🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
«Вариативный шрифт» — новый онлайн-интенсив Ника Недашковского, шрифтового дизайнера студии Paratype
В вариативном шрифте разброс начертаний ограничен только самой тонкой и жирной толщиной. Между ними дизайнер может самостоятельно выбрать любое понравившееся положение из сотен возможных. Вариативный шрифт помогает переосмыслить привычные методы выбора начертания и легче адаптировать вид букв — ширину знаков, угол наклона, жирность штрихов и форму засечек — к условиям среды.
На интенсиве мы за три урока разберем особенности технологии в программе Glyphs, разработаем концепцию букв и сценарий их трансформации, презентуем несколько знаков собственного вариативного шрифта. Эти знания станут хорошей базой для изучения кинетической типографики.
24–28 июня
До конца марта действует скидка 30%.
В вариативном шрифте разброс начертаний ограничен только самой тонкой и жирной толщиной. Между ними дизайнер может самостоятельно выбрать любое понравившееся положение из сотен возможных. Вариативный шрифт помогает переосмыслить привычные методы выбора начертания и легче адаптировать вид букв — ширину знаков, угол наклона, жирность штрихов и форму засечек — к условиям среды.
На интенсиве мы за три урока разберем особенности технологии в программе Glyphs, разработаем концепцию букв и сценарий их трансформации, презентуем несколько знаков собственного вариативного шрифта. Эти знания станут хорошей базой для изучения кинетической типографики.
24–28 июня
До конца марта действует скидка 30%.
🔥9❤1👍1
Нужен ли вам курс по Readymag?
Мы проводим короткий опрос, чтобы понять, актуально ли изучение Readymag для наших студентов. Пожалуйста, пройдите его, чтобы помочь нам сориентироваться и сделать действительно полезный образовательный продукт♡
Мы проводим короткий опрос, чтобы понять, актуально ли изучение Readymag для наших студентов. Пожалуйста, пройдите его, чтобы помочь нам сориентироваться и сделать действительно полезный образовательный продукт♡
👍25
Московский ВХУТЕМАС часто сравнивают с немецким Баухаусом. Они развивались параллельно, и в обеих школах преподавали великие мастера, которые хотели создать художника будущего.
⠀
На новом интенсиве «ВХУТЕМАС: методики и практики» разберем каждую из дисциплин пропедевтического курса ВХУТЕМАСа: графику, цвет, объем и пространство. И попробуем на себе оригинальные упражнения, разработанные Александром Родченко, Владимиром Фаворским, Любовью Поповой, Александром Весниным, Николаем Ладовским, Антоном Лавинским и другими выдающимися художниками.
⠀
→ Интенсив для всех, кто уже делает или хочет начать делать что-то творческое.
⠀
Преподаватель — Даша Сорокина, историк искусств, магистр программы «Дизайн-исследование» в Баухауcе в Дессау.
⠀
4–8 апреля
⠀
На новом интенсиве «ВХУТЕМАС: методики и практики» разберем каждую из дисциплин пропедевтического курса ВХУТЕМАСа: графику, цвет, объем и пространство. И попробуем на себе оригинальные упражнения, разработанные Александром Родченко, Владимиром Фаворским, Любовью Поповой, Александром Весниным, Николаем Ладовским, Антоном Лавинским и другими выдающимися художниками.
⠀
→ Интенсив для всех, кто уже делает или хочет начать делать что-то творческое.
⠀
Преподаватель — Даша Сорокина, историк искусств, магистр программы «Дизайн-исследование» в Баухауcе в Дессау.
⠀
4–8 апреля
❤7👍3
Работы учеников курса «Композиция: игра по правилам и без» в нашем новом кейсе на Behance.
Спасибо студентам за прекрасные работы и вдохновляющие отзывы ↓
☻ Ольга Сулименко
Такого персонализированного подхода я раньше никогда не встречала: как будто с вами индивидуально занимаются. Все задания очень интересные и необычные. Невероятно много конструктивного фидбэка. И большой объем важной теории. Максимально полезный курс.
☻ Александр Шатный
Интересные и разнообразные задания — от иллюстрации до веб-дизайна. Понятная, содержательная и мотивирующая обратная связь. Хорошая выборка материала, классная подача, очень удобные конспекты в Notion. Самый интересный курс, который я когда-либо проходил. Пришлось как следует поработать — и это хорошо!
☻ Роман Зуев
Комментировать работы 24 часа в сутки на протяжении двух месяцев! Подключаться к каждой работе, подсказывать, не отпускать, пока все не получится. Браво и спасибо! Курс прекрасно организован: подробное изложение теории, разнообразие заданий, очень красивые лекции и классная музыка в практических видео.
→ Новый поток — 22 августа – 20 октября.
Работы: Максим Морозов, Артем Ферубко, Александр Шатный, Игорь Калейчик.
Спасибо студентам за прекрасные работы и вдохновляющие отзывы ↓
☻ Ольга Сулименко
Такого персонализированного подхода я раньше никогда не встречала: как будто с вами индивидуально занимаются. Все задания очень интересные и необычные. Невероятно много конструктивного фидбэка. И большой объем важной теории. Максимально полезный курс.
☻ Александр Шатный
Интересные и разнообразные задания — от иллюстрации до веб-дизайна. Понятная, содержательная и мотивирующая обратная связь. Хорошая выборка материала, классная подача, очень удобные конспекты в Notion. Самый интересный курс, который я когда-либо проходил. Пришлось как следует поработать — и это хорошо!
☻ Роман Зуев
Комментировать работы 24 часа в сутки на протяжении двух месяцев! Подключаться к каждой работе, подсказывать, не отпускать, пока все не получится. Браво и спасибо! Курс прекрасно организован: подробное изложение теории, разнообразие заданий, очень красивые лекции и классная музыка в практических видео.
→ Новый поток — 22 августа – 20 октября.
Работы: Максим Морозов, Артем Ферубко, Александр Шатный, Игорь Калейчик.
❤8👍2🥰1