Уголок дизайна в контакте: как мы обновляли логотип и фирменный стиль ВКонтакте

Что думают эксперты и пользователи про новый дизайн «ВКонтакте» / Хабр

1 апреля 2016 года социальная сеть «ВКонтакте» представила редизайн своего сайта. Новый дизайн был тогда запущен в тестовом режиме. Работа над ним велась полтора года. 17 августа произошел окончательный переход. Все пользователи социальной сети были принудительно переведены на новый дизайн.

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

Мнения, как всегда, разделились. Пока эксперты и пользователи в волю высказываются. Какие выводы из этого сделают разработчики нового дизайна?

Однако «срез общественного мнения» выглядит так:

Более того, негативных отзывов на порядок больше. На платформе change.org появилась петиция в защиту старого дизайна сайта.

«Мы не навязываем и не принуждаем этим жестом к тому, чтобы отказались от нового дизайна. Однако у человека должна быть альтернатива — выбирать, чем пользоваться, а что игнорировать», — пишет автор петиции Максим Литманен. Петицию подписали более 41 тысячи человек (по состоянию на 17 00 МСК, четверг).

«Дуров, верни себя!»

Павел Дуров, который уже достаточно длительный период не занимает позицию генерального директора социальной сети,

новый дизайн.

1. Главный раздел сайта – Новости – стали уже. Парадоксально, что необходимость редизайна обосновывалась стремлением более эффективно использовать экран. По факту, если сравнить ширину записей в старой и новой версии, новости лишь сузились на 28px.

2. Новости – как и все остальные разделы – стали ниже на 42px. Из-за фиксированной шапки вертикальное пространство сайта стало меньше, нужно больше проматывать. Это серьезное изменение к худшему: именно вертикальный скролл представляет собой дефицит на большинстве дисплеев.

3. При просмотре главного раздела сайта – Новостей – утрачивается фокус на контенте. В новой версии возник визуальный мусор в виде редко используемой фиксированной правой колонки. С учетом фиксированный шапки и узкой ширины, просмотр новостей стал вдвойне захламлен.

Однако еще в апреле появились и положительные отзывы.

Павел Шумаков, продуктовый дизайнер в Badoo, бывший дизайнер «ВКонтакте»

Шире. Лучше. Функциональнее. Это действительно долгожданное событие. И пользователи, несомненно, будут вознаграждены за столь долгое ожидание. Их ждёт новый, я бы сказал, чистый дизайн. Новый сайт «ВКонтакте» — это большой шаг как для компании, так и для пользователей. Новые возможности, новые разделы. Внимательный пользователь обратит внимание на новый шрифт, который органично вписался в новый дизайн. Не могу сказать, что выбор был простым. Но в правильности решения уверен, и могу за него поручиться.

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

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

На мой взгляд, дизайн сегодняшнего «ВКонтакте» — это то, на что многие другие контентные или большие аудиторные проекты могут равняться. Я был рад участвовать в проекте редизайна «ВКонтакте» и результатом очень горжусь.

Дмитрий Провоторов, менеджер проектов «Мануфактура IT Production & Graphic Design»

Суперинтересные мелочи:

• Аудиоплеер занимает главенствующее место. Всем известно, за что люди любят «ВКонтакте». Интересно, какое количество пользователей слушает музыку там? Думаю, что большинство, если плеер занял такое важное место.

• На скриншотах в блоге очень правильная вещь — ссылка на раздел «Реклама» заняла удобное место слева в меню. Но почему это не сделали в интерфейсе? Она осталась в подвале. Я прямо чувствую скрежет зубов тысяч пользователей, которые пытаются «поймать» её в разделах с бесконечной прокруткой. Думаю, докрутят ещё.

• Реорганизация меню. «Новости» и «Сообщения» победили «Друзей», «Группы» и всех остальных.

• В «Новостях» вижу две надписи «Поиск». Догадываюсь, в чем отличия, но догадываться — это не очень хорошо для интерфейса.

• «Сначала интересные» — это мягкий переход к новому типу новостной ленты? Чтобы не было «Дуров, верни стену!»?

• Кнопка «Присоединиться к тестированию» нового интерфейса — очень хорошая. Очень. Я прошу вас, присоедините меня. Я сам этого хочу. Нет, вы меня не заставляете.
Классно. Как на моём iPad. Давно пора. Дальше будут к большим переменам двигаться маленькими шагами, уверен.

Мы взяли комментарии у других экспертов и задали им свои вопросы.

Денис Шумов, арт-директор m18.ru

Согласны ли вы, что нужно было предоставить пользователям выбор между старым и новым дизайном?

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

Насколько оправдано время, потраченное на разработку нового дизайна? Оптимально ли, по вашему мнению, соотношение время-результат?

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

Одобряете ли вы новый дизайн в целом? С точки зрения удобства использования? С точки зрения внешнего вида?

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

Что категорически не нравится?

Таких вещей нет.

Илья Божко, дизайнер компании ТМ

Согласны ли вы, что нужно было предоставить пользователям выбор между старым и новым дизайном?

Нет не согласен, разработчики ВК поступили правильно, запустив открытый бета-тест нового интерфейса, подготовив пользователя к обновлению. Поддерживать два стиля очень трудно.

Насколько оправдано время, потраченное на разработку нового дизайна? Оптимально ли, по вашему мнению, соотношение время-результат?

Сейчас сказать сложно, результат будет виден только через некоторое время.

Одобряете ли вы новый дизайн в целом? С точки зрения удобства использования? С точки зрения внешнего вида?

В целом — да. Есть моменты, которые требуют доработки, но в целом редизайн удался.

Что категорически не нравится?

Не нравится выбор шрифтов: размер, цвет, использование в целом. Круглые аватарки. Не нравится, что перенесли важные контролы (Мне нравится, Поделиться ) с левой части — в правую.

Какие элементы дизайна кажутся удачными?

Более продуманные элементы управления, иконки уведомления и аудиозаписи в шапке, страница сообщения.

Дмитрий Чута, CEO/Founder в Chapps

Согласны ли вы, что нужно было предоставить пользователям выбор между старым и новым дизайном?

Если вы спрашиваете о временном тестировании, когда часть юзеров начали использовать новую версию и своими фидбэками помогли исправить большую часть проблем то, безусловно, мой ответ «да». Но если же речь идёт о выборе старого/нового послефинального релиза, который вчера состоялся, то, конечно, нет.

С одной стороны, существование двух версий уменьшает количество негативной реакции от пользователей, с другой стороны, это создает намного больше сложностей для поддержки и аналитики сайта. В конце концов мы знаем, многим пользователям всегда будет что-то не нравиться. Помните, как «стену» превратили в блог? Было очень много шума, но VK не дожил бы до сегодняшнего дня, если бы все оставил как есть и прислушался к мнению пользователей.

Насколько оправдано время, потраченное на разработку нового дизайна? Оптимально ли, по вашему мнению, соотношение время-результат?

Цифры, конечно, на первый взгляд кажутся завышенными, но только для тех, кто не работал с крупными проектами с миллионами очень разных и активных юзеров. Big data — это всегда сложно. У меня такой опыт есть и я постараюсь объяснить. Например, дизайнер захотел сменить размер аватарки, для сайта с 5000 юзеров — это не проблема. Но сделать серверный ресайз 400 миллионов аватарок (сколько там сегодня юзеров в VK?) — это уже ресурсоемко.

А если я скажу, что нужно еще и десять дополнительных ресайзов сделать, чтобы оптимизировать загрузку… уловили? Работа над дизайном такого проекта имеет всегда очень много ограничений, с которыми дизайнерам нужно сталкиваться и часто придумывать очень нестандартные решения. Мне даже дизайнерами таких людей сложно назвать, так как с разработчиками и маркетологами они проводят больше времени, чем над рисованием макетов. Юзеры всегда будут судить работу поверхностно, и тут ничего не сделать.

Одобряете ли вы новый дизайн в целом? С точки зрения удобства использования? С точки зрения внешнего вида?

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

Что категорически не нравится?

Чисто субъективно мне хочется вернуть «Уведомления», как было раньше: без вывода их в отельную иконку с дропдауном, а еще поле поиска сделать больше и сам поиск сделать лучше и умнее.

Какие элементы дизайна кажутся удачными?

Как я уже сказал, радикальных изменений в дизайне нет, а самые удачные решения всегда незаметны, даже мне.

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

Часто такая критика действительно аргументирована и полезна. В исключительных случаях разработчики принимают решение вернуть старую версию. А иногда наоборот – мнение общественности полностью игнорируется, и это, как ни странно, приводит к положительным результатам. Будем следить за дальнейшим развитием событий.

