Портфолио
У нас будет основное портфолио на собственном сайте и портфолио на сторонних сайтах (Behance, Upwork). А также иногда картинки портфолио нужно будет отправлять по имейлу в качестве примеров.
На нашем сайте оформление каждой работы будет содержать довольно много текста и, хотелось бы, интерактивные JavaScript фрагменты.
Работы для Behance и Upwork должны быть с минимумом текста (причем весь текст прямо в картинке и на английском) и вообще как можно проще и нагляднее.
Работы для имейла — такие же, как для Behance и Upwork, но с брендированием: логотип студии и минимальные контакты.
Максимальный размер картинок портфолио по стандартам Behance: 1400 px по ширине, до 15 Мб.
Примеры размеров картинок в портфолио у Лебедева: системы нет, просто ставится подходящий размер для графики: 950, 900, 850, 700, 600, 560 px.
В случае длинной (по вертикали) работы лучше разбивать ее на несколько отдельных картинок. Потому что при отправке картинки по почте, длинная картинка выглядит слишком мелко.
При выборе размера большой картинки имеет смысл ориентироваться на соотношение сторон широкоэкранного формата HDTV 16:9 (1,78:1), как наиболее распространённого: Размеры разрешений экранов
Например, если нужна картинка во всю ширину контейнера Bootstrap 1170 px: 1170/1,78=657, т.е. для соотношения сторон 16:9 размер картинки будет 1170х657 px.
Размеры viewports Bootstrap под соотношение 16:9:
- 1170х657 — большие десктопы
- 970х545 — средние десктопы
- 750х421 — планшеты
Автоматическое вычисление размера картинки по одной стороне (600 px) и заданной пропорции (16:9): http://dummyimage.com/600x16:9
Статья 12 способов получить максимальную пользу от Behance (на английском) рекомендует:
- Показывать только лучшие работы.
- Показывать также незавершенные работы (WIP, Work in Progress). Пример
- На странице с работой показывать фрагменты из процесса создания работы. Пример
- Показывать крупно, в деталях самые интересные и проработанные фрагменты. Пример
- Пример украинской работы с английским описанием, также пример использования скетчей (Work in Progress): https://www.behance.net/gallery/32809033/Master-english-Marketing-case
- Лэндинг - украинский сайт, английский только небольшой фрагмент в конце: https://www.behance.net/gallery/34208051/Landing-Page-Handmade-Cakes
- Лэндинг + иконки, аналогично https://www.behance.net/gallery/30184009/Landing-page-Icon-set-EatMe
- Простое оформление с минимумом английского текста: https://www.behance.net/gallery/27796967/Blackberry-Messenger-Redesign
- http://www.plasticbcn.com/en/works/afashion/