Как правильно сделать вентиляцию в подвале: варианты исполнения и расчеты

Шаблон «сверху вниз»

Мно­гие сай­ты устро­е­ны так: 

  • верх­нее меню или шап­ка сайта,
  • содер­жи­мое сайта,
  • ниж­нее меню или под­вал со слу­жеб­ной информацией.

Теперь всю эту струк­ту­ру мож­но запро­грам­ми­ро­вать все­го одной коман­дой grid-template-rows: auto 1fr auto . Она сде­ла­ет нам три гори­зон­таль­ных бло­ка по такой схеме:

  • пер­вый блок зай­мёт столь­ко места по высо­те, сколь­ко мы ука­жем в настрой­ках блока;
  • послед­ний блок сде­ла­ет то же самое и будет огра­ни­чен по высо­те пара­мет­ра­ми само­го блока;
  • а сред­ний блок меж­ду ними зай­мёт остав­ше­е­ся место. Если содер­жи­мое не поме­стит­ся в блок — появит­ся поло­са про­крут­ки сбоку.

Плюс тако­го под­хо­да в том, что у поль­зо­ва­те­ля на экране все­гда будут вид­ны шап­ка сай­та и подвал.

unnamed-7.png

.parent {

    display: grid;

    grid-template-rows: auto 1fr auto;

  }

</samp>

See the Pen  by Миха­ил Поля­нин (@mihail-polqnin) on CodePen.

Простой сайдбар

Ино­гда быва­ет нуж­но сде­лать боко­вую панель на сай­те, но так, чтобы:

  1. она рас­ши­ря­лась вме­сте с раз­ме­ром окна браузера;
  2. при умень­ше­нии раз­ме­ра окна панель тоже умень­ша­лась, пока не достиг­нет сво­е­го мини­маль­но допу­сти­мо­го значения.

Напри­мер, мы зна­ем, что мини­маль­ная шири­на нашей боко­вой пане­ли — 150 пик­се­лей, тогда на ней всё поме­ща­ет­ся. Если будет боль­ше — отлич­но, но мень­ше нельзя.

Что­бы это реа­ли­зо­вать, исполь­зу­ем коман­ду minmax();, в кото­рую пере­да­дим мини­маль­ную и мак­си­маль­ную шири­ну нашей пане­ли. Эта коман­да сама пой­мёт, какую шири­ну нуж­но исполь­зо­вать: если места мало, то исполь­зу­ем мини­маль­ное зна­че­ние, а если места хва­та­ет — то максимальное.

 .parent {

    display: grid;

    grid-template-columns: minmax(150px, 25%) 1fr;

  }

</samp>

Посмот­ри­те на основ­ную коман­ду grid-template-columns — она зада­ёт колон­ки в сет­ке. Сколь­ко пара­мет­ров, столь­ко и коло­нок. В нашем при­ме­ре два параметра:

  • minmax() — он отве­ча­ет за мини­маль­ную и мак­си­маль­ную шири­ну наше­го сайдба­ра слева
  • 1fr — это зна­чит, что всё осталь­ное про­стран­ство зай­мёт вто­рая колонка.

Если нам нуж­на боко­вая панель поши­ре — мож­но поста­вить 200 или 300 вме­сто 150.

See the Pen  by Миха­ил Поля­нин (@mihail-polqnin) on CodePen.

Особенности устройства внутреннего  входа в подвал

Перед тем, как сделать вход в подвальное помещение из дома, следует изучить некоторые особенности и конструктивные нюансы:

  • Тип обустройства спуска в подвал, ее предварительную стоимость и техническую реализацию – многие лестницы очень красиво смотрятся, но дорого стоят;
  • Размер подвала – неоправданным будет возведение крупной конструкции проема, если площадь подвала невелика;
  • Размеры лестничного проема – фактор, определяющий тип лестницы. Порой, выбранный вид лестничного спуска требует большой площади;
  • Продумать, будут ли храниться в подвале крупногабаритные вещи, потому как это влияет на размеры дверного проема, ширину лестничного профиля для их переноски;
  • Частота использования подвала, если предполагается редкое использование, то можно пожертвовать комфортом спуска для экономии места и финансов на возведение.

К внутренним лестницам, ведущим в подвал, предъявляют определенные требования, поскольку данная конструкция будет испытывать повышенные нагрузки. В частности, ширина ступенек должна составлять не менее 0,8 м, что обеспечит безопасное передвижение. Тетива лестницы делается из качественных досок сечением 10*25 см.

Высота конструкции предполагает расчет количества ступеней между подвалом и первым этажом. Оптимальным вариантом исполнения является бетонная лестница, способная выдержать любые нагрузки, при этом обеспечивая безопасное передвижение.

Выбор типа конструкции входа в подвал из дома

Во внутреннем помещении дома вход в подвал может быть любой конфигурации. Это ограничивается только потребностями владельца и шириной отведенного  на это пространства.