Оформление и дизайн групп Вконтакте

«Встречают по одежке, а провожают по уму» — гласит народная пословица.

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

Оформление группы Вконтакте занимает немало сил и времени, но это того стоит. Необходимо отметить, что в ноябре 2012 года были установлены новые нормы и требования к размеру аватара. Теперь он составляет 200х500 px. Размер области, где планируется размещать кликабельное графическое меню – 390 px в ширину.

Кликабельное графическое меню может включать в себя одну и более кнопок. В таком случае, ширину изначально нужно выставить в размере 370 px вместо 390.

Как же красиво оформить группу Вконтакте?

Итак, мы имеем страницу Вконтакте со всеми необходимыми разделами (Описание, Обсуждения, Фотографии, Аудиозаписи и т.д.). В правом верхнем углу группы находится изображение с фотоаппаратом. Первое, что нужно сделать, кликнуть на него и загрузить фотографию. Фото должно соответствовать характеру группы. Изображение следует выбрать с компьютера и в появившемся окне растянуть уголки так, чтобы полностью закрыть темный фон, заполняя всю область аватара. Не забываем нажать на кнопку «Сохранить и продолжить».

В результате получается красивая страница с характерным изображением. Необходимо убедиться, что размер фотографии 200х500 рх. Если навести курсор мыши на аватар и нажать правую кнопку мыши, появится окно. В нем нужно выбрать «Информация об изображении» или «Свойства изображения», там и будет указан размер фото.

Далее, в программе Photoshop нужно создать документ с необходимыми размерами, например ширина 600 рх и высота 1000 рх. Затем, сделать скриншот экрана страницы группы и вставить его в недавно созданный документ в Photoshop. С помощью инструментов («фрагменты» и «направляющие») необходимо отделить области и очистить слой. Таким образом, мы получаем документ, общей шириной 600 рх, где 200 рх является шириной аватара, 10 рх – зазором между аватаром и рабочей областью, а 390 рх – это ширина рабочей области.

Дизайн группы Вконтакте играет большую роль. Поэтому следует ответственно подойти к данному вопросу. Для начала, нужно определить какие части страницы будут кликабельными и некликабельными. В меню программы Photoshop выбираем «Файл» и «Сохранить для WEB устройств», выбираем необходимые составные и нажимаем «Сохранить». В сохраненной папке видно, что весь готовый дизайн разделился несколько фрагментов.

Осталось совсем немного. На странице группы нужно заменить аватар на тот, который получился после сохранения из Photoshop. Остальные изображения можно загрузить в альбом группы. На главной странице есть раздел «Свежие новости». Необходимо навести на него курсор мыши и кликнуть. Рядом появится ссылка «Редактировать» и окно «Микроразметки», где остается изменить заголовок, запрограммировать код и «Сохранить». Графический дизайн группы готов.

Это сложно?

На первый взгляд, все кажется сложно. На самом деле, стоит набраться немного терпения, найти время и начать работать. Каков будет дизайн группы – зависит от ваших требований, навыков и желаний. Для тех, у кого есть желание и цель, нет ничего невозможного.

Если Вы посетили данную страницу, Вы согласны с тем, что мы можем отправить Вам сообщение в социальной сети ВКонтакте.

«Facebook» против «В контакте» – POPEL Agency

Вступление

Проект Марка Цукерберга, который тот, поговаривают, невозбранно «одолжил» у своих заказчиков, стал одним из самых знаковых веб-сайтов последнего десятилетия. Он появился на свет в 2004 году, и на сегодняшний день эта социальная сеть объединила более 840 миллионов пользователей по всему миру. В 2006 году появилась на свет другая социальная сеть, «В контакте», её автор — простой русский парень Пашка Дуров — позаимствовал идею уже у самого Марка Цукерберга. На сегодняшний день «В контакте» зарегистрировано более 110 миллионов пользователей.

Оба проекта изначально позиционировались как проекты для студентов. Создатели обоих проектов были в момент запуска очень молоды. Да и вообще, между ними много общего. Но за время существования каждый из них по-своему эволюционировал, менялся. И если в лохматом 2006-м многие могли смело говорить, что «В контакте» — это клон «Facebook», то к 2012-му году ситуация изменилась.

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

Дизайн

Об этом напишу сразу, чтобы не размусоливать — дизайн «В контакте» почти подчистую слизан с «Facebook». Сегодняшнее оформление отечественной социальной сети незначительно изменилось по сравнению с 2006-м годом.

Современный дизайн «В контакте», как и его прежний внешний вид, до рези в глазах напоминает 3-ю версию дизайна «Facebook». Вот она:

Можно было бы придираться, искать сходства, с пипеткой проверять каждый пиксель.

• компоновка блоков и их пропорции
• цветовая гамма
• подбор шрифтов
• оформление отдельных элементов дизайна (заголовки, ссылки, картинки)

Проще говоря, дизайн «В контакте» был украден. Просто смиримся с этим!

Интерфейс «В контакте» и «Facebook» сегодня

Прошли годы. За 6 лет многое изменилось, и если внешне «В контакте» — по-прежнему клон дизайна «Facebook» версии 3, то внутренне различий очень много.

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

А начнем всё с того же — с внешнего вида.

«В контакте»

Как и 6 лет назад, дизайн «В контакте» остается отцентрованным, с заданной шириной. Такой дизайн обладает рядом преимуществ: текст легче читается, т. к. сконцентрирован и не расползается в длинные-длинные строки. На сайтах, где контентом служат небольшие статьи или где просто очень мало контента — это просто панацея. Кроме того, фиксированная ширина и центрирование — это хорошая предпосылка к тому, чтобы сайт нормально выглядел, например, на мобильных устройствах или на планшетах. Уже давно установился стандарт оптимального разрешения для дизайна — 1024х768 пикселей, — и это то самое разрешение, на котором «В контакте» выглядит как влитой.

Но на больших современных экранах «В контакте» превращается в вытянутую полосу, затерявшуюся в обширной белизне слева и справа, в которой поместилось бы ещё 2 такие полосы.

Функционально, «В контакте» идет в ногу со временем, и здесь можно только радоваться!

Но визуально он местами устарел. Один из анахронизмов, от которых уже давно пора было избавиться — это скругленные уголки в шапке. И выглядит дёшево, и не вяжется с преимущественно прямоугольной геометрией всего сайта.

Впрочем, если отвлечься от этих моментов, то в остальном «В контакте» развивается абсолютно верно. Всё лишнее прячется под кат, всё важное находится именно там, где пользователь станет его искать.

«Facebook»

В отличие от «В контакте», «Facebook» имеет видимость резинового дизайна. Именно видимость, потому что на самом деле блок ленты активности и другие блоки имеют тоже фиксированную ширину, просто для больших разрешений справа появляется дополнительный блок.

Но в целом, современный вид «Facebook» скорее отталкивает, чем притягивает — всему виной цветные иконки, создающие много визуального и совсем не обязательного шума, а также слишком контрастная цветовая гамма там, где можно было бы обойтись меньшим количеством цветов и оттенков.

Блоки «Facebook» строго распределены по функциональности:

• левый отдан под навигацию и приложения;
• центральный — лента активности и контент;
• правый блок — рекламный.

В теории, это должно быть удобно. На практике — всё немного иначе…

Во-первых, рекламы тут слишком много. Её обилие на «Facebook» может радовать Марка Цукерберга, но никак не пользователей. Конечно, все мы понимаем, что это неотъемлемая часть монетизации сайта, но ведь визуально она занимает едва ли не треть пространства на экране, и это уже, согласитесь, многовато.

Во-вторых, навигация в «Facebook» не самая интуитивная. Взять, к примеру, доступ к списку моих друзей. В нынешней версии дизайна невозможно по первому щелчку со стартовой к нему добраться. Потому что в меню слева списка друзей просто нет. Сначала вы переходите на личную страницу, и только потом в меню обнаружится список друзей.

Вы можете добиться от них почти какого угодно вида!

Сравнение функциональности и удобства

«В контакте»

Если в плане дизайна «В контакте» за 6 лет изменился мало, то в остальном у него случилось очень много качественных и по-настоящему крутых изменений. Во-первых, хочется сказать про аяксовые плюшки! Вы можете спокойно переходить со страницы на страницу, ведя параллельно разговор в чате либо прослушивая музыку — теперь эти операции производятся в фоновом режиме. Кроме того, в фоновом режиме работает подгрузка страниц (уже давно из сайта убрали устаревшую постраничную разбивку).

