https://mediawiki.zina.run/index.php?action=history&feed=atom&title=%D0%9F%D0%BE%D1%80%D1%82%D1%84%D0%BE%D0%BB%D0%B8%D0%BE 2026-10-12T11:45:50Z Історія редагувань цієї сторінки в вікі MediaWiki 1.44.2 https://mediawiki.zina.run/index.php?title=%D0%9F%D0%BE%D1%80%D1%82%D1%84%D0%BE%D0%BB%D0%B8%D0%BE&diff=427&oldid=prev 2017-03-02T14:57:29Z

<p><span class="autocomment">Размеры картинок</span></p> <p><b>Нова сторінка</b></p><div>== Разновидности портфолио ==<br /> <br /> У нас будет основное портфолио на собственном сайте и портфолио на сторонних сайтах (Behance, Upwork). А также иногда картинки портфолио нужно будет отправлять по имейлу в качестве примеров.<br /> <br /> На нашем сайте оформление каждой работы будет содержать довольно много текста и, хотелось бы, интерактивные JavaScript фрагменты.<br /> <br /> Работы для Behance и Upwork должны быть с минимумом текста (причем весь текст прямо в картинке и на английском) и вообще как можно проще и нагляднее.<br /> <br /> Работы для имейла — такие же, как для Behance и Upwork, но с брендированием: логотип студии и минимальные контакты.<br /> <br /> == Размеры картинок ==<br /> <br /> Максимальный размер картинок портфолио по [https://www.behance.net/gallery/25790319/Behance-Dimensions-2015-Update стандартам Behance]: 1400 px по ширине, до 15 Мб.<br /> <br /> Примеры размеров картинок в портфолио у Лебедева: системы нет, просто ставится подходящий размер для графики: 950, 900, 850, 700, 600, 560 px.<br /> <br /> В случае длинной (по вертикали) работы лучше разбивать ее на несколько отдельных картинок. Потому что при отправке картинки по почте, длинная картинка выглядит слишком мелко.<br /> <br /> === Соотношение сторон ===<br /> <br /> При выборе размера большой картинки имеет смысл ориентироваться на соотношение сторон широкоэкранного формата HDTV 16:9 (1,78:1), как наиболее распространённого: [[Размеры разрешений экранов]]<br /> <br /> Например, если нужна картинка во всю ширину контейнера Bootstrap 1170 px: 1170/1,78=657, т.е. для соотношения сторон 16:9 размер картинки будет 1170х657 px.<br /> <br /> Размеры viewports Bootstrap под соотношение 16:9:<br /> <br /> * 1170х657 — большие десктопы<br /> * 970х545 — средние десктопы<br /> * 750х421 — планшеты<br /> <br /> Автоматическое вычисление размера картинки по одной стороне (600 px) и заданной пропорции (16:9): http://dummyimage.com/600x16:9<br /> <br /> == Что показывать на картинке работы ==<br /> <br /> Статья [http://design.tutsplus.com/articles/12-ways-to-get-the-most-from-behance--psd-35180 12 способов получить максимальную пользу от Behance] (на английском) рекомендует:<br /> <br /> # Показывать только лучшие работы.<br /> # Показывать также незавершенные работы (WIP, Work in Progress). [https://www.behance.net/wip/246605/464963 Пример]<br /> # На странице с работой показывать фрагменты из процесса создания работы. [https://www.behance.net/gallery/Frost-3D-Ice-Typography/12292829 Пример]<br /> # Показывать крупно, в деталях самые интересные и проработанные фрагменты. [https://www.behance.net/gallery/Morning-dew/9714623 Пример]<br /> <br /> == Примеры ==<br /> <br /> * Пример украинской работы с английским описанием, также пример использования скетчей (Work in Progress): https://www.behance.net/gallery/32809033/Master-english-Marketing-case<br /> * Лэндинг - украинский сайт, английский только небольшой фрагмент в конце: https://www.behance.net/gallery/34208051/Landing-Page-Handmade-Cakes<br /> * Лэндинг + иконки, аналогично https://www.behance.net/gallery/30184009/Landing-page-Icon-set-EatMe<br /> * Простое оформление с минимумом английского текста: https://www.behance.net/gallery/27796967/Blackberry-Messenger-Redesign<br /> * http://www.plasticbcn.com/en/works/afashion/<br /> <br /> === Другие примеры портфолио ===<br /> <br /> * http://www.virtuti.info/<br /> * http://hyperakt.com/work/<br /> * http://www.scada.lv/portfolio/<br /> <br /> [[Категория:Дизайн]]</div>

>WikiSysop