Как сделать дизайн-проект квартиры самому: создание интерьера, учитываем все нюансы, советы дизайнеров.

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

Особенности разработки проекта

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

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

Можно спроектировать дизайн в "Фотошопе", но это уже будет не так удобно. Если вообще нет навыков работы в графическом редакторе, то что-то нарисовать в нем будет еще сложнее. Лучше уж тогда действовать по старинке - сделать карандашом схематический набросок на листке.

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

Программы для визуализации проекта

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

3D Studio MAX. Этой программой чаще всего пользуются не только профессионалы, но и дизайнеры-любители. Она привлекает тем, что у нее достаточно большой ассортимент уже готовых деталей интерьера и высокая детализация. Если хочется в полной мере ощутить прелести разработки дизайна на компьютере, то лучше отдать предпочтение именно этой программе.

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

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

Этапы создания дизайн-проекта

Работу можно условно разделить на несколько шагов.

Изучение территории, обмер помещения и создание технического чертежа.
Выбор стиля.
Определение цвета, фактуры и отделки.
Расстановка мебели.
Внесение дополнительного декора.
Создание нескольких схематических планов.
Утверждение интерьера, создание окончательного варианта.
Закупка материалов, реализация проекта.

Подготовительный этап

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

На основе всех данных необходимо составить техническую схему (на листе или компьютере). Можно воспользоваться готовым планом из БТИ, который должен быть у владельца квартиры.

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

Выбор стиля

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

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

Выбор цвета

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

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

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

Триада. В спектральном круге нужно начертить треугольник. Его вершины укажут на три цвета. Такое сочетание идеально подойдет для оформления активных комнат: гостиной и кухни.

Фактура и отделочные материалы

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

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

Расстановка мебели

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

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

Дополнительный декор

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

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

Создание схемы проекта

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

Составление сметы и закупка материалов

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

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

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

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

Особенности

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

Идеи для вдохновления

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

Актуальные стили

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

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

Прованс может быть разным в зависимости от региона. Дизайн может опираться на тематику провинций разных стран, в основном Англии и Франции. Также, выделяют и русский прованс.

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

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

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

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

Стиль кантри зародился в начале XX века в США и позже распространился в странах Европы. Основной идеей стиля является почитание истоков, с которыми связаны люди, с деревенской жизнью. Для этого стиля характерна простота и натуральность.

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

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

Современные способы отделки

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

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

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

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

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

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

Стены из гипсокартона. Оформляя стену из гипсокартона, определитесь с тем, какого эффекта вы хотите добиться. Лёгкие практичные конструкции способны добавить стене функциональности.

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

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

Модные цветовые решения

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

Если помещение маленькое и темное, то используйте светлую палитру. Большое и светлое пространство позволяет задействовать практически всю цветовую гамму в зависимости от требований.

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

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

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

Серый. Серый цвет стен и элементов декора смотрится удачно в сочетании с белым, бежевым, черным цветами. Сочетайте их вместе, добавляя яркие акценты.

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

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

Металлические элементы. Блеск металла притягивает. Элементы декора, выполненные из металла, выглядят эффектно, если они сочетаются со стилем всей комнаты. Сегодня можно встретить даже обои с эффектом металлического блеска.

Этапы и последовательность работ

Когда вы приступаете к разработке дизайн-проекта квартиры, старайтесь придерживаться определенной последовательности в действиях.

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

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

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

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

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

Создание эскизов

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

Разработать самому эскиз в случае, если вы не обладаете художественными навыками, помогут также компьютерные программы.

Так, вы сможете придумать собственную или выбрать имеющуюся мебель, обои, напольное покрытие.

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

Как создать дизайн проект самостоятельно? Что вобще это такое и зачем он нужен? Что нужно знать новичку, чтобы сделать проект с нуля? Давайте разберёмся по порядку.

Что такое дизайн проект?

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

Зачем нужен дизайн-проект?

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

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

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

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

Что входит в дизайн-проект?

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

Это «голый» план помещения в масштабе (вид сверху), тот, который есть до проведения ремонтных работ.
Планировочное решение. Это план будущего помещения с мебелью, техникой и прочей атрибутикой. Таких планировочных решений в начале может быть несколько. Если дизайнер делает перепланировку , то добавляются ещё 2 плана: план монтажа /демонтажа перегородок и экспликация .
Схемы расположения розеток и осветительных приборов (иногда это могут быть 2 отдельных чертежа).
Нужен для того, чтобы указать зоны разных типов напольных покрытий.
Особенно необходим план потолка в случае многоуровневых конструкций; тип материала также указывается.
На этом плане отмечается всё: мебель, освещение, розетки, декор — всё. По сути это выглядит как планировочное решение, только «в профиль».
Технические схемы (вентиляция, отопление)
(спецификация материалов и оборудования)
Коллаж или дизайн-борд . Может выглядеть вот так:
Эскиз/визуализация в 3D программе. Кстати, создать 3D визуализацию не так уж сложно, если знаете, какие использовать новичку. ;-)

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

Что достаточно освоить новичку?Минимальные затраты

Как дизайнер, я могу сказать, что если вы , то достаточно составить:

Обмерочный чертёж (пункт №1 из предыдущего списка)
Планировочное решение (№2)
Развёртку стен (№6)
Дизайн-борд (№9)

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