Вообще, в плане улучшения юзабилити команда «В контакте» проделывает очень большую работу, и она ощутима! Причем изменения происходят часто. Буквально каждый месяц «В контакте» становится всё удобнее, и что приятно, эти изменения — ответ на действия и интересы пользователей. Очень хорошо проведена дифференциация контента: можно отдельно просматривать свежие фотографии, свежие комментарии и отдельно — просто записи на стенах пользователей.

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

Если же говорить про глобальные различия между сайтами «В контакте» и «Facebook», то кроются они в содержании. «Facebook» стал удобным средством коммуникации между людьми, базой данных миллионов пользователей, способом общаться и делиться новостями. Кроме того, для развлечения пользователей в «Facebook» существуют внутренние приложения вроде «Фермы» и ей подобных. «В контакте», сохранив эти функции, пошёл дальше и стал кроме всего прочего местом, где собраны терабайты музыки, фильмов, сериалов и конечно же старой доброй порнушки (тоже, на все вкусы и случаи жизни).

На сегодняшний день там можно найти что угодно! Любимый фильм, любимый сериал, редкие и не очень аудиозаписи самых разных музыкальных коллективов, что превращает «В контакте» не просто в социальную сеть, а в самую что ни на есть среду обитания интернет-пользователя. Ему не нужно никуда идти — всё здесь, всё под рукой.

«Facebook»

На мой взгляд, «Facebook» на сегодняшний день существенно уступает в удобстве и интуитивности использования сети «В контакте», что удивительно. Ведь 6 лет назад они были абсолютно равны, а дизайнеры «Facebook» ни года не сидели на месте, и все время старались перекомпоновать сайт поудобнее. 

На самом деле, многие крутые идеи, которые вы наблюдаете «В контакте» сегодня, были изначально введены именно на «Facebook». Да-да! Они не стали ограничиваться заимствованием третьей версии дизайна, а продолжали и продолжают заимствовать все удачные идеи Цукерберга, ни секунды не стесняясь — и ленту активности, и видеозвонки, и чат и многое другое. Но почему-то сделать адекватный календарь дней рождения в «Facebook» до сих пор так и не сумели. Там есть, конечно, дополнительные расширения и приложения, которые творят чудеса, но в исходном функционале их нет.

«В контакте» аяксовые фишки работают плавно, они догадались добавить звуковое сопровождение событиям, а в «Facebook» по-прежнему нужно перегружать страницу, чтобы узнать, что вам пришло новое сообщение, что, конечно, не очень удобно.

И конечно, никаких сериалов и никаких музыкальных альбомов в «Facebook» вы не найдете. Фан-страница фильма, автора, сериала, группы или отдельного исполнителя? Сколько угодно! Свежий трек? Никогда! Тут уж играет роль региональный фактор. Проект это американский, а значит, он неизбежно находится под чутким присмотром борцов за авторские права.

В этой социальной сети можно заводить полезные связи, можно отсылать друг другу сообщения и комментировать фотографии друг друга (либо получать комментарии к собственным), но «поселиться» в нем так же, как «В контакте» не выйдет.

Прогнозы на будущее

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

«В контакте»

Я подозреваю, что очень скоро команда Павла Дурова всё-таки подготовит частично резиновую версию дизайна. Кардинальных изменений, скорее всего не случится, учитывая как болезненно воспринимают перемены пользователи этой социальной сети (разве можно забыть эти стоны «Дуров, верни стену!»?). Однако такая перемена назрела давно, и уже пора её внедрять.

Уже сейчас сеть проходит потихоньку нечто вроде ребрендинга, и явно хочет расширяться на Запад. По этой причине, вероятно, и было решено сменить название «В контакте» на емкое VK.com. И при выходе на западный рынок без редизайна опять-таки не обойтись.

Но если с редизайном и переименованием всё более-менее ясно, то вот над контентом сайта нависли грозовые тучи копирастов. Уже не раз и не два, тема нарушения авторских прав в рамках этой социальной сети поднималась. Даже предпринимались попытки заводить криминальные дела. И если до сих пор эта тема плавно сходила на нет, то по мере движения на Запад (или, если угодно, с Запада), она снова будет становиться актуальной. Если к тому же вспомнить недавние события, связанные с порталом Ex.ua (точка в этой истории до сих пор не поставлена), то «В контакте» — это очевидный кандидат для аналогичных претензий. Вот только если в Ex.ua контент выкладывался почти анонимно, то «В контакте» — все распространители «контрафактных копий» поголовно известны. Не нужно думать, что тема нарушения авторских прав исчерпана. Если и стоит ждать новой атаки копирастов, то «В контакте» — это такая себе бомба замедленного действия. Молчу уж о порно-контенте. Тут и правда некрасиво получается, что администрация ресурса не следит и не пытается следить за размещением подобного контента. В конце концов, ведь «В контакте» полно школоты детей.

«Facebook»

Что касается «Facebook», то он не стоит на месте! И хотя, на мой взгляд, текущий дизайн социальной сети не самый аккуратный, и они отстают в плане удобства от тех, кто их идею позаимствовал, их дизайнеры не устают трудится, и «Facebook» постоянно добавляет новые фишки и новые способы общения. А не так давно они запустили новую концепцию профиля, которая носит название «Хроника». Пока что далеко не все аккаунты переквалифицировались в хронические, и потому делать её разбор торопиться не буду.

Подробнее о ней здесь — http://www.facebook.com/about/timeline

Выглядит она примерно так:

Думаю, в скором времени все аккаунты «Facebook» будут выглядеть так. Хроника позволяет пользователю не просто указать статистические данные о себе вроде заполнения графы «день рождения». Она дает возможность вам рассказать о себе целую историю.

Это значит по меньшей мере две вещи: во-первых, вскоре «Хроника» появится и «В контакте»; во-вторых, «Facebook» может стать чем-то большим, чем средой общения. Он может превратиться в книгу историй человеческих жизней. А точнее… Книгу историй человеческих жизней, щедро приправленную рекламой! 🙂

Как в Фотошопе сделать сайт Вконтакте

Продолжая  срывать покровы Фотошопа, в этом уроке мы создадим сайт Вконтакте. Конечно, не весь Вконтаке а лишь макет одной из его страниц. Впрочем, все они похожи друг на друга. Долгое время я пропагандировал векторные инструменты Фотошопа, в частности в своей статье Зачем Фотошопу нужен вектор. Пришла пора применить его на практике. Для наших экспериментов я выбрал, что неудивительно, страничку нашей группы вконтаете. По окончанию урока мы воссоздадим все её элементы и получим готовый файл, который каждый из вас сможет скачать. По понятным причинам я не смогу расписывать каждый свой шаг на 5 абзацев, но очень постараюсь охватить все аспекты создания сайта в Фотошопе. Мы будем пользоваться шрифтами, масками, вектором, стилями. Расписывать азбуку каждого инструмента невозможно, но я постараюсь.

Как в фотошопе сделать сайт?

Как в фотошопе сделать любой сайт?  Я выбрал Вконтакте из-за популярности и достаточной простоты. Прежде всего, вы открываете Photoshop и рисуете макет сайта. В сложных и дорогих проектах макет создают специально нанятые люди с системным мышлением. Они создают пустой фреим или каркас, где размещают кнопки, меню и контент сайта. Далее фреим передается дизайнеру, и дизайнер «одевает» каркас, рисуя дизайн и его элементы поверх каркаса. Почему именно так? Не все дизайнеры способны соединить в себе логику, здравомыслие и чувство прекрасного. Особенно страдают данным недугом дизайнеры с обостренным чувством прекрасного. Они, дизайнеры, не в состояние понять, что их навороченной красотой, банально неудобно пользоваться. Что в этой красоте, невозможно найти ни нужный раздел, ни нужное меню, ни нужные материалы. Поэтому внешний вид и эргономика сайта (понятность и простота) — разное.

Нарисованный макет передается верстальщику, который режет картинки на куски и воссоздает макет  при помощи языков верстки HTML + CSS. Верстальщик передает верстку страниц программисту, и программист прописывает функционал, либо натягивает сайт на готовые движки. Мы же остановимся на этапе дизайна и макета. Так как макет у нас есть (впрочем как и дизайн), в этом уроке я просто воссоздам дизайн Вконтакте, и, надеюсь, этот урок ответит хотя бы частично на вопрос — как в фотошопе сделать сайт.

Создаем рабочую область

Прежде всего создаем правильную рабочую область. Сайт Вконтакте выровнен по центру, тянущиеся задние фона отсутствует. Ширина Вконтакте 790px Длина — бесконечна. Ширина не случайна. Вконтакте рассчитан на просмотр  с самых древних мониторов с самым древним разрешением 800 на 600px. 10 дополнительных пикселей — запас для полосы прокрутки браузера. В отдельных случаях Вконтакте расширяется в разделе Приложений. Расширяется он за счет пространства между логотипом и меню, но нам это не важно. В диалоговом окне File > New создаем рабочую область на 800 х 600 пикселей.

