Конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration

  Автор:
  5272

Когда я готовилась к 4-хлетию проекта МЛМ Блог за 1 час и шаблона AB-Inspiration, я просматривала блоги пользователей. И мне стало немного грустно, поскольку большинство пользователей не используют и сотой части возможностей шаблона, особенно это касается изменения внешнего вида.

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

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

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

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

А заодно и проведем конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration.

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

Для кого конкурс

  1. Если вы не довольны внешним видом своего блога
  2. Если вы запутались в настройках и не можете создать внешний вид
  3. Если вы не можете придумать как будет выглядеть блог
  4. Если вам надоел внешний вид и вы хотите что-то поменять, внести новое
  5. Если вы боитесь менять внешний вид и у вас до сих пор дизайн по умолчанию

Условия конкурса

  1. Принимают участие только пользователи шаблона AB-Inspiration
  2. Если вы заказывали дизайн у профессионального дизайнера, работа не принимается. Только самостоятельное создание внешнего вида.
  3. Работы участников будут рекламироваться в соц сетях с ссылками на блоги
  4. Лучшие работы будут выставлены на странице «Портфолио пользователей шаблона AB-Inspiration»
  5. Блоги победителей будут выставлены в  статье о конкурсе на блоге anfisabreus.ru

Статьи инструкции в помощь участникам:

Вспомогательные статьи

Как подобрать цвет для дизайна блога используя фоновое изображение

Как скачать фоновое изображение с сайта и скопировать код цвета

3 способа найти классное изображение для фона блога

Что значит современный и эффектный внешний вид блога

Как подготовить портрет для фона блога

Как узнать ширину и высоту элемента в шаблоне AB-Inspiration

Статьи-примеры изменения внешнего вида блога на шаблоне AB-Inspiration

Пример №1

Шаблон AB-inspiration 6.0 - фоновое изображение в шапкеПример создания дизайна блога на шаблоне AB-Inspiration с изображением в шапке и 2-х цветов. Для такого внешнего вида нам потребуются:

  1. Фоновое изображение в шапку блога — не менее 1280px в ширину
  2. сгенерировать цветовую палитру изображения
  3. выбрать из палитры основной цвет и подобрать второстепенный
  4. Настроить шаблон согласно цветовой гамме.

Ссылка на видеоинструкцию: Пример создания дизайна блога на шаблоне AB-Inspiration с изображением в шапке и 2-х цветов.

Пример №2

design3

Пример создания дизайна бренд-блога на шаблоне AB-Inspiration 6.0 с плагинами Живая Форма и Входная Страница

Для создания такого дизайна нам потребуются:

  1. Подобрать изображение для фона входной страницы
  2. Если это портрет, его необходимо обработать в фотошоп с сделать из него фоновое изображение шириной не менее 1280px
  3. Сгенерировать цветовую палитру изображения
  4. Подобрать второстепенный цвет
  5. Настроить живую форму
  6. Настроить входную страницу
  7. Настроить шаблон

Подробная видеоиснтрукция по созданию дизайна бренд-блога: Пример создания дизайна бренд-блога на шаблоне AB-Inspiration 6.0 с плагинами Живая Форма и Входная Страница

Пример №3

primer-3more1

Пример изменения внешнего вида блога на шаблоне AB-Inspiration с плагином Живая форма

Для создания такого дизайна нам необходимо:

  1. Подобрать изображение для фона формы подписки под шапкой (не менее 1100px в ширину)
  2. Сгенерировать цветовую палитру изображения
  3. Выбрать 2 контрастных цвета из палитры для  настройки блога
  4. Настроить форму подписки под шапкой (плагин Живая форма)
  5. Настроить шаблона

Подробная видеоинструкция по созданию такого дизайна можно посмотреть здесь: Пример изменения внешнего вида блога на шаблоне AB-Inspiration с плагином Живая форма

Пример #4

primer4

Еще решила записать самый простой способ изменить внешний вид блога.

Идея очень простая — выбрать 2 цвета — один будет основным, второй второстепенным и заменить их в шаблоне, плюс заменить фоновое изображение в Живой форме.

За основу берем внешний вид шаблона AB-Inspiration 6.0 по умолчанию. Плюс плагины Живая форма и Входная страница.

