Дизайн интерьера своими руками: сам себе дизайнер. Дизайн интерьера своими руками: сам себе дизайнер Как сделать дизайн веб страницы

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

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

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

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

Вся правда о том, как на самом деле делаются сайты

Итак, давайте разберем по шагам как происходит создание сайта. На самом деле, любой сайт – это набор картинок и букв.

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

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

После того, как рисунок сделан, в дело вступают верстальщики. Они делают раскадровку (раскройку) этого рисунка.

Все элементы сохраняются для веб. Для этого есть специальная кнопка.

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

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

Теперь верстальщики могут работать с кодом и «оживить» изображение. Некоторые элементы делаются ссылками, другие преобразовываются, изменяют цвета при наведении курсора и так далее. С адаптированной под wordpress или любой другой движок темой можно работать администратору, авторам и остальным далеким от кода людям.

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

За что клиенты готовы платить больше

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

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

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

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

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

Так за что же готовы платить клиенты? За ваши знания! Чем лучше вы владеете правилами, понимаете вкусы читателей, разбираетесь в психологии и умеете все это использовать – тем выше ваша цена.

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

Два шага к успеху

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

Думаете найти какую-то древнюю версию или вариант онлайн, потому что так проще? Глупо! Хотите зарабатывать деньги – придется быть в тренде и иметь широкий доступ ко всем современным возможностям.

• Изучение фотошопа.

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

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

Если искать на YouTube или статьи на сайтах: что-то уловишь, узнаешь, а о чем-то даже не подумаешь. Курс он все-таки структурирован. Основы фотошопа и работу с движками можно изучать вот отсюда: https://webdesign2.ru .

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

Что нам тут предлагают? Курс разделен на 6 частей: техническая сторона (обработка, коррекция, свет, тени и так далее), основы фотошопа и практика (работа с wordpress и joomla), веб-дизайн (секреты и мастер-классы ).

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

После того как вы поймете, как работать с фотошопом, останавливаться не стоит.

• Секреты дизайнерского искусства.

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

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

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

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

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

До новых встреч. Желаю удачи в ваших начинаниях.

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

Шаги

Часть 1

Создайте ваш собственный веб-сайт. Если вы новичок в написании кода и веб-дизайне, но очень хотите сами создать свой сайт, у вас есть масса вариантов. Простой сайт можно написать самостоятельно, выучив азы HTML и CSS. Просто поверьте, что результат вашей работы сможет выглядеть красиво и профессионально!

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

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

Часть 2

Обдумываем основные идеи дизайна

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

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

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

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

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

3. Сделайте сайт максимально читабельным. Чтобы сделать текст легко читаемым - разбейте его на небольшие части. Используйте подзаголовки и интервалы, чтобы отделить части текста друг от друга. Используйте выделение жирным шрифтом или шрифтом большего размера, чтобы подчеркнуть структуру и важность текста.

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

4. Создавайте веб-сайт в универсальном формате. Используйте стандартный HTML и избегайте использования тегов, функций и плагинов, которые поддерживаются только определенным браузером.

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

5. Протестируйте ваш веб-сайт. Убедитесь, что все ссылки рабочие, а картинки отображаются корректно.

   • Желательно провести небольшой тест "юзабилити" (удобства для пользователя): предоставить доступ к сайту представителям вашей целевой аудитории, чтобы протестировать понятность и простоту использования дизайна сайта, и получить отзывы от участников теста.

Часть 3

Дизайн сайтов для мобильных устройств

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

   • Посмотрите примеры мобильных сайтов. Зачастую, вставив букву "m." вместо "www" в веб-адресе сайта, вы попадете на мобильную версию сайта. Вы можете сделать нечто подобное.

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

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

3. Отключите картинки фона, когда задаете параметры печати.
4. Используйте черный текст на белом фоне.
5. Уберите меню и ненужные изображения
1. Вы всегда можете разработать свой собственный шаблон сайта на основе собственных представлений о сайте, но иногда проще купить готовый шаблон.
2. Не утомляйте пользователей вычурной графикой. В 90-х годах было модно экспериментировать с Flash-анимацией, яркими цветами и фонами, устанавливать музыку сразу при загрузке страницы, но сегодня это просто отпугнет посетителей. Используйте простой фон, контрастный с цветом текста.
3. Вы можете использовать CSS (вложенные таблицы стилей) чтобы нужное задать расстояние между параграфами.
4. Для посетителей со слабым слухом и зрением вы можете использовать видео и аудио с титрами, указав их доступность. Таблицы являются эффективным способом передачи информации, но слабовидящие пользователи, которые используют программы для чтения экрана, не смогут прослушать информацию в последовательности столбцов.

Предупреждения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Создать новый документ.
2. Добавить фон.
3. Добавить картинки.
4. Настроить стандартные кнопки.
5. Наполнить блоки текстовым контентом.
6. Оценить результат.

Шаг 1