Размечаем рабочую область

Воспользуемся Направляющими Guides. Включите линейку Windows > Rulers или Ctrl+R, кликните по линейке мышкой, и не отпуская кнопки перетяните направляющую в начало рабочей области. Вторую направляющую поставим точечно, View > New Guides. В появившемся окне выберите Вертикальную направляющую и 790 px, такой же ширины сайт Вконтакте. Между этими направляющими мы будем рисовать наш сайт Вконтакте в Фотошопе.

Выравниваем рабочую область

С размерами порядок, но сайт придавлен к одной стороне, а с другой сторону у него  10px зазора. Давайте выравним рабочую область прибавив немного пикселей с обоих сторон. Откройте Image > Canvas Size. В области Anchor направьте расширение в левую сторону. Поставьте галочку Relative. Тогда изменение размера области будет происходить относительно тех размеров, которые уже есть. В области ширины Width добавьте 10px и нажмите OK.

Теперь проделайте все тоже самое, но на этот раз стрелки в Anchor оставьте по центру, чтобы расширение происходило в обе стороны. И расширьте рабочую область ещё на 40px что бы сайту визуально не было тесно.

Создаем элементы сайта

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

Нам понадобится панель слоев Layers, которую можно открыть в Windows > Layers. Нам понадобится умело перемещать элементы. Для этого пригодится инструмент Move Tool, о котором подробнее можно прочесть в моей статье Работа с Move Tool. И я бы сказал что Move Tool вам понадобится особенно, так как большее время вы будете распихивать элементы макета по нужным местам, да выравнивать между ними расстояние. Итак, выберем первый инструмент Rounded Rectangle Tool и нарисуем шапку сайта. В настройках инструмента поставим не более 5px округлости и не забудьте про Snap to Pixels, с этой галочкой вектор будет привязан к размерам пикселей,  что очень важно при создании графики для Web.

Шапка вконтакте округлая лишь с одной стороны и вот как я срежу края. Я выберу инструмент Rectangle Tool, в настройках инструмента выберите Subtract from Shape area (-) C этой настройкой инструмент будет отсекать части нарисованного вектора, а не создавать новые. Подробнее читайте в моих статьях о настройках Add, Subtract и Intersect.  С включенной опцией Subtract выделите векторную маску в слоях и просто отсеките ненужную часть прямоугольника. Почему это выгодно? во первых у вас остается контроль за маской, так как вы создаете сложную фигуру. Если вам понадобятся округленные края с обратной стороны фигуры, вы всегда сможете их достать, удалив второй прямоугольник.

Создаем стиль

Что такое стиль? Стиль это графическая одежда, которая надевается на любой элемент графики, будь то векторный объект, растровый объект или шрифт. Стили в фотошопе включают в себя рад эффектов, которые не видоизменяются начиная с царя Соломона. Это тени, градиенты, заливки, 3D выдавливание, текстуры, окантовки, свечения и эффекты смешивания слоев. В целом этого набора хватает чтобы создать практически любую графику для сайта, и не только для неё. Я предлагаю работать со стилями очень бережно. Для этого урока мы создадим и сохраним несколько стилей, которые просто будем доставать в нужный момент из сундучка и применять по необходимости. Начнем с шапки.

Вызовите Менеджер настроек Edit > Preset Manager и выберите в выпадающем меню стили Styles. Выделите все при помощи SHIFT и удалите. Подробнее о Preset Manager можно почитать в моей статье Все о Preset Manager. Мы вычищаем все лишние стили, чтобы они нас не путали и создаем пространство для новых стилей. Удаленные же стили являются шаблонными, и их можно вызвать назад в любой момент. Если у вас  там сохранены свои стили, не удаляйте их. Этот шаг я выполняю для простоты демонстрации, не более.

В панели слоев Layers выберите слой с шапкой. Теперь вызовите окно Стилей слоев. Layers > Layer Style > Gradient Overlay. Начнем с главного. Создадим правильный градиент.

Кликните по полоске градиента. Появится редактор градиентов. В редакторе кликните по ползункам градиента и выберите правильные цвета — #6185ad и #406287.

При ближайшем рассмотрении можно заметить что у шапки есть небольшая двойная окантовка из 1px темной линии и 1px светлой линии. Не выходя из Стилей слоев переключитесь на Stroke. Stroke создает окантовку вокруг объекта. В размерах поставьте 1 px в Position поставьте Inside, то есть внутрь. В типе заливки выберите градиент, с цветами #416184 и #4a6a91. Проявляйте внимание к деталям, если выбрать не градиент а сплошной цвет, то он будет теряться к вершине шапки, так как там цвет темнее. Если выбрать темнее цвет, чтобы он не терялся к вершине, то у основания он будет чрезмерно выразителен.

Наконец полосочка второго уровня, Выберите Inner Shadow, он создает внутреннюю тень, цвет тени #7e9fc8. Угол -90. Все ползунки на 0 и только Distanse — 2px.

С правой стороны мы видим изображение стиля. Это и есть «графическая чешуя», надеваемая на любой объект к которой будет применяться стиль. Нажмите на кнопку New Style и назовите стиль VK Style 1. Если вы переключитесь из левого меню в графу стилей Style, то увидите, что наша коллекция пополнилась первым стилем.

Создаем логотип

Точнее копируем логотип, ведь Вконтакт уже любезно предоставил его каждому желающему на своей спец странице. Скачайте версию в PDF и откройте её в Фотошопе. Первое что вам бросится в глаза — логотип несоразмерно большой. Конечно сейчас мы его уменьшим, однако, если вы уже собрались уменьшить его при помощи Edit > Free Transform, будьте готовы к тому, что его стили, рассчитанные именно на такие размеры, останутся неизменными. Конечный результат получится неприглядным.

Конечно настройки стилей всегда можно подкрутить в сторону уменьшения. Я так и сделал в первый раз, переделав стили «на глаз». Но вот что я предлагаю вам. Вместо того, чтобы открывать стили, и начинать методично подбирать на глаз все параметры или же растрировать графику лишаясь контроля за стилями, просто откройте логотип, зайдите в Image > Image Size убедитесь что в меню у вас выбраны галочки Scale Styles и Constrain Proportions и уменьшите высоту логотипа с 600px до 40px. Маловато? Уменьшите ещё.

Теперь выберите слои с логотипом и перенесите их на рабочую область сайта, и вот как это сделать быстрее всего. Выделите слои в панели слоев, инструментом Move Tool кликните по рабочей области и как бы, перетяните слои на вкладку с сайтом.

Создаем меню шапки

Пришла очередь меню. Для создания меню нам понадобится инструмент Type Tool, панель настроек шрифтов Character которую можно найти в Windows > Characte, а для создания других текстов в перспективе нам понадобится панель Paragraph, которую тоже можно найти в меню Windows > Paragraph. Выберите инструмент Type Tool и напишите текст. Эмпирическим путем я установил что Вконтакт использует шрифт Verdana. Возможно установил ошибочно, но визуально они один в один. Напишите первый пункт меню маленькими буквами — «Поиск». Размер шрифта 11pt стиль шрифта Bold. Вконтакт и более тесное расположение букв при помощи CSS. Учтем и этот нюанс, измените расстояние между буквами (tracking) до -55.

Когда вы закончите с одной надписью, продублируйте слой и напишите вторую Layers > Dublicate Layers Затем третью, четвертую. Затем выделите все созданные слои и рассортируйте их при помощи функций инструмента Mover Tool, котором мы уже говорили в этой статье. Но есть более простой способ создания меню. Чем создавать по 5 слоев, перегружая панель слоев, а затем возиться, расставляя их ровно инструментом Move Tool, создайте все на одной строчке. Напишите «Поиск» поставьте 4-5 пробела, напишите «Пригласить», опять 4-5 пробела и так далее. В итоге, все меню на одном слое, стили тоже надеваем на один слой, а не на 5 слоев. Удобно.

