Красивую картинку не забудешь

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

виготовлення сайтiв

---

Какие преимущества получает сайт, если его шапкой будет действительно незабываемая красивая и красноречивая картинка?
Составим список (если я что-нибудь забуду, дополните):

Качественная шапка сайта ...

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

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

Но вернемся к программе XHeader. Скачать ее можно с оф. сайта, сначала саму программу (11 Мб), в которую входит всего 50 шаблонов и превью остальных 450. После установки программы вы увидите "Wellcome", который пригласит после регистрации на сайте скачать дополнение к программе (22 Мб), которое также устанавливается (при закрытой программе XHeader). После несложной манипуляции, открываем программу и вуаля - у нас библиотека из 500 шапок для сайтов на любой вкус. Лично меня сразу заинтересовала только кнопочка "Сохранить как JPG" и возможность выбрать качество сохранения картинки "Very Good" (оптимальная по моему мнению).

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

Еще одна вещь, которую пришлось поискать - возможность изменять ширину и высоту картинки (в библиотеке картинки для шапок стандартного размера 750 х 150 px). Найти эту функцию можно так: Options> Resize Header (не забываем поставить галочку Constrain, иначе пропорции картинки будут меняться и вы получите подобные карикатурам лица).

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

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

↑ Grab this Headline Animator

Фантастичные фоны для блога

Иногда вопрос дизайна для блога или сайта нужно решить быстро. Ну или так: быстро, просто, дешево. Да... и, конечно же, чтоб красиво было. Это же обязательно! Что делать?

Это как перед экзаменом - идем в библиотеку! :) Только в нашем случае библиотека нужна особая - где поменьше буков (бяков тоже ;) ) и побольше рисунков. Нам библиотека бекграундов нужна!

Кто ищет - тот всегда найдет. Вот она, встречайте - http://www.lenagold.ru - поиск по цвету.
Итак, перед нами таблица, состоящая из образцов текстур разного цвета. Сервис предлагает сначала "на глаз" выбрать что-то наиболее похожее на искомый вариант дизайна. Для примера выберем первую текстуру, именуемую "Разноцветные". Теперь наш выбор немного расширился - мы можем выбрать фоны и клипарт, подходящие по тематике. Среди образцов фона можно найти и готовые фоны в полоску, клетчатые, со звездами, сердечками, цветами, растениями, камнями - темы разнообразные. Выбирая фон, сразу можно увидеть, как бесшовная текстура заполняет всю страницу, определить, не будет ли такой фон слишком перегруженным, навязчивым или наоборот "пустым".

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

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

↑ Grab this Headline Animator

------

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

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

виготовлення сайтiв

Ателье бекграунда

Для вдохновения, кстати можно взлянуть в галерею шотландского сервиса - ощущение как на выставке тканей...
------
Но мы уже отправляемся в следующий салон - не полосатый и уж тем более не клетчатый. Наша тема - имитация портъерной ткани (цветы и другие рисунки). Удастся ли нам водрузить на фон интересный рисунок и при этом создать бесшовную текстуру? С таким помощником, как наш следующий сервис http://bgpatterns.com/  - мы и такой дизайн сможем создать!

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

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

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

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

↑ Grab this Headline Animator

А что делать, если у нас мало времени или нет настроения фантазировать? Что-нибуть готовенькое есть, библиотека бекграундов, например? И еще, нам нужна красивая шапка для блога! Вот как раз об этом в следующий раз...

Кстати, как у вас с фоном получается? Мне ведь интересно... ;)

виготовлення сайтiв

Тартан - фон, который имитирует ткань

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

Итак, тестируем сервис http://www.tartanmaker.com на предмет создания интересного тканевого фона и бесшовной текстуры одновременно. (Да, кстати, что такое тартан упоминалось в предыдущем посте - "Полоска и шотландка...")

Первое, что сразу впечатляет - сайт сервиса оформлен в готическом стиле, логотип и другие елементы страницы будто взяты из старинной рукописной книги XV века. В общем, знакомимся со старинным рецептом по изготовлению тартана ;)

По умолчанию нам предлагают трехцветный рисунок. Но слева от ползунков можно заметить "+" и "х" - легко догадаться, что дополнительная полоска появится сразу под той, плюсик которой мы нажимаем, а убрать лишнюю полоску еще легче. Как только мы вводим какие-то изменения - переключаем обычное направление рисунка на диагональное, подбираем цвет или моделируем с помощью ползунков ширину полос нашей шотландки - на образце появляется ободряющая надпись - "Make it!" ("Сделай это!"). Во мгновение ока клетчатый рисунок обновляется и перед нами новый дизайн для фона нашего блога. Остается нажать на таинственную готическую надпись 

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

↑ Grab this Headline Animator

Все? Нет, теперь самое главное! Минут 15 любуемся своим дизайнерским творением и мысленно восклицаем: "К а к а я  ткань!" Ведь создавать красивые вещи - такое наслаждение! (Да? Нет? Ау!)

Ну хорошо, а если мы хотим сымитировать портъерную ткань, куда податься? Об этом в следующий раз...

виготовлення сайтiв

Полоска и шотландка - стильный фон для вашего блога

С помощью чудесного сервиса www.stripegenerator.com удалось создать вот такой удивительный полосатый фон. Конечно, если вся страничка будет контрастно-полосатой - это запомнится посетителям блога надолго. Можно будет с уверенностью сказать, что ваш блог запоминается "очень ярким" (!) дизайном ;) ...но, увы, не текстом, так как читать его будет сложно. Поэтому даже в фоне с контрастами лучше не переусердствовать.
------

Следующий сервис, с которым мы экперементируем, называется "Тартан". Интересное слово, правда?

Тартан — орнамент, состоящий из пересекающихся горизонтальных и вертикальных цветных полос. Тартан используется для расцветки шотландки и символизирует определенный клан. Шотландские килты практически всегда имеют рисунок тартан.

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

Прошу любить и жаловать шотландский виски сервис http://www.tartanmaker.com

В следующий раз обязательно напишу и покажу, что получилось. Кстати, а почему бы вам не показать свои "шотландские", а также "полосатые" эксперименты в комментариях? Буду признательна =)

виготовлення сайтiв