The Village - городской интернет-сайт, который рассказывает о культурной и общественной жизни, развлечениях, услугах, еде и людях в Москве, Петербурге и других мегаполисах. Мы пишем о комфортном городе, широко трактуя это понятие: удобство жизни в мегаполисе зависит одновременно и от глобальных градостроительных инициатив, и от количества мест, где можно выпить хороший кофе. Поэтому на страницах The Village интервью с чиновниками соседствуют с обзорами кафе или баров. В формировании материалов, наряду с редакцией, принять участие может любой зарегистрированный пользователь. Обсуждение городской жизни также активно идет в разделе «Комьюнити».
Данная страница являеться инструкцией с набором рекомендаций и основных правил для работы с визуальной состовляющей портала. Здесь можно найти советы по всем основным вопросам. В том случае если вы не смогли решить проблему с помощью гайда свяжитесь с нами [email protected]
1. Верстка
1.1 Таблицы и сетка
Для верстки брендированного поста используется cms Native Grid . Контентная область шириной 1020 px выстраивается по сетке из 6 колонок, такой же, как у редакционных постов сайта The Village.
Ширина колонки - 140 px, межколонника - 20 px*
В зависимости от дизайна ширина контента может ровняться 6 или 4 колонкам. Широкий или узкий материал. (4 колонки в том случае, когда баннер имеет фиксированное положение и не скроллится вместе со страницей).
Самые распространненые виды сеток на сайте The Village - 4/2, 1/4/1, 2/2/2.
Ниже приведен пример данных сеток.
1.2 Типографика
В качестве акцидентного шрифта на The Village используется брусковая гарнитура Adelle в обычном и полужирном начертаниях. Основной текстовый шрифт – PT Serif, а в выносах и подписях – гротеск Proxima Nova.
Стандартный текстовый блок имеет ширину 4 колонки, выравнивается по центру или левому краю. (таблицы 4/2 или 1/4/1), реже по правому (таблица 2/4).
1.3 Примеры форматирования стилей
Стандартный заголовок
Стандартный заголовок набирается шрифтом Adelle, 32px #000000 (цвет заголовка можно менять)
Подзаголовок
Стандартный подзаголовок набирается шрифтом Adelle, 22px #000000 (цвет заголовка можно менять)
Мелкий заголовок
Стандартный мелкий заголовок набирается шрифтом Adelle, 18px #000000 (цвет заголовка можно менять)
Цитаты набираются шрифтом Adelle, 24px #000000 (цвет заголовка можно менять)
Подписи и допольнительная информация
Цитаты набираются шрифтом Proxima, 14px #---- (цвет заголовка можно менять)
Шрифты из брендбука клиента обычно используются в подложке (подпись в хедере) и баннерах
2. Обложки
2.1 Типы и форматы
На The Village 3 типа обложек поста:
- Без обложки (новости / фоллоуапы)
- Фоновая обложка (большие материалы + все спецпроекты)
- Стандартная обложка (регулярные рубрики)
Каждая из них используется в зависимости от ситуации и типа материала. Так же есть опция выбора цвета для заголовка на обложке. Которая увеличивает вариативность.
Фоновая обложка имеет размер 620х620px, а стандартная обложка имеет размер 620x415px.
В зависимости от того растровое или векторноеизображение используется для обложки стоит использовать.jpg или.png со 100% качеством (.jpg/.png sRGB 72dpi 100% quality)
Не стоит использовать слишком темные или слишком яркие изображения для обложки, они должны гармонично сочитаться с остальными изображениями на главной странице сайта.
* Делайте её после утверждения заголовка и лида. Расставьте элементы так, чтобы они не мешали читабельности текста.
2.2 Фичеры и бейджи
Бейджи на The Village всегда имеют один размер и формат. Это квадрат со сторонами 200px в формате.jpg/.png в зависимости от типа графики. (.jpg/.png sRGB 72dpi 100% quality)
Бейджи
оторажаються в футерах сайтов FurFur / Wonderzine / The Village / Look At Me. На них всегда должна быть маркировка
спецпроекта.
У фичеров есть несколько типов и нужно помнить что они должны быть в формате подходящим под “retina”дисплеи.
Основным форматом является фичер размером 620x415px Который используется как стандартный и отображаться на главной с шириной в 300px или при включении опции супер фичера будет вводиться на главную в формате 620х400.
* Снизу у него будет подрезано 15x
Второй формат который регулярно используется изданием это филером вертикальный размером 620x827px. Выводиться на главной с шириной в 300px и пропорционально скалируеться по высоте.
* В том случае если вы решили использовать.gif для вашего фичера, обратитесь за консультацией к арт-директору издания. Часто нет необходимость использовать анимацию. Но если вы все же решили поставить анимированный фичер, помните что для корректного отображения в формате вертикального фичера вам необходимо заливать его с шириной в 300px
Старайтесь вырезать эти картинки из одной фотографии, или, в крайнем случае, сохранять присутствие главного предмета на всех форматах. Когда мы открываем посты из главной страницы, кликая на фичер, либо из фейсбука, мы запоминаем материалы картинками, и на обложке в посте должна сохраняться картинка.
* Исключения допустимы, но стоит в таких случаях обратиться к штатному фоторедктору издания для консультации.
2.3 Open Graph изображение
2.4 Основные принципы и рекомендации по
изображениям для обложек, фичеров и бейджей.
Главные требование к обложкам на The Village – эстетичность, естественность, чистота, лаконичность, графичность, связь с заголовком. Фотография или иллюстрация должна побуждать читателя кликнуть и прочитать пост.
Не исплользуейте изображения которе непременно говорят о пренадлежности к стоковым сервисам. Так же задумывайтесь над конотациями изображения. Оно должно отвечать основной конепции бренда, но при этом не противоречить идеям издания.
* Регулярно смотрите на главную страницу The Village
3. Брендированная подложка
Брендированная подложка условно делится на подложку и хедер. Самый распространенный вариант подложки это jpg или png с изображением либо паттерном.
ТРИ ОСНОВНЫХ ВИДА БРЕНДИРОВАННОЙ ПОДЛОЖКИ:
Файл подложки прикреплен к верху страницы и при скролле остается неподвижен относительно контента.
Файл подложки прикреплен к верху страницы, скроллится вместе с контентной областью изображение постепенно уходит в цвет фона.
Файл подложки бесконечно клонируется по всей длине страницы (в этом случае между файлами подложки не должно быть заметно стыков) .
Брендированная подложка также может включать анимированные элементы или параллакс.
Хедером условно называется полоска 1040х150 px выше контентной области (кликабельная зона 990х150 pх) , где обычно располагается логотип клиента, слоган или заголовок и кнопка перехода на сайт клиента если она предусмотрена.
В некоторых случаях можно убрать визуальное разделение между подложкой и контентной областью, при этом нужно помнить о том, чтобы контент сохранял читаемость.
4. Банеры
Каждый спецпроект также имеет несколько анонсирующих его баннеров и несколько ресайзов обложки для отображения на разных страницах.
Анонсирующий баннер
присутствует на каждой странице The Village, кроме страницы спецпроекта. Статика либо анимированный. 300х500px, ограничение по весу 300 kb
Баннер кнопка
Статичный баннер обычно располагающийся над анонсирующим. 300х90px. Для кнопки всегда используется шрифт Proxima Nova. Для обводки белых баннеров используется линия толщиной 1px цвета #cccccc
Баннерок
Анимированный gif-баннер. 300х90px, ограничение по весу 300 kb. Для баннерков используются шрифты шрифты Adelle либо Proxima Nova. Если вы хотите использовать другой шрифт, проконсультируйтесь с арт-директором издания.
На сегодняшний день количество людей, подающих заявления на поступление в вузы, значительно сократилось. В поисках новых учеников вузы дают рекламные объявления в газеты и на телевидение, тем не менее, в современных реалиях наиболее оптимальным и действенным способом привлечения новых кадров является реклама в Интернете.
Брендированная подложка сайта на сегодняшний день - самый популярный и эффективный вариант рекламы в Интернете. Окно, всплывшее на весь браузер, точно не останется без внимания. Основной текст страницы затемняется, а на его фоне всплывает реклама вашего продукта. Решение поистине гениально. Подложка сайта может быть совершенно любого рода - начиная с рекламы печатной продукции и заканчивая рекламой престижных вузов.
Брендированная подложка сайта - самый эксклюзивный вид интернет-рекламы. Если сравнивать ее с привычным для всех пользователей Рунета баннером, последний однозначно будет проигрывать, к тому же баннеров на странице может быть несколько, и каждый будет отвлекать внимание пользователя от другого. Баннеры - более фоновый момент, пресыщенный пользовательский глаз зачастую попросту не берет их во внимание. То ли дело брендированная подложка - тут уж потенциальный клиент никак не сможет пройти мимо. Такая реклама на сегодняшний день является редкостью, именно поэтому она хорошо впечатывается в память.
К тому же фоновая реклама действует скорее как повышение привлекательности потенциального продукта, нежели как источник кликов сайта. По статистике, люди чаще нажимают на ссылки в тексте, а не на баннеры. То же касается и фоновой рекламы в соотношении с баннерной.
Если ваш бренд достаточно раскрученный, а в случае с вузами так и бывает, то вам не понадобится даже делать подложку активной, с возможностью перехода на сайт. Достаточно разместить ее картинкой на нескольких популярных сайтах, чтобы название учебного заведения еще плотнее въелось в сознание общественности.
В том случае, если ваше предприятие недостаточно раскручено, брендированная подложка вам не подойдет. Потенциальный клиент должен быть осведомлен о продукте заранее, чтобы правильно оценить и понять данную рекламную акцию.
Брендирование отлично работает в симбиозе известный сайт + известный бренд (компания, вуз). Интернет-проект учисьучись.рф предлагает вузам разместить на своем портале рекламу в виде фонового изображения учебного заведения на всех страницах портала. Брэндированная подложка для вузов - это эффективный способ рекламы, позволяющий привлекать студентов с разных городов и стран. Эффективность данного вида рекламного продукта заключается в обхвате широкого круга аудитории и в ненавязчивом исполнении.
Чтобы порекомендовать вам лучшие подложки, мы учли мнение представителей производителей самых популярных марок ламината, проанализировали отзывы мастеров и пользователей на специализированных Интернет-ресурсах и строительных форумах, технические характеристики материалов.
Критерии отбора
Отбор был произведен нами на основе нижеприведенных параметров, руководствоваться которыми при выборе мы предлагаем и вам.
Шумопоглощение
Под этим подразумевается поглощение «ударного» (отраженного и проходящего) шума. Отраженный шум слышите вы, когда ходите по полу, проходящий — это тот, который слышен вашим соседям снизу. Сразу внесем ясность: от шума соседей под вами НИКАКАЯ подложка ВАС не спасет, это ВЫ спасаете их от грохота своих каблуков.
Отношение к влаге
Подложки из разных групп по-разному реагируют на влагу. Учтите, что непременным условием гарантии на ламинат от производителей является наличие гидроизолирующей пленки толщиной от 200 мкм.
Теплоизоляция
Этот показатель важен, если полы расположены над подвалами, неотапливаемыми гаражами, проходами.
Плотность, толщина
Для ламината идеал — максимально твердое основание. В этом случае износ замков будет минимальным. Чем подложка мягче и толще, тем быстрее покрытие придет в негодность. Если толщина больше оптимальных(!) 3 мм, то существует большая вероятность появления щелей вследствие износа замков.
Реакция на неровности основного пола
Чем плотнее материал (а наибольшая плотность у пробки), тем хуже его выравнивающие способности и тем тщательнее следует выравнивать основание. Кривизну большого радиуса вы не выровняете ничем!
Срок эксплуатации
Под дорогой ламинат со сроком жизни от 15 лет экономически нецелесообразно укладывать дешевую полиэтиленовую подложку, которая изотрется через пару лет.
Пригодность к использованию с теплыми полами
Эта характеристика актуальна для тех, кто планирует укладывать ламинат на теплые полы.
Удобство укладки
Некоторые виды рулонных подложек (из пробки, в частности) при укладке «норовят» свернуться. В этом случае лучше брать листовой материал.
Лучшие производители (марки) подложек
Известные производители ламината под свою продукцию настоятельно рекомендуют использовать фирменные подложки. В противном случае они оставляют за собой право отказать в рассмотрении претензии, если таковая возникнет. Тем не менее, все они благосклонно относятся к пробковым подложкам из Португалии и экструдированному полистиролу марки VTM. Отличные отзывы о Парколаг и Изоплин как укладчиков, так и покупателей. Хорошо зарекомендовали себя в эксплуатации подложки из НПЭ от Quick Step. А вот отечественный аналог обеспечит вам «пузыри» и «волны» после укладки. Не советуем и экструдированный полистирол российских и китайских брендов: в описании продукции их характеристики завышены.
Наш рейтинг лучших подложек
| Место | Название | Средняя цена | Номинация | Описание | Наш рейтинг |
|---|---|---|---|---|---|
| Лучшие натуральные подложки | |||||
| 1. | Premium Cork (Корк), Португалия | 90 руб./м2 (2 мм) 145 руб./м2 (3 мм) |
Натуральная пробка Самая большая плотность Самая низкая теплопроводность |
Материал «техническая пробка» из спрессованной коры пробкового дерева. Обладает большой устойчивостью к деформации, хорошим шумо-, вибропоглощением, отличными теплоизоляционными качествами. Укладывается исключительно на толстую пленку. Продается в рулонах и листах. Не рекомендуется для подогреваемых полов. | 9 из 10 |
| 2. | PARCOLAG (Парколаг) | 95 руб./м2 (3 мм) |
Битумно-пробковая Лучшие характеристики | Вентилируемая подложка. Представляет собой пропитанную природным битумом крафт-бумагу с натуральной пробковой посыпкой (гранулы размером 2-3 мм). Характеризуется высоким шумопоглощением, прекрасной шумо- и влагоизоляцией. Рулонный материал. | 9 из 10 |
| 3. | Isoplaat (Изоплат) | 55 руб./м2 | Лучшая теплоизоляция, акустика, выравнивание | Древесноволокнистая плита на смолах хвойников для шумоизоляции. Выравнивает неровности чернового пола до 4 мм. Характеризуется высокой теплоизоляцией, естественной вентиляцией, паропроницаемостью. Эффективное гашение «ударных» шумов, рассеивание звуков, влагостойкость. | 9 из 10 |
| Лучшие подложки из экструдированного полистирола | |||||
| 1. | VTM, IsoPolin (Изополин) | 55 руб./м2 | Лучшее соотношение цена-качество | Материал — полистирольная пленка. Эта подложка XPS с жесткой структурой находится «посередине» между пробковой и полиэтиленовой в плане сложности укладки и стоимости. Отличная шумоизоляция, минимальное влагопоглощение. Великолепные теплоизоляционные свойства, сохраняющиеся при высокой влажности. | 10 из 10 |
| Лучшие полиэтиленовые подложки | |||||
| 1. | Tuplex (Туплекс) | 99 руб./м2 | Самая технологическая | Ультрасовременный композитный материал, состоящий из пенополистирольных гранул между двумя слоями полиэтилена разной толщины. Имеет великолепные влаго- и шумоизоляционные свойства. Мембранная конструкция нижнего слоя Туплекс позволяет вентилировать пространство под ламинатом: влага просачивается вовнутрь, а затем выводится под плинтусы. | 9 из 10 |
| 2. | Изолон ППЭ | 35 руб./м2 | Самая дешевая подложка | Теплостойкая мелкопористая подложка из вспененного «сшитого» ППЭ. Превосходит НПЭ по всем параметрам. | 8 из 10 |
| 3. | Фольгированный Изолон ППЭ | 56 руб./м2 | Фольгированная | Изолирующая подложка Изолон ППЭ с нанесенным на одну сторону слоем фольги толщиной 14 мкм. | 7 из 10 |
Лучшие натуральные подложки
Сразу разъясним, что натуральное происхождение подложки в данном случае никаких преимуществ в плане экологии не дает, поскольку поверх нее будет находиться ламинат, который, как известно, является искусственным материалом.
Пробковая подложка Premium Cork (Корк)
Рейтинг 9 из 10
Фото: vopros-remont.ru
Средняя цена по РФ : 90 руб./м2, толщина 2 мм (145 руб./м2 — толщиной 3 мм)
Достоинства: Одна из лучших подложек производства Португалии, Испании. Очень высокая плотность означает устойчивость как ее самой, так и замков ламината к деформациям при нагрузках. В силу высоких демпферных свойств пол со временем не «заиграет». Благодаря очень низкой теплопроводности является хорошим утеплителем полов над не отапливаемыми помещениями. Поскольку она хорошо гасит шум, станет отличным решением для детских, игровых комнат. Может эксплуатироваться с ламинатом высокого класса, не требуя замены, 25 лет. В отличие от китайского аналога, она не крошится, хороша в укладке и эксплуатации, не вредит ламинату.
Недостатки: Высокая цена. Шумит на плохо выровненном основании. Лучше всего применять на деревянный пол, фанеру, ДСП. Впитывает влагу, поэтому требует гидроизоляции бетона и не рекомендуется для влажных помещений и кухни.
Типичные отзывы
«Под пробку тщательнее выводить основание надо! Я с этим столкнулся…»
«…тяжело укладывать. Когда рулон кончается, пробка сильно стремится назад, и есть опасения, что она, смятая, попадет под ламинат».
Parkolag (Парколаг)
Рейтинг 9 из 10
Фото: strmnt.ru
Достоинства: Высокое шумопоглощение, износоустойчивость, очень высокая влагоизоляция делают эту вентилируемую подложку одной из лучших. Пробковая присыпка, сохраняющая свою эластичность, способствует долгой службе ламината, а битум препятствует проникновению влаги от бетонной стяжки. Наличие воздухообмена предотвращает образование конденсата, грибка, плесени. Сохраняет линейные размеры под весьма значительным давлением и при изменении температурно-влажностного режима. Надежная подложка, которая станет отличным решением для дорогих марок ламината и будет служить, не доставляя проблем, долгие годы.
Недостатки: Нельзя использовать под теплый пол.
Отзывы:
«По сравнению с технической пробкой, как микстовый вариант, более универсален, кроме того, более износоустойчив. Выигрывает в плане барьера на пути избыточной влаги».
«В качестве подложки мне всегда был симпатичен Парголаг, о котором слышал массу баек, типа битумом воняет не по-детски и т. д. Все это чушь».
«Купил под ламинат парколаг. Отлично! И запаха нет, и тиииихо…»
Изоплат (Isoplaat startfloor barlinek)
Рейтинг 9 из 10
Фото: bug.ua
Достоинства:
Идеальная подложка для теплого пола ввиду своей абсолютной безопасности при нагреве. Благодаря пористой структуре обладает хорошими шумо- и звукопоглощающими, акустическими и теплоизоляционными свойствами, теплоустойчивостью. Специальная структура нижнего слоя позволяет свободно циркулировать воздуху, обеспечивая вентиляционные свойства. Кроме того, благодаря антисептической пропитке защищена от грибка и плесени. По показателям упругости, теплопроводности, устойчивости к сжатию, звукопоглощению, долговечности и натуральности сродни пробке. А что касается теплоизоляции, то за счет толщины у Изоплат она в 3 раза выше и сравнима с мягкими утеплителями.
Недостатки:
Не выпускаются плиты меньшей толщины.
Отзывы:
«У меня isoplaat 5 мм лежит под 33 ламинатом.
Упругая, теплая на ощупь, хорошо гасит шум. При двух маленьких детях соседи снизу нас просто не слышат (их мнение)».
Лучшие подложки из экструдированного пенополистирола
VTM, IsoPolin (Изополин)
Рейтинг 10 из 10
Фото: skill-spb.ru
Средняя цена по РФ : 55 руб./м2 (толщина 3 мм)
Достоинства: Стабильная основа под ламинированные полы, делающая удобной даже диагональную укладку ламината. Благодаря закрытым влагонепроницаемым порам является идеальной гидроизоляцией. Оптимально подобранная плотность выражается в достаточно высоком сопротивлении внешнему давлению и в то же время отсутствии сильной жесткости. Последнее качество компенсирует неровности пола до 3 мм и способствует усилению шумоизоляции: показатель поглощения ударного шума приближается к пробке. Технические характеристики схожи с плитами Изоплат. Механическое давление не оказывает разрушительного воздействия на структуру, поэтому свои высокие тепло- и звукоизолирующие свойства подложки VTM и IsoPolin со временем не теряют. Срок службы более 10 лет.
Недостатки: Не годится для помещений с высоким интенсивным движением и нагрузкой (танцзалы, фитнес-клубы, т. п.). Не подходит для теплых полов.
Отзывы:
«По свойствам укладки и стойкости к проседанию XPS-подложки и Изоплат почти одинаковы».
«Как строитель скажу: работать с ним приятно и просто, многие заказчики требуют именно такую подложку».
«В Олимпийской деревне … огромный спрос на эту подложку среди понимающих людей».
Лучшие полиэтиленовые подложки
Tuplex (Туплекс)
Рейтинг 9 из 10
Фото: ekopol.kiev.ua
Средняя цена по РФ : 99 руб./м2 (толщина 3 мм)
Достоинства: Подложка Tuplex подстраивается под форму основания, сглаживая его небольшие дефекты. Великолепно поглощает ударный шум, заглушая стук каблуков. Это качество позволяет рекомендовать Tuplex как для жилых помещений, так и для офисов. Благодаря низкому сжатию (в 14 раз меньше по сравнению с вспененным полиэтиленом) хорошо сохраняет форму и препятствует проседанию ламината. Уникальная структура материала позволяет удалять влагу естественным путем, однако это достоинство сводится к нулю при наличии гидроизоляционной пленки. Подходит для теплых полов.
Недостатки: Эффективность нагрева от подогреваемых полов ниже по сравнению с традиционными теплопроводными подложками за счет рассеивания части воздуха.
Отзывы:
«Самое лучшее…с чем я работал — это Tuplex. Очень удобен в укладке».
«Слышал на него рекламации. Основная мысль: пенополистирольные шарики со временем деформируются… Может, это и не так, но есть смысл задуматься».
«…пробовал на сжатие — не восстанавливается. Хотя в аннотации написано другое».
Изолон ППЭ
Рейтинг 8 из 10
Фото: www.web4market.biz
Достоинства : Хорошие тепло- и шумопоглощающие параметры «сшитого» полиэтилена с закрытыми порами, его экологическая чистота, упругость и эластичность, повышенная влагостойкость и гидрофобность, инертность к «химии», бактериям и относительная дешевизна делают подложку Изолон ППЭ (не путать с Изолон НПЭ!) предпочтительной для использования в жилых и общественных помещениях. Данные качества могут сохраняться у Изолон ППЭ длительное время при любых условиях эксплуатации. Не деформируется под нагрузкой, не горит и не выделяет токсичных веществ. Со временем не разрушается, не теряет стабильность и прочность, в отличие от газонаполненных полиэтиленов Изолон НПЭ, Пенофол, Полиизол и др. Срок службы в нормальных условиях более 25 лет. Оптимальное решение для теплого пола.
Недостатки : Несмотря на хорошие теплоизоляционные показатели, не стоит рассчитывать на теплоизоляцию пола при толщине материала 2-4 мм.
Отзывы:
«Если брать Изолон, то ППЭ белый с очень плотными мелкими пузырьками, но только не наш НПЭ!»
«По сравнению с пробкой у Изолона сжатие и восстановление гораздо хуже».
Фольгированный Изолон ППЭ
Рейтинг 6 из 10
Фото: www.dom-laminata.ru
Достоинства : В дополнение к достоинствам Изолона ППЭ фольгированный слой, являющийся отражающей теплоизоляцией, усиливает тепло-, пароизоляционные свойства, обеспечивает сокращение потери тепла на 97%. Важно: эффективность фольгированной теплоизоляции тем выше, чем выше температурная разница между черновым полом и помещением. Для первого этажа с бетонным полом фольгированный Изолон ППЭ полезен, для квартиры на четвертом этаже никакого выигрыша в температуре не будет. Зато в качестве утеплителя он прекрасно сочетается с инфракрасным теплым полом.
Отзывы:
«Чтобы фольга давала ощутимый эффект при теплоотражении, температура д. б. в районе 60°
C.Поэтому фольга на пене …удачный маркетинговый ход…».
«…житье в целлофановом мешке требует постоянной вентиляции».
Какую подложку лучше купить?
К одной и той же группе материалов зачастую даже у профессионалов диаметрально противоположное отношение, причем чаще всего слабо аргументированное. Однозначного ответа на этот вопрос наш рейтинг лучших подложек не дает, — выбор за вами. Изучите характеристики материала и выберете тот, который лучше всего соответствует поставленным задачам, степени ровности основания и вашим финансовым возможностям. При этом имейте в виду, что толще не значит лучше, толщина подложки не должна превышать 3-4 мм, если только большая не допускается производителем ламината.