Начнем с самого начала. Просто запустите Photoshop и создайте новый документ (CTRL + N) с параметрами, указанными на скрине ниже.

Шаг 2

Теперь вы должны добавить подходящий узор на свой фон.

Layer Style->Blending options->Pattern Overlay .

Шаг 3

Вы хотите создать потрясающий дизайн? Тогда используйте сетчатую структуру для проектирования. Поместите сетчатую структуру в ваш дизайн сайта с интервалами 60px и 20px.

Шаг 4

Итак … теперь пришло время создать меню для будущего сайта. Используйте инструмент Rounded Rectangle для его создания (радиус — 3 px). Ширину для меню возьмем — 940 px, а высоту — 34 px.

Чтоб сделать это меню более привлекательным, перейдите в Blending Options->Drop Shadow . Используйте настройки, которые вы можете увидеть на скриншотах:

Blending options->Inner Shadow

Для меню выбран цвет #6bafff.

Шаг 5

Давайте добавим текст в наше меню. Используйте для этого инструмент Horizontal Type Tool . Вы можете создать свой дизайн с любым шрифтом, который вам нравится. В примере использовался шрифт Aller . Размер 14px.

Шаг 6

Результат:

Шаг 7

На каждом приличном сайте есть форма поиска. Используйте инструмент Rounded Rectangle (радиус — 3px), чтоб создать форму поиска со следующими параметрами: 124px и 26px.

Добавляем внутреннюю тень:Blending Options->Inner Shadow.

Создайте один прямоугольник с размерами 41px и 32px.

Blending Options->Drop Shadow

Blending Options->Inner Shadow

Blending Options->Color Overlay (цвет — #6bafff)

Теперь пришло время добавить привычный для функции поиска значок. Откройте Linecons Free->Vector Icons Pack и найдите там значок поиска.

И вот результат:

Шаг 8

Затем используем инструмент Rectangle (закругленный), чтоб создать квадрат (удерживая кнопку Shift) с размером — 16 px.

Выберите инструмент Pen Tool и отрежьте половину этого квадрата.

Нажмите Edit->Transform->Rotate , чтоб поместить этот треугольник на левую сторону прямоугольника. Выделите все слои кнопки Facebook и объедините их (Ctrl + E).

Blending Options->Inner Shadow:

Blending Options->Color Overlay (#c1cac5)

Теперь добавьте текст Перейти или т.п. на кнопку Facebook .

Попробуйте создать свой логотип Facebook для этой кнопки. Например, вы можете использовать букву F , и выделить ее синим цветом (# 5a90e5).

Результат:

Шаг 9

Создайте новую форму: ширина 940px, высота 372px.

Как всегда, добавьте тень:

И границу: Blending Options->Stroke (20px, цвет # 6bafff).

Шаг 10

Добавьте в свой дизайн стандартные иконки. Не забудьте использовать сетку, расстояние — 180px.

Шаг 11

Добавьте текст. Вы должны использовать тот же шрифт, который использовали для панели меню. Установите размер шрифта на 30px.

Поиграйте с настройками смешивания: добавьте белую тень, цветное наложение (# 6aaefd) и внутреннюю тень, чтоб получить вот такой результат:

Шаг 12

Заполните четыре столбца (ширина каждого — 240 px) текстовым контентом. Лучше добавить разный текст в каждый столбец.

Шаг 13

Step 14

Шаг 15

Шаг 16

Ваш следующий блок может быть разделом на любую тематику. Используйте инструмент Rounded Rectangle для создания квадрата (удерживайте нажатой кнопку Shift). Радиус — 3px, ширина и высота — 138px.

Перейдите в Blending options ->Stroke , чтоб ввести настройки: размер-20px, цвет # 919392.

Скопируйте и вставьте этот элемент 5 раз. Поместите эти квадраты с интервалом 20px и добавьте на них фото партнеров, сотрудников и т.д.

Шаг 17

Футер сайта так же важен, как и заголовок. Спросите себя: “Что вы хотите, чтоб ваши посетители делали, когда они дошли до нижней части страницы сайта?” Ответ, который вы получите, станет отличной отправной точкой для разработки футера вашего сайта.

Добавьте градиент, например # 3a8df1 — # 6bafff.

Шаг 18

Добавьте еще три блока в футер на свой выбор, учитывая ответ на вышеуказанный вопрос. Используйте шрифт Arial Regula r для заголовков (30px) и добавьте стили, например, как на скриншоте ниже:

Используйте шрифт Arial Regular для текста в разделах (12px).

Поместите несколько стандартных значков в один из разделов футера — RSS, Google Plus + или Twitter .

Ну, собственно и все! Результат:

Если на первый взгляд кажется, что создать дизайн сайта самостоятельно — не возможно и под силу только дизайнерам, то вы ошибаетесь. С помощью всем известной программы Photoshop создать дизайн сайта не составит труда. Достаточно выполнить всего 18 шагов, и вы получите собственный уникальный дизайн для своего ресурса, при этом, абсолютно бесплатно!