И еще я рассказываю про один сервис подбора цвета для  дизайна.

Как видите получилось очень даже симпатично. И времени на такой дизайн ушло 17 минут. :)

Посмотреть видеоинструкцию можно здесь: Самый простой способ поменять внешний вид блога на шаблоне AB-Inspiration

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

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

Для сравнения, это исходный внешний вид шаблона AB-Inspiration 6.0 (по умолчанию).

Шаблон AB-Inspiration 6.0 по умолчанию

Вариант первый  — Фоновое изображение в шапке.

Для создания такого внешнего вида нужен только шаблон AB-Inspiration 6.0

Шаблон AB-inspiration 6.0 - фоновое изображение в шапке

Вариант воторой  — Фоновое изображение в Живой форме.

Для создания такого внешнего вида нужно:

  1. шаблон AB-Inspiration 6.0,
  2. плагин «Живая форма»,
  3. плагин «Входная страница» (по желанию)

image-color2

Вариант третий — фоновое изображение на главной странице

Для создания такого внешнего вида нужно:

  1. шаблон AB-Inspiration 6.0,
  2. плагин «Живая форма»,
  3. плагин «Входная страница»

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

image-color3

Ну как, нравится? Хотели бы вы такой внешний вид блога? 15 минут и готово!

Как будет проходить конкурс

Конкурс будет с длиться 1 неделю. В понедельник 11 января мы заканчиваем конкурс. К этому времени нужно выслать все работы (ссылки на ваши блоги) в комментариях к этой статье или последующих статьях.

11 января мы сделаем скриншоты блогов участников и опубликуем на этом блоге. Далее путем голосования читателей блога и наших подписчиков мы определим лучшие работы.

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

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

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

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

P.S. Присоединяйтесь к конкурсу. Пусть все блоги на шаблоне AB-Inspiration будут стильными, красивыми, аккуратными! Вы со мной? Напишите в комментариях, кто будет принимать участие. Обязательно укажите в поле Вебсайт адрес вашего блога. Мы сделаем скриншоты До и После.

Конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration

   9 голосов
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Комментарии на блоге
51 комментарий
  1. Анфиса, добрый день!
    Не устаю восхищаться возможностями вашего потрясающего шаблона.
    Меняя дизайн своего сайта, столкнулась с вопросом: как убрать большое белое поле между фото «живой формы» и началом «входной страницы»? http://joxi.ru/YmEaOe0tZMwXOm
    Спасибо вам!

    http://www.irinaberezovskaya.com/

    • Ирина, вот это круто. Мне очень нравится.:)
      Сократите высоту формы подписки и бело поле исчезнет:)

    • Еще я вижу, что у вас активированы слайды, но слайдов нет. Это белое поле образует блок под слайды. Просто его деактивируйте: в админке — Форма — Слайды — вверху справа нажмите на кнопку «Деактивировать» и сохраните изменения.

      • Анфиса, благодарю! Все получилось =)
        И почему-то в настройке «входной странице», в блоке произвольно круглые фото получились обрезанными прямоугольниками. Задавала размер картинок 800-600.

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

        • В виджетах у вас стоят рубрики. В версии 6.0 есть свой виджет «AB-Рубрики». Он более симпатичный и шрифт там побольше. :) Попробуйте его.

  2. А я не опоздала для участия в конкурсе? http://uspehotmlm.ru/
    Но в любом случае буду следить за результатами.

  3. Анфиса если не поздно, хочу выставить еще один блог на конкурс.
    Его в новогоднюю ночь взломали хакеры, пришлось все снести и заново переустановить и заодно поменяла шаблон и дизайн.
    http://klubdohoda.ru/

  4. В конкурсе не планировала участвовать, поскольку не успевала сделать новое оформление в соответствии с великолепными рекомендациями и уроками Анфисы. Но внешний вид постоянно дорабатывала, поэтому если можно еще, то вот мой блог. http://irynaroma.ru. Недавно добавила плагин Каталог, он тоже видоизменил входную страницу блога. Супер!

  5. Мне очень нравится постоянно что то менять в своем блоге. Приглашаю оценить: http://sandulskaya.com/ Я так же добавила каталог и наполняю радуясь, как все просто. Благодарю!

Комментарии в Фейсбук
Комментарии в Вконтакте