Создав меню, создаем правильные стили. Совет: либо задавайте шрифтам заранее правильный цвет, либо не думайте о цвете вообще, раскрашивая все после создания макета через стили. Откройте стили слоя, конечно, не забыв выделить шрифт меню Layer > Layer Style > Color Overlay Этот стиль просто и непринужденно натягивает на объект цвет. Вот и натяните белый цвет, #FFFFFF. У меню Меню Вконтакте имеется нехитрая тень, создаваемая силами CSS, мы же, рисуя макет в фотошопе создаем её через стили, и только потом верстальщик отобразит её языком верстки. Зайдите в Drop Shadow, в настройках тени выберите цвет #2f5076, невидимость 100% Угол падения любой приемлемый на ваш взгляд. Главное, везде отключайте опцию Use Global Light. Эта галочка соединяет в себе угол падения света всех стилей. Что это значит? Это значит, что если вам взбредет в голову поменять угол наклона тени в одном из объектов на следующий день, этот угол сменится у всех объектов, к которым применялся стиль с этой галочкой. Удобно, когда нужно регулировать общий угол падения тени для всех стилей из одного места, не удобно, когда этого не нужно делать.

Закончив со стилем, сразу сохраняйте её известным методом в этом же окне New Style. Стиль назовите VK Type Style 1.

Создаем общий макет для сайта

Я подробно разобрал шапку, меню, логотип, различные нюансы того и другого. Теперь пойдем быстрее, задерживаться на каждой надписи невозможно. Вконтакт очень простой сайт с точки зрения дизайна, простой и приятный глазу. Основное его достоинство в том, что Вконтакт использует шаблонные повторяющиеся блоки, с различной информацией. Блок для Участников, блок для стены, блок для ссылок, блок для заметок. Дизайн всех блоков одинаков, но блоки не мельтешат, не налезают друг на друга, не диссонируют, очень легко различимы и не теряются в общей массе. При первом взгляде на сайт очень легко понять где и что. Вот общее меню сверху, вот личное меню сбоку. Вот аватарка и моя информация, вот стена, а вот всякие фичи. В этой части статьи мы разметим макет.

Вы наверняка заметили, что Вконтакт разделяет области 1px полосками графики. Они едва заметны, но все же различимы. Для их рисования мы не будем использовать векторный вариант Line Tools и вот почему. Векторные инструменты работают вне пиксельной сетки. Векторная линия может сесть ровно на пиксель, левее пикселя, правее, Фотошопу придется графически как то отобразить это. Мы помним, Фотошоп программа растровая и всю графику фотошоп отображает Растром. Это не плохо, потому что браузеры тоже отображают сайты растром. Проблема инструмента Line Tool проста, у него нет привязки к пикселям Snap to Pixels. Поэтому нарисовать ровную полоску, которая не будет заступать ни за один пиксель можно только случайно либо в режиме Fill Pixels при отключенной настройке Anti-Alias, подробнее о которых можно прочитать в моей статье Все о режимах Shape Layers, Path и Fill Pixels.

Никаких проблем, рисуйте полосочки в растре, заранее создав пустой слой. Но вот, почему я все же выбираю Вектор в Фотошопе. Векторные объекты на основе заливки в разы проще перекрашивать. В растровых надо пользоваться выделениями и Edit > Fill либо постоянно залезать в стили Color Overlay. Векторные объекты гибче и заметнее в панели слоев, их легко модифицировать и растягивать. Растровые же постоянно расплываются, либо их нужно перерисовывать. Выбор за вами, но я предпочитаю максимальный контроль за макетом.

Я выберу инструмент Rectangle Tool и нарисую все объекты макета, места для аватарок, разделительные полоски, разделительные блоки. Получится пустой сайт с объектами на которые я натяну стили. Конечно, не забудем о известной опции Snap to Pixels

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

Стилизация объектов сайта в Фотошопе

Воссоздав макет, переходим к дизайну. Вы уже видели процесс создания шапки, меню, стилей. Я не принесу в этой части урока ничего нового, мы опять будем раскрашивать векторные полоски и создавать новые стили. Прежде всего раскрасьте полоски в светло голубой цвет — #d9e0e7 Для этого кликните по иконке заливки, и выберите нужный цвет в появившейся форме.

Выберите первый блок Фотографий, и кликните дважды по слою с прямоугольником. Появится диалоговое меню Стилей, которое так же можно вызвать в основном меню — Layer > Layer Style. В Стилях слоя выберите Color Overlay, залейте объект светло голубым цветом #e1e7ed. Теперь разберемся с верхней и нижней полосками. Верхнюю полоску создадим через Drop Shadow. Цвет — #d3dae0 Угол наклона -90, то есть тень направится сверху вниз. И конечно нам нужна не тень, в полном смысле, а лишь 1px полосочка, поэтому убейте все параметры, отвечающие за величину и растушевку тени Spread и Size. Оставим лишь 1 для Distanse, то есть тень выступает на 1 пиксель.

Аналогично для нижней полоски, её мы создадим с помощью внутренней тени Inner Shadow. Цвет тени #d3dae0, угол наклона -90, галочку Global Lights, как я писал выше убирать везде. С остальными настройками тоже самое. И конечно сохраняем стиль через New Style.

Создадим свой стиль и для формы поиска. Она находится в разделе Стены Вконтакта и представляет из себя белое поле с 1px окантовкой. Выбираем этот элемент, заходим в Стили слоев эффект Stroke. Перво наперво создаем цвет окантовки — #c0cad5. В настройках позиционирования Position выбираем Inside. Это важно, полоска внутрь создает острые края, полоска наружу округлые. Так устроен Фотошоп. Размер окантовки 1 px. Cнова сохраняем стиль.

Теперь у нас следующая ситуация. В макете остались не задизайненные объекты, но не повторять же для каждого квадратика уже созданный стиль? В фотошопе есть 100500 возможностей копировать стили с одного объекта на другой, в том числе не сохраненные стили. Тема эта скорее для статьи о работе со стилями. Я лишь расскажу об одном из них для которого мы специально и сохраняли все стили. Откройте панель Стилей через Windos > Style. Если вы делали все правильно, вы увидите пустое поле и сохраненные для сайта Вконтакте стили. Выделите нужный слой из панели слоев и щелкните по нужному стилю. Чтобы анулировать стиль, щелкните по белой иконке с красной линией.

Шрифты для сайта Вконтакте в Фотошопе

Разобравшись с дизайном объектов перейдем к шрифтам. Оставшиеся шрифты не представляют из себя особенной сложности. Выберите инструмент Type Tool и создайте боковое меню со следующими настройками. Размер шрифта 11pt, расстояние между строками 21pt, цвет #416288, шрифт Arial обычный. Похожие настройки используются и для меню с правой стороны сайта.

Для блоков текста используйте Параграфы. Для создания параграфа кликните инструментом Type Tool по рабочей области и не отпуская мышку протяните указатель, создав область для печати. Так вам не придется переносить текст «на глаз». При этом мы сможете воспользоваться настройками из панели параграфа Paragrapg из Windows > Paragraph, где можно регулировать позиционирование, расстояние между параграфами, красные строки, отступы и многое другое.

Ту же технику я применил для создания постов Ленты.

Создание других элементов для сайта Вконтакте

Других элементов откровенно говоря не много. Это загнутая стрелочка для ссылок в постах ленты, и сердечко — вариация кнопки «нравится». Оба элемента я создал из обычного стандартного набора фигур Фотошопа — инструмент Custom Shape Tool. Подробнее о его работе можно прочитать в моей статье о Custom Shape Tool, подробно посмотреть его в действии можно в моем видео уроке о работе Custom Shape Tool.

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

Заполнение фотографий при помощи Clipping Mask

У нас остались пустые формы макета, означающий графику и картинки, которые будут загружать пользователи. Но ведь намного лучше продемонстрировать их в действии. Как это сделать самым простым образом? Дайте подумать, я бы открыл все фотографии, которые использую на сайте, затем нашел бы их размер, уменьшил, обрезал, доведя до одинаковых размеров. Ах да, там ведь ещё разные шаблоны макетов, есть фото для фотографий, есть иконки для раздела Участники, есть большой аватар, есть иконки в постах. Все разных размеров. Не проще ли открыть нужную графику а затем одним щелчком заставить её «сесть» в эти созданные формы? Конечно проще. Откройте необходимые фотографии и перетяните их на рабочую область. В панели слоев разместите каждую фотографию над своим прямоугольником.

Способов создать Clipping Mask много. Выделите слой с фотографией, и выберите в меню Layer > Create Clippig Mask или нажмите Alt+Ctrl+G. Более простые способы — выделите слой фотографии в панели слоев, кликните по нему правой кнопкой мышки и в меню выберите Create Clippig Mask. Более быстрый и элегантный способ — наведите указатель мышки между двумя слоями, на панели слоев и нажмите Alt. Указатель превратится в восьмерку. Кликните и это тоже создаст Clippig Mask.

Смысл Clippig Mask в том, что изображение выше, встраивается в объект ниже. Соответственно фотография может быть любого размера, но объект ниже обрезает ненужные края. Если фотография слишком большая просто уменьшите её при помощи Edit > Free Transgorm что называется на лету. Если вы не слышали про такое, читайте мою статью Free Transform в Фотошопе