Как создать дизайн проект? 4 этапа.

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

1. Продумывание функциональности и удобства помещения.

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

Вопросы, которые вам помогут:

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

2. Создаём планировочное решение.

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

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

3. Составление концепции.

Рассказать словами, что это такое невозможно, однако можно показать. Вам поможет мой видеоролик « ».

4. Составление коллажа/дизайн-борда.

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

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

P.S. Помните, что всё это вы можете сделать самостоятельно с помощью курса « » и технической поддержки .

Ваш интернет-дизайнер,

Евгения Купцова

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

Данная статья по большей части адресована начинающим веб-дизайнерам.

Каким редактором пользоваться?

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

В результате, в процессе подготовки слоев сайта, все графические элементы преобразовываются в растр. По большей части — в формат jpeg . Однако, если вам нужен прозрачный или полупрозрачный фон — вы можете использовать графику формата png или gif (реже ).

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

Это те основные причины, по которым Photoshop считается самой удобной программой для отрисовки веб-дизайна:

Каких размеров стоит делать сайт?

Во-первых, если вам заказали дизайн сайта — забудьте о таких концепциях как dpi или метрическая система. Блоки и вставляемые на сайт изображения измеряются в пикселях или процентах (по ширине/высоте ) от размера окна браузера (или родительского элемента ).

Если размер сайта задан в процентах — это адаптивный (или резиновый/респонсивный ) дизайн. Адаптивный или респонсивный дизайн — довольно удобная штуковина. Но, если вы не до конца понимаете, что делаете — используйте фиксированные размеры.

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

Создайте несколько файлов под стандартные разрешения экранов (к примеру, 1280 на 1024, 1920 на 1280 и 1024 на 768 ). С их помощью вы получите наглядное представление о том, как выглядит сайт на различных разрешениях. В приложении к шаблону пропишите максимальные и минимальные размеры блоков:

Какими должны быть размеры веб-страницы?

Когда мы делаем макет визитной карточки или листовки, мы знаем её окончательный размер. В случае с дизайном сайта все немного сложнее.

Все мониторы имеют различное разрешение (количество пикселей в ширину и высоту ). Именно это и необходимо учитывать при проектировании сайта. Большинство мониторов на текущий момент имеют разрешение 1280 или 1920 пикселей в ширину. Как правило, мы полагаемся на эти значения. Но не делайте текстовые блоки шире 800 пикселей.

Когда разрешение монитора 800 на 600, и мы теряем внешнюю привлекательность сайта — это полбеды. Но когда строка текста не помещается в экран — это становится проблемой функциональности.

Лучше всего делать сайты шириной в 1024 пикселя и оставлять в шаблоне некоторое «свободное пространство » в ширину до размера в 1280 пикселей.

Макет сайта может быть выровнен по левому — правому краям или по центру. И более того, это «свободное пространство » не обязательно должно быть белыми полями. Оно может быть заполнено любым цветом или повторяющимся рисунком.

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

В каком формате сохранять исходники?

Для исходных файлов лучше всего использовать формат psd (photoshop ), где каждый графический элемент расположен на своем собственном слое. И более того, желательно давать имена слоям так, чтобы они были понятны верстальщику. К примеру: «фон страницы », «фон текстового блока » и т.д. Слои можно группировать по назначению.

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

Как же все-таки сделать хороший дизайн?

Фраза «красивый дизайн » может легко испугать опытного веб-мастера. Самое главное — функциональность сайта. Уже затем быстрая загрузка и дружелюбный к пользователю интерфейс. А красота и великолепие — на заднем плане. И, между прочим, на вкус и цвет, как говорится …

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

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

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

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

Работаем с текстом

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

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

Но если ваш клиент упрямо настаивает на применении фирменного шрифта, эту проблему можно решить несколькими способами:

Убить клиента. Но это не принесет денег. И к тому же, это насилие никоим образом не связано с дизайном;
Растрировать шрифт и использовать картинки. Но это ничем не лучше первого варианта. И вот почему. Буквы получат засечки, и их будет трудно читать. Этот текст не будет индексироваться поисковыми системами, что приведет к тому, что добиться высоких позиций в выдаче поисковых систем будет невозможно. Изображения велики и сайту нужно будет достаточно много времени для загрузки. Особенно на мобильное устройство с медленным соединением;
Подгрузить шрифт на компьютер пользователя средствами CSS . Но и это может оказаться невозможным, если пользователь не согласится на установку неизвестных шрифтов, потерю трафика и времени;
Выбрать из общепринятых шрифтов те, которые похожи на фирменный шрифт. То есть сделать работу за кодера, который будет эти шрифты прописывать. Это будет работать так, как будто на компьютере не установлен нужный шрифт, браузер смотрит на это и выбирает первый из списка шрифтов, который установлен на компьютере. И тут также может возникнуть проблема, если на компьютере клиента не установлен нужный шрифт;
Можно воспользоваться сервисом Cufon от JQuery . Это позволит загрузить пользовательские шрифты на сайт с минимальными потерями. Сервис работает только со шрифтами True Type (в формате TTF );
Сделать римейк брендбука заказчика и изменить корпоративный шрифт на Arial .

Перевод статьи «How to design the site? » был подготовлен дружной командой проекта