Создание макета web страницы в photoshop. Из чего состоит макет? Создание макета флаера в Photoshop

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

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

Бесплатные ссылки с онлайн сервисов SEO анализа сайта

Я недавно писал о программе Site-Auditor (), позволяющей провести подробный SEO анализ ( примеры онлайн сервисов для анализа) сайта или любого продвигаемого вами проекта.

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

Ну, и еще несколько сервисов для проведения аудита:

1. Анализатор веб-ресурсов, имеющий тИЦ=80. вам нужно ввести в предложенную форму URL продвигаемого проекта и нажать кнопку «Анализировать», или же можете просто вставить в адресную строку браузера такой Урл: http://www.prq.ru/analiz/status.html?url=сайт заменив в ней доменное имя моего блога на свой домен, а затем нажав ENTER на клавиатуре.
2. тИЦ-PR — еще один анализатор. На главной введите URL продвигаемого проекта и нажмите на кнопку «Анализировать». Дальше все по аналогии с предыдущими примерами.
3. Url-sub — тИЦ=30.

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на

");">

Вам может быть интересно

Обратные ссылки с блогов созданных на бесплатных платформах
Обратные ссылки с сервисов E-mail рассылок и счетчиков посещаемости
Как бесплатно получить обратные ссылки с рейтингов блогов и с RSS каталогов (агрегаторов)
PromoPult.PRO - сервис для закупки ссылок на бирже TrustLink в ручном режиме для всех желающих (подразделение Промопульта) 100 советов по работе с SEO-ссылами и способам их получения

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

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

Сервисы для анализа бэклинков

«Яндекс.Вебмастер»

Наиболее доступный и популярный ресурс. Работая в нем, необходимо вбить адрес своего сайта и подтвердить право собственности на него. После этого «Яндекс.Вебмастер» покажет перечень всех площадок, содержащих необходимые ссылки. Чтобы увидеть полную картину, советуем скачать архив. Минусы анализа бэклинков «Яндекс.Вебмастером»: невозможно отследить наличие и количество ссылок на интернет-площадки конкурентов. Однако сервис позволяет получить наиболее свежие и максимально объективные данные по своему ресурсу.

Google Search Console

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

Ahrefs

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

Majestic

Это сайт, предлагающий пользователям как платные, так и бесплатные услуги. С его помощью можно проверить как свои внешние ссылки, так и бэки на сайты конкурентов. Для оптимизаторов, выбравших платный вариант, становится доступным большее количество ссылок (от 5 тыс. до 1 млн). Стоимость платного пакета колеблется в диапазоне 50–400 долларов в месяц. Платный сервис приобретают крупные организации. Небольшие интернет-ресурсы вполне смогут обойтись и бесплатной версией. Пользователь вместе со списком бэклинков получает информацию об истории накопления ссылок на том или ином ресурсе, количестве их просмотров посетителями и анкорах. Базы данных Majestic проходят ежедневное обновление, поэтому их объективность и актуальность не вызывают сомнений.

Megaindex

Эта площадка дает возможность для анализа бэклинков как собственных сайтов, так и конкурентов, выдавая пользователю подробные данные:

• по типу ссылок,
• тематике сайтов-доноров,
• популярным страничкам и анкорам,
• ссылающимся сайтам.

Бесплатная версия данного сервиса имеет ограничения: можно выполнить только 1 000 проверок с анализом первой тысячи ссылок. Заплатив же от 50 до 400 долларов за месяц пользования (в зависимости от приобретенного тарифного плана), оптимизатору будет доступно порядка сотни тысяч проверок. Эта площадка позволяет собрать данные для проведения анализа всех ссылок, находящихся в первой десятке поисковой выдачи, а также проверить качество сайтов-доноров. Кроме того, сервис обладает массой полезных опций, особенно для начинающих веб-мастеров. Вывод: неплохой ресурс, на котором и крупные компании, и простой оптимизатор найдет то, что ему необходимо.

Linkpad

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

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

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

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

07.04.2017 12:32

Поисковики круглосуточно наблюдают за манипуляциями на сайтах и загоняют под фильтры даже самые честные площадки. Это происходит, и точный ответ на “почему так?” не дают даже вебмастера Яндекса, Google. А если быть совсем точным, то у вас на сайте всегда найдется нечто, к чему можно придраться.

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

Распространенные фильтры Google и Яндекс за некачественные ссылки

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

Яндекс

• Минусинск - за продвижение SEO-ссылками (покупными). Если вы в силу привычки тратите деньги на покупку ссылок, готовьтесь поймать Минусинск.
• Ссылочный взрыв - за неестественный сверхбыстрый прирост ссылочной массы от низкосортных доноров.
• АГС - комплексный фильтр за сайт с г**** содержанием. Это жуткий контент, дизайн и преобладание ссылок с неавторитетных источников.
• Фильтр за коммерческие ссылки - под прицел попадают сайты, которые получают ссылки с нерелевантных доноров с одинаковыми анкорами.

Google

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

Чтобы не попасть под фильтры даже не за свои “черные” действия, нужно раз в неделю-две следить за движением ссылочной массы по вашему домену. Автоматизировать этот процесс поможет онлайн-инструмент для анализа ссылок от SEO-платформы Serpstat .

Делаем комплексную проверку домена на бэклинки

Что нужно проверить в первую очередь:

1. движение ссылок за период до 3 месяцев;
2. анкоры ссылок;
3. авторитетность и трастовость доноров;
4. типы ссылок.

Итак, переходим в анализ ссылок от Serpstat, вносим свой домен для проверки и получаем суммарный отчет за последние 90 дней по сайт, где показан:

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

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

Анализ ссылающихся доменов

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

Для рунета важны два показателя: Serpstat Page Rank/Trust Rank. Чем выше значение, тем качественнее источник.

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

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

Анализ ссылающихся страниц

Анализ страниц - это углубленный отчет по всем бэклинкам. По каждой новой ссылке платформа показывает:

• собственные метрики авторитетности и трастовости как источника, так и цели;
• тип ссылки Follow/No Follow;
• кликабельный анкор;
• дату первой и последней индексации, что говорит о свежести данных.

Ту же информацию мы получаем в отчете по потерянным ссылкам + дату потери.

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

Анализ анкоров ссылок

Полезнейший отчет, в котором легко найти спамные ссылки на собственный сайт, понижающие его в ранжировании. А также найти и закрыть в “nofollow” низкокачественные обратные ссылки.

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

Выводы

Итог напрашивается сам: не занимайтесь “черным” SEO и проверяйте свой сайт хотя бы два раза в месяц, чтобы не загреметь под фильтры поисковиков за действия конкурентов. Благодаря онлайн-инструментам проверять обратные ссылки легко и быстро.

Комплексный анализ сайта с помощью Serpstat занял не больше 10 минут. И за это время мы нашли десяток доменов, которые отправили в Google Disawow.

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

Продолжение

В общем давайте уже делать.

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

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

Программное обеспечение

Первое, что Вам нужно это Photoshop. Если у Вас его нет, покупайте:-)

Создание и размеры документа

Чтобы создать новый документ в Фотошопе нужно зайти в «Файл» и кликнуть «Создать», затем появится окно, в котором нужно задать соответствующие размеры.

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

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

В моём случае сайт будет иметь ширину в 1200рх. Таким образом я сделал документ шириной в 1300 рх и высотой в 4000 рх. Остальные настройки оставьте как есть.

Фон шаблона сайта

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

Ширина будущего сайта в 1200 рх

Теперь нам нужно выставить размер будущего сайта, чтобы он выглядел так же как будет смотреться в браузере. Делать мы будем это с помощью линейки. Если она у Вас не активна, нужно зайти в «Просмотр» и поставить галочку на против «Линейка». Затем она должна появиться у Вас в окне просмотра.

А вот как она выглядит:

Выделяем наш слой, нужно просто один раз кликнуть на него:

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

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

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

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

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

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

Важно!

Всегда создавайте группы для слоёв и давайте им названия. Потому что в дальнейшем точно запутаетесь!

Группы

Создаём группу, и называем её «Хидер» (Шапка) в ней же создаём под группу «Верхнее меню» так как будем начинать именно с него. В группе создаём новый слой и называем его «фон». Это будет фон нашего верхнего меню.

Вот что должно получиться:

Верхнее меню

Опять вытягиваем линейку и выставляем её как на рисунке:

Выбираем инструмент «Прямоугольная область» и выделяем вдоль горизонтальной линейки:

В палитре цветов вбиваем вот этот цвет #0dbfe5, выбираем инструмент «Заливка» и заливаем выделенную область, затем нужно отменить выделение во вкладке «Выделение» нажмите на «Отменить выделение»:

Кликаем на инструмент «Горизонтальный текст». Сверху в панели выбираем шрифт «Segoe UI». Теперь кликаем на голубом фоне меню и пишем название наших страниц. Потом Вы можете переместить текст куда Вам нужно.

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

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

Переходим в пункт «Тень» и задаём следующие параметры:

Вот, что должно получиться:

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

Иконки социальных закладок

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

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

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

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

Переходим к логотипу. Опять же создаём отдельную группу для логотипа и в новый слой.

Логотип

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

Создаём группу «Нижнее меню» и новый слой.

Нижнее меню (Главное)

Выставляем линейки как на рисунке:

Выбираем инструмент «Прямоугольная область» и выделяем. Затем выделенную область заливаем вот этим цветом #303030. Вот что должно получиться:

Отменяем выделение во вкладке «Выделение». Теперь идём во вкладку Фильтры — Шум и выбираем Добавить шум. Потом выставляем такие значения:

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

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

Как обычно в группе «Хидер» создаём группу «Инфо панель» с новым слоем.

Панель с информацией

Для начала добавляем полосы с линейки как на рисунке ниже:

Выбираем инструмент «Прямоугольная область» и выделяем область прям под меню, и заливаем её чёрным цветом #000000

Отменяем выделение, берём «Горизонтальный текст» изменяем размер шрифта на 48 пт и цвет #a4a4a4. Пишем «Последние Записи». Вот, что у Вас должно получиться в итоге:

Контент

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

Сразу же нужно создать 2 отдельных группы:

• Метки — в эту группу мы будем добавлять текст с размером наших колонок.
• Контент — группа где будет находиться вся наша середина сайта.

В группе контент создаём под группу «Левый», в которой будут находиться наши блоки с записями.

Выбираем инструмент «прямоугольная область», задаём ей стиль «заданный размер» и выставляем ширину 800рх высоту 100рх. Вот итог:

Добавляем линии с линейки как на рисунке, и отменяем выделение:

В группе «Контент» делаем под группу с названием «Правый» (Сайтбар). Будем размечать место для правой колонки сайта.

Опять берём «прямоугольная область», а вот в стиле области задаём немного меньший размер в ширину 350рх высоту оставим ту же в 100рх. И далее делаем всё как на рисунке:

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

Помните мы создали группу метки? Там просто создайте слой с надписями размеров блоков, вот как у меня:

Эти метки очень помогут при вёрстке. Не нужно будет вспоминать размеры.

Блоки с записями

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

В группе «Левый» создаём подгруппу «блок» и новый слой.

Опять выбираем инструмент «Прямоугольная область». В стиле задаём размеры 800 х 300. Подгоняем под линии. Потом заливаем вот этим цветом #d9d9d9. Это у нас получилась миниатюра.

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

Теперь давайте добавим заголовок к записи. Берём «Горизонтальный текст» ставим размер в 35 пт и цвет чёрный. Добавляем прям под миниатюрой:

Добавляем информацию к посту. Ставим размер шрифта в 14 пт и цвет ближе к серому:

И описание к посту:

Теперь добавляем текст и смотрим, что у нас получилось:

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

Создаём группу «Разделитель», выбираем «Овальная область» создаём слой. И под блоком записей зажимая Shift рисуем круг, затем заливаем его вот этим цветом #efefef.

Отменяем выделение и ищем середину круга с помощью линейки

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

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

Вот что должно получиться:

Копируем слой этого маленького круга опять перемещаем его влево. Так же точно уменьшаем его размер как написано выше, чтобы получилось вот так:

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

А вот что получилось только в нормальном размере:

Сейчас размещаем блок записей под блоком. Создаём дубликат нашей группы «Блок» На панели инструментов выбираем курсор (самый верхний). И перетаскиваем наш блок записей вниз. и так делаем раз 5.

Сайдбар (правая колонка)

Находим нашу группу «Сайдбар», и создаём в ней подгруппу «Поиск». С помощью линии делаем вот так:

Выбираем инструмент «Прямоугольная область» и выделяем поле для поиска, затем заливаем его вот этим цветом #eeeeee

Не забываем отменить выделение, кликаем на инструмент «Горизонтальный текст» и в сером поле пишем слово Поиск

Слева выбираем инструмент «Произвольная фигура» и сверху ищем фигуру лупы. Она есть в стандартных фигурах. Создаём слой в группе «Поиск» наводим на поле и рисуем нашу фигуру удерживая Shift.

Поле поиска готово. Теперь переходим к виджетам.

Создаём группу «виджет» и новый слой в ней. Затем добавляем линий как на рисунке. Это будет фон нашего заголовка, и заливаем его эти цветом #eeeeee

В наш заголовок теперь нужно добавить сам заголовок, делаем это с помощью текста. А ещё добавим иконку к заголовку. Для этого нужно выбрать любую фигуру которая по душе, и которая по смыслу подходит:) Не забываем зажимать Shift когда добавляем фигуру. И залейте её вот этим цветом #0dbfe5

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

Затем просто создаём дубликат группы и перетаскиваем виджет вниз. Делаем то же самое что и с постами.

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

Футер (Низ сайта)

Ну как же без него. В этом шаблоне он тоже не сильно сложный.

Всё как обычно создаём группу «Футер» и слой в ней. И размечаем его с помощью линейки, выбираем наш уже любимый инструмент «прямоугольная область» выделяем его и заливаем #0dbfe5

Отменяем выделение. Берём «Горизонтальный текст» находим тот шрифт, который мы скачали (Olivier), и вписываем наш логотип, только цвет текста делаем чуть темнее.

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

Вот и всё, друзья, у нс готовый макет, который уже можно верстать:)

Ещё, вот Вам его PSD файл. Скачивайте, и смотрите если что то не поняли.

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

До скорых встреч.