Организация сайта в Фотошопе

Пожалуй последнее, на чем я хотел бы остановиться — организация слоев. Организация важна, постольку поскольку фаил будет передан верстальщику, а ему разбираться с вашими слоями. Если вы и дизайнер и верстальщик правильная организация не будет лишней, и в стократ упростит для вас поиски нужного в старом фаиле через месяц. Организуйте слои по смысловой нагрузке. Размещайте их по порядку. Выделяйте ряд слоев и нажимайте Ctr+G. Это помещает их в папку. Создавайте папку в ручную из панели слоев, давайте файлам правильные имена, что бы легко узнавать их в меню Move Tool и на панели Слоев Layers. В конце концов раскрашивайте слои и группы по смысловой нагрузке. Сделать это можно через Layer > Group Properties

B вот так вы можете сделать сайт Вконтакте. И не только Вконтакте, но и любой другой сайт. Пожалуй в следующих статьях я продолжу практику воссоздания популярных в интернете сайтов. На повестке для Twitter, Facebook или Однокласники. Если вы хотите получить готовый макет сайта Вконтакте, кликните по кнопке Like для Фэйсбука, чтобы появилась ссылка на скачку. В конце концов, это меньшее что можно сделать, чтобы получить готовый макет для в формате PSD для сайта. Я надеюсь что теперь вы знаете, как сделать сайт в Фотошопе. Хорошего вам дня.

Скачать PSD

Автор:

Ландшафтный дизайн — 60 Фото идей для дачного и садового участка загородного дома —

Вы до сих пор считаете, что ландшафтный дизайн под силу только специалистам? Но не хотите тратить деньги, нанимая профессионалов? Мы подобрали более 60 фотографий с идеями для вашего дачного участка и загородного дома. Все идеи можно реализовать своими руками — достаточно вашего желания!

Ландшафтный дизайн дачного участка

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

Функциональные зоны садового участка

Зонирование заключается в том, что площадь земельного участка делится на зоны, каждая из которых имеет свою функциональную нагрузку:

• парадная: сюда входят люди или въезжают авто, не более 6% от всего участка;
• зона отдыха: от 10 до 14% общей территории;
• хозяйственная: включает гараж, теплицы и пр.;
• игровая: место для детских развлечений;
• садово-огородная: до 75%;

Некоторые зоны объединяются в одно пространство, экономя площадь.

Основные принципы ландшафтного дизайна

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

1. Целостность. Предусматривает наличие нескольких одинаковых элементов в разных частях загородного дачного участка. Они могут быть декоративные или естественные. Чтобы четче видеть картину в целом, составляют план, в котором определена тематика композиции. С его помощью легче размещать элементы ландшафтного дизайна в единстве и гармонии.
2. Простота. Нагромождение элементов или создание сложных конструкций уводит человека от природы. Привлекательным же является именно натуральный тон загородного участка. Пестрота цвета также утомляет взгляд, лучше остановиться на двух-трех цветах и играть на их оттенках.
3. Принцип баланса, симметричного и асимметричного. При симметричном балансе одинаковые элементы зеркально отображаются по отношению к визуально определенной точке. Асимметричный баланс разрешает форму и цвет в их многообразии, однако с соблюдением гармонии в их применении.
4. Растения должны сочетаться.
5. Плавность перехода играет огромную роль: от низких на переднем плане до высоких на заднем. Так создается эффект глубины ландшафта.

Стили ландшафтного дизайна

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

Классический

Классический, или регулярный, стиль характеризуется геометрически четкой планировкой. Для нее свойственна симметрия относительно прямых аллей, четкие формы клумб и газонов, мощеные дорожки, водоемы. В центре композиции зачастую расположен фонтан. Большое количество открытого пространства, размещение топиарных растений в сочетании с натуральным камнем. Садовые беседки выдержаны в классической форме. Цветовая палитра в сдержанных пастельных тонах: белый, бежевый, песочный, светло-терракотовый.

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

Деревенский (кантри)

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

Английский (пейзажный)

Особенностью английского стиля является плавность линий в архитектуре и зеленых насаждениях. Гармония в отношениях человека с природой достигается путем максимальной натуральности. Преобладает вертикальное озеленение, для чего используются вьющиеся растения на фасадах. Извилистые дорожки изготовлены из натурального камня. Водоем является неотъемлемой частью данного стиля.

Цветовая гамма предпочтительна зеленая в разнообразии оттенков, серебристая.

Прованский (французский кантри)

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

Японский

Для японских садов важная функция – миросозерцание, что отражается и на их ландшафте. Такие участки обычно миниатюрны и используют все возможности пространства. В нем отсутствуют геометрические формы и четкие линии. Обязательно наличие водоема. Главные составляющие ландшафта – камни, вода и растительность. Территория должна быть обильно декорирована камнями, их расположение четко балансируется и наполняется символами и смыслом. Изгороди изготавливают из бамбука, кроны деревьев подстригают в виде холмов. Все пространство организовано асимметрично и максимально естественно.

Модерн

Стиль модерн, или «арт-нуво», возник на стыке 18 и 19 веков, актуален и в наши дни. Сад в этом стиле должен быть приспособлен для комфортной жизни: с теннисным кортом, бассейном. Такой сад напоминает еще одну комнату под открытым небом, симметричную и без украшений. Малое количество элементов, символичность, ярко выраженнаяиндивидуальность хозяина. В нем часто сочетаются восточные и европейские традиции. Основной центровой точкой является дом, от которого расходятся открытые пространства сада.

Китайский

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

Хай-тек

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

Главной чертой является удобство для жизни, простота в уходе, поэтому подходит вечно занятым людям. В озеленении участвуют деревья с аккуратной кроной: туи, пирамидальные ели. Цветники не пестрые, например, с папоротниками, часто в их декоре используются стеклянные шарики.

Мавританский

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

Восточный

Самый жизнеутверждающий и сочный стиль, который уместен для скромных участков даже в 2-3 сотки. Важно обилие солнца и разнообразие ярких оттенков, основные из которых терракотовый, красный, желтый. Основными особенностями восточного стиля считают внутренний дворик, закрытый со всех сторон. Для домов характерны и крыши в форме купола. В беседках делаются стрельчатые окна, везде можно встретить включение элементов мозаики. Площадки выкладываются камнем или цветной плиткой, клумбы разбиваются по типу ковров. Украшением сада становится круглый бассейн.

Экзотический

Сад в стиле тропических стран с колоритом джунглей – настоящее украшение участка. Учитывая разницу климата, точное подобие Бразилии создать непросто, однако основные черты придать саду реально. Причудливые рукотворные аксессуары, буйные краски, необычные сочетания и солнечные уголки превратят участок в место волшебства. Можно проложить приподнятые над землей деревянные дорожки, высадить живые изгороди. Уместно использование темного дерева, большого количества камня и песка, растений. Зону огорода можно отделить оградой из жердей.

Альпийский

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

Свободный

Стиль зародился в 16 веке в Англии. Его определила английская природа и влияние восточной культуры, тонко чувствующей красоту пейзажей. Отсюда основные черты свободного стиля: уважительное отношение к природе, использование местных рельефов, максимальная натуральность и плавность линий. Плавные формы характерны для всех элементов ландшафта: цветников, водоемов, полян. Тонким нюансом при создании дорожек считается умение проложить их так, чтобы глазу открывались при движении все новые композиции и виды.

Оформление основных элементов участка

Для раскрытия образа участка используются такие составляющие элементы:

• живая природа: вся флора и водоемы;
• искусственные объекты: скульптуры, дорожки, арки и пр.

Ландшафтный дизайн поможет объединить их и сделать инструментом в создании единого стиля.

Декоративные деревья и кустарники

Ландшафтный дизайн участка предполагает использование в качестве декораций деревьев и кустарников. Они высаживаются отдельно или создают совместную крону из нескольких деревьев. Кустарник может стать забором или служить фоном для фигурок. Им украшают клумбы и цветники. Еще актуальны топиарии – живые фигурки из подстриженных кустов или небольших деревьев.

Газон

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

Водные сооружения: пруды, фонтаны, бассейны

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

Забор

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

Дорожки: принцип расположения и форма

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

Есть требования, предъявляемые к любой дорожке. Одно из них – расстояние между отдельными ее элементами должно быть наименьшим из возможных. Ширина должна быть традиционно 1-1,5 м для основных и до полутора метров – небольших прогулочных. Материал для дорожек подбирается по принципу гармонии с образом всего участка.

Дорожки разделяются на сплошные и не сплошные. На выбор вида влияет размер участка и, следовательно, протяженность тропинки и ее задача.