Самая распространенная из конструкций – маршевая. Такой вид оптимален для строительства собственноручно. Чаще всего она имеет L-образную или П-образную форму для экономии места за счет лестничной площадки. Эта форма обустройства входа имеет свои достоинства и недостатки.

Такие марши обычно пологие, что дает место для передышки при переносе громоздких предметов. Если вход будет закрываться люком, то его размеры будут довольно внушительными.

Ещё один вариант конструкции — винтовая лестница. За счет своего конструктивного обустройства, этот вид значительно экономит пространство, но по такой лестнице невозможно перенести предметы больших габаритов. Кроме того, такое устройство довольно сложно выполнить самостоятельно, да и стоимость таких работ довольно высока.

При выборе материалов следует руководствоваться особенностями той или иной конструкции лестничного проема.

Дерево

Дерево – один из наиболее распространенных вариантов исполнения лестницы, за счет разнообразия фактур и ценовых вариантов.

С таким материалом легко и приятно работать, он экологически безопасен, а при помощи специальных пропиток и лаков это сооружение легко вписать в существующий интерьер. Деревянные элементы пригодны для любых проектов лестниц.

Бетон

Надежный материал, отличающийся повышенной прочностью. Эти лестницы долговечны, но значительный вес такой конструкции повышает нагрузку на основание, учитывая вес всего многоэтажного дома. Можно использовать готовые бетонные маршевые пролеты, но это необходимо предусмотреть и рассчитать ещё на стадии проектирования подвала.

Металл

Металлические лестницы очень прочны, хотя их вес не велик. Эти конструкции пригодны самостоятельного исполнения, главное грамотно рассчитать каркас. Важно помнить, что металл подвержен коррозийному воздействию, для чего необходимо использовать специальную обработку.

Визуальное оформление подвала сайта

Грамотно оформленный footer может повлиять на поведение пользователей в двух случаях:

  1. Текст, представленный на странице, заинтересовал посетителя настолько, что он дочитал его до конца. 

Это говорит о том, что юзер готов превратиться в клиента, либо не нашёл полезной информации и держит курсор мыши на кнопке закрытия. С помощью футера, грамотные разработчики:

  • Предлагают дополнительные материалы по теме;
  • Напоминают о спецпредложениях (акциях, скидках);
  • Дают возможность связаться с менеджером для уточнения деталей. 

Это удерживает внимание клиента и помогает совершить целевое действие, влияя на поведение.

2. Пользователь прокручивает до низа целенаправленно, в поисках какой-либо информации. 

В этом случае, footer содержит: 

  • Служебные данные: информацию о компании, соглашения, ссылки на группы в социальных сетях, вакансии и т.д.;
  • Элементы навигации, дублирующиеся из шапки: переходы в разделы каталога с описанием группы товаров или услуг. 

Разместив здесь важную и полезную информацию, вы улучшите юзабилити и заслужите лояльность посетителей!

Дизайн подвала сайта — лучшие практики

Это только на первый взгляд футер выглядит скучно. На самом же деле в нем дублируются такие важные элементы как навигация и контакты. Они пригодятся пользователю, который прокрутил страницу в самый низ. Ведь если мы не предложим ему варианты дальнейших действий, он может и закрыть сайт.

Что же все-таки стоит размещать в этом блоке?

  1. Помогите пользователю узнать, кто вы. Разместите в подвале ссылки «О нас», «Наша команда» или подобные, а также ссылки на социальные сети или корпоративный блог — пользователю важно знать, что представляет из себя компания, на сайт которой он попал.
  2. Предоставьте базовые данные для связи. Укажите основной телефон, электронную почту и ваш адрес. Отлично, если здесь будет также ссылка на карту от Google или Яндекс.
  3. Добавьте призыв к действию в виде кнопки. Если пользователь прокрутил ваш сайт прямо до футера, скажите, что он может сделать — подписаться на новости, отправить вам письмо или «лайкнуть» вашу страничку в социальной сети.
  4. Оставляйте достаточно свободного места. Все данные в подвале должны хорошо читаться и не наезжать друг на друга.
  5. Группируйте ссылки.Подумайте о пользователе — ему будет удобней разобраться, в каком столбике искать то, что ему нужно. Благодаря группам подвал будет выглядеть более организованным, что особенно важно для многоэтажных футеров с большим количеством информации.
  6. Придерживайтесь стиля основной части страницы. Нет ничего хуже, чем когда часть страницы не соответствует всему остальному дизайну, поэтому обязательно учитывайте этот момент.
  7. Помните об иерархии. В подвале, как и во всех остальных частях страницы, должна прослеживаться иерархия: самые важные составляющие, вроде номера телефона, должны быть самыми заметными, а стандартная информация, вроде копирайта, отображаться самым маленьким шрифтом.
  8. Не используйте слишком большие изображения. Они будут отвлекать пользователя от того, что действительно важно.
  9. Выделите футер констрастным цветом. Например, если в основной части используется белый фон, то футер лучше сделать темным. Таким образом вы отделите основную часть страницы от второстепенной, каковой является подвал.
  10. Не забудьте указать информацию о разработчиках и владельцах сайта.

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий