Копирование чужих идей это один из способов научиться, набраться опыта, и в дальнейшем выработать свой стиль и идею. Когда человек учится рисовать, сначала он учиться копировать работы профессионалов. Так и в дизайне.
Как я уже говорила, один из самых сложных моментов в создании внешнего вида блога это придумать как он будет выглядеть, найти для этого графику и подобрать цвета.
К счастью в интернет есть просто огромное количество готовых шаблонов с профессиональным дизайном, разработанных профессиональным дизайнерскими студиями. И мы может подсмотреть идеи профессионалов, скопировать графику и цвета, и реализовать это на своем блоге.
Чтобы не прослыть плагиатом используйте этот метод осторожно. Главная задача это не скопировать дизайн, а реализовать идею полностью или частично на своем блоге и если она вам нравится, в дальнейшем заменить графику на свою.
В этой статье я покажу как скачать графику с существующего сайта и скопировать коды цветов, которые используются на данном сайте.
Для идей и вдохновения я использую каталог шаблонов http://www.templatemonster.com/. Здесь много замечательных, красивых, современных и эффектных шаблонов для разных CMS.
Подробную инструкцию “Как скачать фоновое изображение с сайта” и “Как скопировать код цвета с сайта” смотрите в видео. Ниже, под видео в тексте я описала шаги.
Как скачать фоновое изображение с сайта
Как скопировать код цвета с сайта
- Откройте браузер Firefox (в этом браузере больше инструментов для скачивания графики)
- Заходим на сайтм http://www.templatemonster.com/
- Выберите шаблон, который вам нравится и откройте демоверсию
- Отобразить фрейм отдельно (на странице с демоверсией нажать на правую кнопку мыши – > выбрать из списка “В этом фрейме” -> “Показать только этот фрейм”)
Как скачать фоновое изображение сайта
1.Наведите мышку на фоновое изображение -> нажмите правой кнопкой мыши и выберите из списка “Открыть фоновое изображение”
2. Фоновое изображение откроется -> нажмите правой кнопкой мыши и выберите “Сохранить как”
3. Сохраните изображение на своем компьютере
Как скачать все изображения со страницы сайта
- Зайдите на страницу сайта
- Нажмите правой кнопкой мыши и выберите из списка “Сохранить как”
- Выберите папку на компьютере для сохранения.
- После того, как все скачается, откройте папку на компьютере и в ней вы найдете все картинки вебстраницы, кроме тех, что используются в качестве фона
Как скачать всю графику со страницы сайта
1. Откройте страницу в браузере Firefox (если это фрейм, отобразите его отдельно)
2. Наверху в меню нажмите “Инструменты”
3. Выберите из списка “Информация о странице”
4. Перейдите во вкладку “Мультимедиа”
5. Выберите изображение, которое хотите скачать
6.Нажмите на кнопку “Сохранить как”
Как скопировать код цвета на сайте
- В браузере Хром (или в том, где у вас установлен инструмент ColorZilla. Если не установлен, посмотрите видео инструкцию как это сделать) откройте страницу на которой вы хотите скопировать цвет
- Нажмите на значок “ColorZilla” справа вверху браузера
- Выберите из списка “Pick Color From Page”
- Наведите мышку на желаемый цвет (вверху, на черной панели будет предпросмотр цвета)
- Нажмите левой кнопкой мыши по желаемому цвету (при клике копируется код цвета)
На этом все. В следующей статье мы рассмотрим на примере еще один вариант изменения внешнего вида блога с использованием плагина “Живая форма” и “Входная страница”.
Оставайтесь на связи!
Задание:
- Зайдите на сайта найдите интересный дизайн блога
- Скачайте фоновое изображение
- Скопируйте коды цветов
P.S. Данный материал написан в рамках конкурса “Самый эффектный дизайн блога на шаблоне AB-Ispiration”. Больше о конкурсе можно узнать здесь:Конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration
Средняя оценка: 5 из 5