Оформление клумб и цветников

Эффектным украшением участка станут клумбы, различные по формам и размеру. Посмотрим на типы клумб:

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

Участки с неровным рельефом

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

Освещение

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

Садовые фигурки

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

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

Милые сердцу мелочи будут уместны даже на маленьком участке

Источник: www.instagram.com/voloshina_87/

Крохотный участок — не повод ограничивать свою фантазию

Источник: www.pinterest.ru/pin/796011302857530409/

Наш девиз — использовать каждый сантиметр земли

Источник: www.pinterest.ru/pin/395120567290181911/

Даже на небольшом участке можно найти место для пруда

Источник: www.pinterest.ru/pin/686658274409350053/

Дряхлый пенек — прекрасное место для клумбы

Источник: www.pinterest.ru/pin/402650022912077102/

Яркая дорожка к садовой беседке

Источник: www.pinterest.ru/pin/175710822940881969/

Грядки тоже могут быть стильными

Источник: www.pinterest.ru/pin/484911084873920018/

Старая кухонная утварь или новая клумба

Источник: www.pinterest.ru/pin/811422057834561413/

Необычная идея для подсветки

Источник: www.pinterest.ru/pin/425379127296099398/

Сказочный ландшафтный дизайн

Источник: www.pinterest.ru/pin/796011302857530668/

Читайте также: Терраса к дому своими руками: проекты, фото, чертежи, пошаговая инструкция

Ландшафтный дизайн двора частного дома

Ограниченное пространство — не приговор, а лишний повод проявить находчивость. Знакомьтесь с лучшими идеями дизайна и выбирайте наиболее подходящие!

Гармония и уют в маленьком дворике

Источник: www.instagram.com/desing_lanscape/

Многоярусные клумбы могут выступать и в качестве скамеек

Источник: www.pinterest.ru/pin/195414071309827986/

Диван во дворе? Почему бы и нет!

Источник: www.pinterest.ru/pin/679058450036922163/

Стильная композиция с глиняными кашпо

Источник: www.instagram.com/rodnaya_dacha/

Маленький двор — не приговор, а поле для фантазии

Источник: www.instagram.com/explore/locations/125293894864512/

Уютный дворик в тосканском стиле

Источник: yandex.by/collections/card/59cfe82c0265c1800b7396e9/

Даже в небольшом дворе можно обустроить место для отдыха

Источник: comfortoria.ru

Естественность и комфорт

Источник: landshaftportal.ru

Патио с отделкой из камня

Источник: hupehome.com

Читайте также: Душ на даче своими руками: фото, чертежи, пошаговая инструкция

Ландшафтный дизайн загородного дома

Приусадебный участок загородного дома может быть как просторным, так и очень скромным по площади. Но мы предлагаем идеи для территории любого размера!

Рокарий — яркий и стильный элемент приусадебного участка

Источник: www.instagram.com/dacha_blog/

Необычное решение — альпинарий «чешская скалка»

Источник: www.instagram.com/master_sada/

Пруд на участке — уголок живой природы

Источник: www.instagram.com/marmalade_group/

Внутренняя поверхность забора — отличное место для мини-клумбы

Источник: www.pinterest.ru/pin/823666219322847972/

Еще один вариант для украшения забора

Источник: www.pinterest.ru/pin/422986589984221697/

Живая изгородь — один из самых популярных элементов ландшафтного дизайна

Источник: budvtemi.com

Оригинальная идея для оформления веранды

Источник: www.pinterest.ru/pin/686658274411835441/

Инсталляция из старых вещей — дерзко и необычно

Источник: www.pinterest.ru/pin/541557923932239806/

Двухцветная живая изгородь

Источник: yandex.ru/collections/card/59787aa12321f200b3655751/

Читайте также: Беседка для дачи своими руками: фото, чертежи, проекты

Ландшафтный дизайн загородного дома на 10 соток

10 соток — оптимальный размер участка. С ландшафтным дизайном такой территории вполне можно справиться самостоятельно. Беспроигрышные варианты представлены на фото.

В этом проекте учтены все мелочи

Источник: www.gardenforlife.ru

Аккуратный пруд можно легко сделать своими руками

Источник: www.instagram.com/mkatiabrus/

Цветная щепа — недорогой и эффектный элемент декора

Источник: www.instagram.com/natalia_klepikova87/

Максимальное количество зелени — лаконично и спокойно

Источник: www.pinterest.ru/pin/796011302857530667/

Стильный габион, объединенный с клумбой

Источник: www.pinterest.ru/pin/404549979021796480/

Грамотная планировка дачного участка

Источник: www.pinterest.ru/pin/457608012133824632/

Зонирование — главный принцип обустройства небольшого участка

Источник: yandex.ru/collections/card/598439d60c1ed2e24cd2f47a/

Необычная форма грядок превращает их в импровизированные клумбы

Источник: www.pinterest.ru/pin/332422016240486955/

Многофункциональные зоны — настоящая находка для небольшого двора

Источник: www.pinterest.ru/pin/501940320946513129/

Универсальный вариант планировки участка

Источник: yandex.ru/collections/card/59ba1b440265c100ce2a927b/

Читайте также: Детский домик для дачи своими руками: фото, чертежи, пошаговая инструкция

Сухой ручей в ландшафтном дизайне

Отсутствие живого ручья в саду – не беда. Ландшафтный дизайн садового участка позволяет создать сухой ручей. С помощью различных камней имитируется высохшее русло, причем создается впечатление, что стоит пойти дождю, как ручей вновь оживет. Такой декор не требует ухода и является отличным дренажем. 

Сухой ручей — один из самых эффектных и в то же время простых элементов ландшафтного дизайна. Он служит прекрасным украшением придомовой территории, зрительно увеличивает площадь и маскирует небольшие дефекты рельефа. Это оптимальный вариант для семей с маленькими детьми, поскольку сухие ручьи абсолютно безопасны (в отличие от водоемов). Его легко сделать самостоятельно, ведь множество доступных фото натолкнет на свою идею.

Сухой ручей для большого участка и владельцев с фантазией

Источник: www.pinterest.ru/pin/633670610042166362/

Крупная галька — необычная находка для сухого ручья

Источник: www.pinterest.ru/pin/482377810065735464/

Идеальный тандем камня и древесины

Источник: 1decor.org

Сухие ручьи уместны даже на небольших участках

Источник: landshaftportal.ru

Среди грядок нашлось место и для декоративного мостика

Источник: domoked.ru

Оригинальный ракурс для вазы

Источник: vdomiks.ru

Минимум растений, максимум эффектности

Источник: aalprofi.ru

Уютный уголок для отдыха

Источник: aalprofi.ru

Весьма реалистичная имитация горной речки

Источник: www.tsvetnik.info

Сухой ручей легко сделать своими руками

Источник: all-designstroy.ru

Читайте также: Туалет на даче своими руками: фото, чертежи, пошаговая инструкция

Наталия Радченко, ВКонтакте, id174637553

Идеи дизайна интерьера
Дизайн не надо обсуждать, он является решением поставленной задачи. Обсуждать можно только одно: решена задача или нет.

Psychology|Психология
Все о психологии простым языком.

Дизайн и декор 🏠
Наша миссия: Помочь людям сделать свои дома более красивыми и организованными! Мы верим в то, что: — Красивый, чистый и уютный дом является необходимым компонентом в счастливой семье. — Создание такого дома не требует больших денежных затрат или сотней квадратных метров. Все, что нужно, это: вдохновение, доступ к необходимым ресурсам, мотивация и душа, которую вы готовы вложить в свой дом. — Основные приемы дизайна и декора интерьера могут быть изучены и освоены каждым. — Простота и роскошь не исключают друг друга. Наша цель: Собрать большую коллекцию вдохновляющих фотографий дизайна интерьера и идей для декора интерьера. А также, предоставить полезную информацию для обустройства кухни, спальни, ванной, гостиной, детской и многих других комнат в вашем доме.

Астрология | саморазвитие, тесты, эзотерика
Наш канал на Яндекс Дзен: 🌸🌿

Интерьер и декор
Интерьер и декор — новый взгляд на дизайн вашей квартиры. Тысячи фотографий интерьеров, предметов дизайна и свежих идей, а также профессиональные статьи о мире дизайна. Мы делимся с вами советами и предложениями по обустройству дома, чтобы Вы без труда смогли создать уютную жилую зону Вашей мечты!

Академия кулинарии
Пошаговые фоторецепты. Только новые блюда. Мы научим вас готовить

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

Школа ремонта
Окунитесь в мир ремонта. Наше сообщество посвящено ремонту, дизайну интерьера, лайфхакам в ремонте. Присылайте свои работы в предложенные новости группы — мы их опубликуем и оценим по достоинству! А также не забывайте делиться нашими записями с друзьями 😉

Самое интересное | Бот
У нас собраны все самые интересные факты и хитрости жизни! Подпишись, чтобы всегда быть в курсе!

Уголок Дизайна
Делитесь своим ремонтом/интерьером/рукоделием Жмите снизу «предложить новость» 👇 Крутые работы попадают на стену 🙌

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

FITNESS спорт мотивация
Для тех кто любит спорт, фитнес, здоровый образ жизни, мотивацию, вдохновение, отличные фигуры, красивые тела, чей интерес — стремление к лучшему!😉

Лучшие рецепты Повара

ВКонтакте
Это главное сообщество Команды ВКонтакте. Здесь Вы можете узнать обо всех новостях из первых рук.

Умный дом. Полезные советы!

Мир Discovery
🌿 Самый большой и душевный паблик о животных, людях и путешествиях ⛔ Мат в комментах удаляет спам-бот

Homester — Дизайн и декор уютного интерьера
Создание красивого и уютного дома не требует больших денежных затрат, сотней квадратных метров или особых знаний. Все, что нужно, это: вдохновение, мотивация и душа, которую вы готовы вложить в свой дом. Интерьер, декор, хенд мейд идеи для дома, фотогалерея интерьеров, описание цветов на сайте Homester.com.ua Мы в facebook.com/homester.com.ua, в Google+ gplus.to/homester, Instagram: homester

АРТ искусство
Только постоянно наблюдая прекрасное, мы способны найти в нем источник вдохновения для собственных идей Ps. Не забывайте, арт нужно любить! 🎨

Factura — блог
Рады приветствовать в нашей группе, здесь вы можете найти: — Самые необычные проявления искусства — Интересные фотографии природы нашей планеты — Архитектурные новшества мира Мы постараемся удивить!

Лайфхак
Полезные советы на все случаи жизни.

Интерьер ванной комнаты с душевой

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

Содержание:

Кабина или уголок?

• Душевая кабина – это «короб» с поддоном (как правило, акриловым), двумя стенами, раздвижной дверцей и потолком с вмонтированной в нее лейкой.

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

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

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

В любом случае, оформить интерьер ванной с душевой можно по-разному. Что же выбрать?

Доводы ЗА душевой уголок

• Для любителей открытых пространств больше подойдет душевой уголок: в нем больше места, нет ощущения скованности, замкнутости пространства.

Вы можете смело регулировать его размеры: в широком ассортименте строительных магазинов вы легко сможете подобрать поддон и дверцы, подходящие именно вам. Душевой уголок отлично впишется в стиль лофт, хай-тэк и другие «индустриальные» стили.

• Душевой уголок может стать стильной деталью вашей ванной комнаты.

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

Доводы ЗА душевую кабину

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

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

• Установить кабину Вы можете легко уже после того, как оформили дизайн уборной.

Сложившийся интерьер ванной комнаты с установкой душевой кабины не нарушится и стилистически не исказится.

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

А дополнительные встроенные технические примочки (турецкая баня, душ Шарко, различные режимы потолочного душа) станут приятным бонусом для тех, кто любит побаловать себя. Ежевечернее домашнее спа перед сном – веская причина в пользу душевой кабины, не правда ли?

Материалы

Мозаика и плитки

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

Фактураня штукатурка

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

Пластиковые панели

Также для отделки зоны возле душевой кабины подойдут пластиковые панели. Они могут имитировать естественную фактуру дерева или камня, а также на нее можно нанести любое изображение или принт. Они износостойки и обладают хорошими водоотталкивающими свойствами.

Цвета и фактуры

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

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

• Сделав выбор в пользу монохрома, Вы можете смело миксовать фактуры.

Напольная и настенная плитки могут отличаться принтами или размером одного и того же принта, фактурой, сочетать матовые и блестящие поверхности. За стилистическое единство здесь будет отвечать цвет – именно он будет сохранять целостность интерьера ванной комнаты с душевой.

• Сочетая несколько оттенков плитки или настенных панелей, Вы можете визуально разбить помещение на зоны.

Если душевой уголок расположен не в углу ванной комнаты, а в нише, его можно декорировать более темной плиткой или мозаичным рисунком. Это, наоборот, добавит помещению объема и гармонизирует интерьер ванной комнаты, совмещенной с душевой.

Внимание на детали интерьера

Заполнив пространство ванной комнаты приятными глазу и сердцу мелочами, Вы наполните его уютом и теплом, смягчив «стерильность» санфаянса и плитки:

• пушистые полотенца и халаты,
• аромалампы,
• текстильные коврики,
• вазы и свечи,
• даже картины – не бойтесь «обживать» помещение непривычными на первый взгляд аксессуарами.

Особое внимание также следует уделить комплектующим элементам:

• хромированные лейки и насадки для душа,
• металлические витые и кованые полочки,
• или же, в противоположность им, плетеные корзинки для полотенец,
• деревянные настилы и полки.

Всё это скорректирует стиль ванной комнаты с душевой, поддержит ее стилистическое единство и добавит индивидуальности. Главное, соблюдать единообразие!

Что делать с угловым шкафом #% $ @? Дизайн кухонного углового шкафа

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

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

Что такое «шкаф для глухих уголков»?

Когда вы начнете исследовать дизайн кухонного шкафа и угловые шкафы, вы, вероятно, увидите термин «шкаф с глухими углами». Слепой угол — это пространство, которое создается там, где встречаются две перпендикулярные линии шкафов. В менее эффективных конструкциях шкафов это пространство, недоступное для двери шкафа, часто остается недоступным или «мертвым».«В большинстве случаев ограниченное пространство для хранения на кухне лучше использовать для установки« шкафа в глухом углу », который выходит за пределы угла и занимает неиспользуемое пространство.

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

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

См. Также: Цвета кухонного шкафа: тенденции на 2019 год

1. Ленивая Сьюзан

Cliq Studios

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

Lazy susan-системы бывают трех основных разновидностей.

1. Прядильные лотки могут поставляться с вырезом в форме пирога для складной дверцы (как на фото выше).
2. Подносы могут быть полными кругами без выреза, а все устройство расположено за диагональной дверцей.
3. Двери могут быть жестко прикреплены к передней части круглого выреза.

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

См. Также: 25 гениальных способов организовать вашу маленькую кухню

2. Ящики угловые

Сара Стейси

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

См. Также: Шкафы с лицевой рамкой возвращены

3. Шкафы диагональные

Студия Дирборн

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

См. Также: Тенденции дизайна кухни 2020, которые останутся неизменными

4. Варианты хранения

Тамар Барнун

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

См. Также: Куда поставить #% $ @ микроволновую печь? Размещение СВЧ на кухне

5. Ящики для мусорных баков

& lt; div class = "прямоугольник с закругленными углами" & gt;
   & lt; p & gt; Позвольте мне не допускать препятствий для брака истинных умов & lt; / p & gt;
& lt; / div & gt;
 

.коробка {
ширина: 200 пикселей;
высота: 150 пикселей;
цвет фона: # FC5D8A;
цвет: #fff;
маржа: 3em auto;
}

.ounded {
-webkit-border-radius: 10 пикселей;
-moz-border-radius: 10 пикселей;
радиус границы: 10 пикселей;
}
 

& lt; div class = "закругленный прямоугольник" & gt;
    & lt; div class = "corner NW" & gt; & lt; / div & gt;
    & lt; div class = "угловой NE" & gt; & lt; / div & gt;
    & lt; div class = "угловой SW" & gt; & lt; / div & gt;
    & lt; div class = "угол SE" & gt; & lt; / div & gt;
    & lt; div class = "содержимое-округлой рамки" & gt;
        & lt; p & gt; Любовь - это не любовь, которая меняется, когда ее находят.& lt; / p & gt;
    & lt; / div & gt;
& lt; / div & gt;
 

.ounded-box {
положение: относительное;
фон: # FC5D8A;
ширина: 100%;
}

.угол {
позиция: абсолютная;
ширина: 10 пикселей;
высота: 10 пикселей;
фон: url ('corners.gif ') без повтора;
размер шрифта: 0%;
}

.ounded-box-content {
отступ: 10 пикселей;
}

.NW {
верх: 0;
слева: 0;
background-position: 0 0;
}
.NE {
верх: 0;
справа: 0;
background-position: -10px 0;
}
.SW {
внизу: 0;
слева: 0;
background-position: 0-10 пикселей;
}
.SE {
внизу: 0;
справа: 0;
фоновая позиция: -10px -10px;
}