Дизайн Мания » Online сервисы

Подбираем шрифт для сайта с помощью онлайн сервисов

Tod — Mon, 21 Jun 2010 16:50:58 +0000

Это пост будет интересен тем кто в данный момент думает над типографикой сайта. Если разрабатываете какой-то новый проект с нуля или затеяли редизайн, вам могут пригодится два интересных сервиса с которыми я хочу вас познакомить. Первый сервис поможет вам заполнить макет подстановочным текстом (он же «рыба»), второй — определиться с его стилем.

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

У каждого веб-мастера есть на этот случай собственное решение. Кто-то берет куски текста с любого подвернувшегося источника — текстовые файлы, сайты попадающиеся под руку и так далее. Это способ имеет изъян — если вы делаете макет для кого-то, не хорошо когда в качестве подстановочного текста используется ваш «квартальный отчет» или что-то в этом роде.

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

Более изящным вариантом может быть использование сервиса Blind Text Generator, который делает тоже самое, но более интересно и разнообразно:

Наверное, кто-то назовет Blind Text Generator сервисом бесполезным, потому что единственная его задача – давать образцы галиматьи и бессмысленности. С другой стороны, как иногда полезно иметь таки образцы под рукой! К тому же он предлагает не только всем надоевший стандартный «Lorem ipsum», но и ряд других вариантов!

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

Гораздо проще выставить в трех колонках те варианты которые вам нравятся (кстати, в качества текста можете использовать «рыбу» с Blind Text Generator) и сравнить их между собой. Причем увидите текст вы сразу во всевозможных написаниях — обычном, полужирном, жирном и так далее:

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

Дальше я думаю вы и без меня знаете что с ним делать. Удачных вам экспериментов!

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

А как вы подбираете шрифты для будущего сайта? Сразу при создании макета в фотошопе?

P.S. Постовой. LTD-Studio – качественная разработка сайта в Киеве.
Советую глянуть курс по заработку на AdSense – и заработать на контекстной рекламы.
Подробная информация про Черновцы и достопримечательности этого города.

Теги: online-сервисы, дизайнеру, создание сайта, типографика, шрифты

Интересные статьи по теме

Подбираем правильное цветовое сочетание для сайта

Tod — Mon, 14 Jun 2010 10:45:33 +0000

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

Благо сейчас (в прогрессивное время) некоторые задачи можно поручить компьютерам, а точнее различным интернет сервисам. В одном из блогов я уже затрагивал эту тему, когда писал обзор Color Scheme Designer онлайн сервиса создания цветовой палитры сайта. Сегодня – что-то вроде продолжения – предлагаю ознакомиться с еще двумя интересными веб разработками, которые помогут профессиональным дизайнерам выбрать грамотную цветовую схему для создаваемых сайтов.

Kuler

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

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

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

Как видите данные по каждому цвету представлен не только в RGB, но и в CMYK, LAB, HSV, что говорит о том что Kuler это не только сервис для вебмастера, он подойдет любому дизайнеру.

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

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

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

СolorBlender

Будет неправильно не дать вам ссылку хотя бы на одну альтернативу. Вдруг, Kuler чем-то не угодил (хотя недостатки у него найти сложно). В этом случае, профессионал имеет право глядеть в сторону сервиса СolorBlender.

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

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

P.S. Постовой. Трудоустройство, вакансии и работа в Казахстане – поиск работы в Казахстане.
В условиях спада экономики внимание привлекают бесплатные игры, многие из которых по красочности не уступают платным.
Популярная доска объявлений Dorus – бесплатные объявления по множеству различных тематик.

Теги: online-сервисы, дизайнеру, обзоры, полезные сайты, создание сайта, цветовая гамма

Интересные статьи по теме

Raven – онлайн редактор векторной графики

Tod — Sun, 25 Apr 2010 16:40:02 +0000

Вы знаете как нарисовать векторный Apple iPad онлайн? Нет? Скорее всего вы даже не догадываетесь что существуют столь мощные онлайн-редакторы векторной графики от Aviary’s – Raven! Онлайн приложения постоянно развиваются, уже сегодня благодаря им можно добиться хорошего результата. Перед тем как перейти непосредственно к обзору этого приложения, хотелось бы заметить, что разработчики Aviary моугт похвастаться не только этим продуктом. На сайте вы можете найти целый набор полезных онлайн сервисов для дизайнеров и графики, о котором я уже как-то писал в одном из своих блогов. Кроме онлайн редактора векторной графики может найти обычный графический редактор, инструменты для создания эффектов, работы с палитрами и скриншотами.

Но вернемся к нашем Raven и Apple iPad – чтобы не быть голословным, приведу пример планшета, нарисованного с помощью Raven:

В принципе, даже сейчас такая иллюстрация – не простая задача для неподготовленного человека, даже если у него под рукой есть CorelDraw или Adobe Illustrator, что уж говорить про веб-приложение? Но, как видите, на данный момент это задача вполне выполнимая. Более того, на сайте Aviary, с помощью простого туториала, вас даже научат как. Но, давайте, все же подробнее остановимся на самом редакторе!

Интерфейc Raven не столь сложен, как у упомянутых выше CorelDraw или Adobe Illustrator, поэтому приложение можно рассматривать даже как полигон для изучения векторной графики:

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

Полноценный движок “кривых”. Работа с кривыми, заливками, обводками, объектами и градиентами реализована на достаточно продвинутом уровне (конечно, ни как в CorelDraw или Illustrator, но все же);

Поддержка слоев. Приложение поддерживает слои, группы слоев, маски слоев;

“Импорт” из популярных социальных сервисов. Импорт из Flickr, Picasa и Facebook;

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

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

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

P.S. Постовой. Для всех разработчиков полезным будет список проверки интерфейса веб-сайта.
Интересный сайт для те, кто работает на рынке forex – читаем про форекс от Ikon FX.
Сегодня многих интересует как заработать на файлообменниках. По этому поводу советую почитать интересную статью.

Теги: online-сервисы, векторная графика, графический редактор, дизайнеру, полезное

Интересные статьи по теме

Графические редакторы растровой графики онлайн (Часть 2)

Tod — Wed, 07 Apr 2010 18:16:33 +0000

Как вы, наверное, помните, первая часть серии про онлайн редакторы растровой графики, была практически полностью посвящена сервису Photoshop.com. Сервис, в целом не плохой, но, далеко не единственный. У него есть очень достойные соперники, которые в чем-то (а иногда и во многом) его превосходят:

FotoFlexer

Сервис FotoFlexer понравился. Пожалуй, это один из самый функциональный онлайн-редактор которые мне доводилось видеть. В отличие от того же, Photoshop.com, FotoFlexer позволяет и рисовать, и искажать, даже создавать анимацию и работать со слоями!

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

Закладка Basic: Кадрирование, удаление “красных глаз”, копирование выделенной области, трасформация (поворот, отражение по горизонтали вертикали), насторойка цветов/контраста;
Effects: Несколько десятков фильтров, некоторые из них довольно сложные и выглядят достойно даже на фоне стационарного Фотошопа;
Decorate: Содержит инструменты для работы с текстом, инструменты рисования (”карандаш”, “стерку”, “заливку”, “пипетку”), рамки, шаблоны, “стикеры”, инструменты для создания постеров;
Animation: Позволяет добавлять анимированные элементы – звезды, сердечки и пр;
Beautify: Управление резкостью/размытием;
Distort Инструменты искажения;
Layers Позволяет работать со слоями;
Geek Дополнительные инструменты/фильтры.

Выглядит все это приблизительно вот так:

FotoFlexer (как и Photoshop.com) поддерживает работу с социальными сервисами (вроде, Flickr или Picasa), и для полноценной работы требует регистрации. Из недостатков можно отметить лишь, недостаточную стабильность, которая проявляется в некоторых глюках. Приятной особенностью для русскоязычных пользователей также может быть соответствующая локализация интерфейса – дабы все было понятно. В целом инструмент подойдет для каких-то простых действий в виде обработки фотографии, добавления специальных эффектов, так и для более сложных, продвинутых манипуляций, например, работу со слоями, ретуширование и т.п.

SumoPaint

Онлайн-редактор SumoPaint отличает интерфейс схожий с десктопными приложениями:

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

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

Pixlr

Pixlr – это сервис примерно того же калибра и философии, что и SumoPaint. Тот же интерфейс под “true photosop”, вряд-ли заметно уступающий по богатству функционал. Как и SumoPaint не предлагает собственного фото-хостинга, не ориентирован “социально” (в том смысле что не пытается интегрироваться с разными социальными сервисами), зато близок к понятию “настоящее приложение”.

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

Более веб2нольные – простые в использовании, имеющие собственный фотохостинг, интегрированные с другими социальными службами, имеющие некоторые “попсовые” функции (например, рамки или клипарты);
Имитирующие настоящее приложение – лишены собственного хостинга, имеют интерфейс “под Фотошоп”, функционально очень насыщенны, но без мишуры.

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

А какие еще сервисы из графических онлайн редакторов вы знаете? Как вообще опыт использования подобных приложений?

P.S. Постовой. Интересно почитать о том как создать сайт на WordPress.
Проект Pro Handmade: ручная работа – сделано своими руками.
Хочешь ребенка? Все про беременность и роды в статьях на женском сайте. Статья о признаках беременности.

Теги: online-сервисы, графический редактор, дизайнеру, полезное, полезные программы

Интересные статьи по теме

Онлайн редакторы растровой графики (Часть 1)

Tod — Fri, 02 Apr 2010 19:59:34 +0000

Сегодня настоящим трендом становятся онлайн приложения. Это и набирающая популярность концепция “облачных” вычислений, где “вычисления” (по-крайней мере их часть) выполняются не на собственном компьютере, а на чужом сервере (серверах). Это и просто все увеличивающийся спектр доступных онлайн-сервисов всех мастей на любую нужду и потребность.

Такой подход имеет массу преимуществ. Самые очевидные из них: а) Ваши данные не привязаны к какой-то определенной “машине”, поэтому к ним можно получать доступ откуда угодно. Для этого нужен только компьютер и интернет, что, согласитесь, очень удобно; б) Большинство сервисов бесплатны, поэтому, в некоторых случаях могут являться альтернативой дорогим и напичканным ненужными функциями десктопным приложениям; в) пользователь может получать ряд уникальных возможностей. Например, возможность коллективно работать над документом или доступ к какой-то централизованной базе данных.

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

Идеалом и промышленным стандартом в сфере растровой графики уже долгие годы является Adobe Photoshop. Это настоящий монстр, которому подвластно практически все. Но, разве всем и каждому нужна подобная мощь? Могу, как человек 10 лет работающий с программой сказать, что даже профессионалы и эксперты повседневно используют, в лучшем случае, лишь 10-20% предлагаемых программой возможностей. Остальной “багаж” просто не относится к вещам “на каждый день”.

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

Первый сервис с которым мне сразу захотелось познакомиться – Photoshop.com. Мой интерес понятен и легко объясним – этот онлайн-редактор создан компанией Adobe, т.е. от сервиса можно ожидать что он окажется близким по функционалу (на сколько это возможно) к тому самому стационарному эталонному “Фотошопу”, и реализовано это будет, скорее всего, качественно.

И, надо сказать, ощущение качественной вещи создается сразу. И это не иллюзия. Возможно, дело в том что в Adobe знают толк во Flash (все таки, как-никак, родной формат), на котором написан сервис, поэтому сделано все основательно. Чтобы быстро ознакомиться с возможностями Photoshop.com, доступен “Test Drive” (чтобы начать полноценно работать с сервисом необходимо зарегистрироваться, в противном случае, вы имеете возможность только побаловаться с “Test Drive” без возможности сохранения результатов работы и пр):

Первое что бросается в глаза как самое принципиальное отличие от десктопного Photoshop – отсутствие рисования. Зато, сервис хорошо справляется с таким вещами как кадрирование, изменение размеров картинки, автоматическое корректирование цветов и удаление “красных глаз”, настройка резкости или наоборот, размытие, настойка баланса белого, экспозиции, манипуляции с базовыми фильтрами и т.д.

В общем, есть практически все что нужно для рутины, кроме рисования, зачатки которого правда уже начинают определятся. Смотрите меню Decorate (которая пока с ярлыком “бета-версия”), где можно добавить текст, рамку или какие-то предустановленные значки/символы – первый шаг к творческой свободе -):

Кстати, Photoshop.com является еще и сервисом социальным. Т.е. сочетает в себе фотохостинг с социальными фичами (можно просматривать чужие фото, голосовать, комментировать и пр.), возможностью подключения Facebook, Picasa, Flickr, Photobucket.

Подводя итог, отмечу что Photoshop.com вполне пригоден для применения. Он добротно сделан и имеет хорошую родословную. Хотелось бы видеть более богатый функционал, но этого хочется всегда. Те возможности что есть, позволяет решать большинство повседневных задач, а бренд – рассчитывать на то что Photoshop.com будет развиваться и обрастать новыми функциями. Кстати, около 2-х лет назад, в марте 2008 я уже публиковал обзор этого проекта, тогда он назывался Photoshop Express Online – кому интересно, советую также почитать. За это время изменилось не только название, проект в целом заметно похорошел, расширились возможности работы. В следующей статье расскажу про некоторых интересных конкурентов, так что следите за обновлениями.

P.S. Постовой. Обсуждаем разные методы как поднять ТИЦ сайта на популярном форуме.
Kirik отвечает на вопросы относительно поисковой оптимизации – интересное чтиво.
А еще загляните в Блог Тихого Ботанчика.

Теги: photoshop, графический редактор, дизайнеру, обзоры, полезные сайты, фотохостинг

Интересные статьи по теме

Оригинальные генераторы бэкграунд (background)

Tod — Wed, 15 Jul 2009 11:11:13 +0000

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

Причем все они сгенерированы с помощью одного очень классного и просто потрясающего сервиса для бэкграундов – BgPatterns. Работать с ним легко и приятно, за пару минут и в несколько кликов вы сможете получить абсолютно оригинальный и подходящий вам background для сайта.

В BgPatterns имеется всего 4 раздела настроек

Цвет шрифта и фона
Текстура для бэкграунда – есть различные потертости. Можно задавать размен текстуры и ее прозрачность.
Изображения для background, которые тиражируются на фоне. Имеется достаточно широкий выбор, хотя весьма жаль, что нельзя добавлять свои. Здесь можно править размер и прозрачность фигуры.
Поворот – задает наклон изображения в шаге 3.

С помощью комбинирования всех 4 настроек вы сможете получить действительно более-менее уникальный бэкграунд. После этого кликаете в меню на кнопку Apply background и видите как собственно он будет смотреться на вашем сайте – что-то вроде превью. Замечу, что это весьма удобно. Далее нажимаем на Download image и сохраняем готовое изображения для фона. На сайте имеется также список уже сгенерированных бэкграундов, где вы сможете выбирать понравившиеся вам работы других людей.

Безусловно, BgPatterns – это лучшее, что я видел. Но есть и другие не менее оригинальные сервисы.

Pattern Cooler

Также весьма мощный инструмент. Вы можете выбрать фон для сайта в галерее из 147 различных дизайнов. После этого предоставляется опция поменять цветовое решение выбранного фрагмента и размер бэкграунда для использования на сайте. Отличительной чертой сервиса есть то, что все примеры background очень и очень оригинальны – чтобы это понять достаточно взглянуть на картинку выше или зайти разок на их сайт. Максимальная оригинальность! При работе с Pattern Cooler есть лишь одна сложность – регистрации, все остальное предельно просто.

Напоследок 2 весьма простых, но интересных в плане реализации онлайн сервиса или стартапа:

Dotted Background Generator

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

Bgmaker

Наверное, самое простое на вид приложение. В центре располагается форма 12х12 пикселей, где вы рисуете себе фон:) При этом готовый background сразу же отображается на заднем плане – такое себе рисование в реальном времени. Есть галерея, где можно найти очень много готовых фонов. В принципе, создать в Bgmaker что-то оригинальное и сложно вряд ли получится, в основном получаются очень простые рисунки.

P.S. Не забываем про конкурс в Вебдванольных заметках! Пока что конкуренция не очень большая, спешите.

P.P.S. Постовой. Читаем блог о SEO и набираемся полезных знаний!
Наш интернет магазин предлагает ноутбук от ведущего производителя по хорошей цене.
Качественный и красивый дизайна интерьеров для вашей квартиры.
Медицина стволовые клетки в центре Полинар.

Теги: background, online-сервисы, для сайта, полезное, фон для сайта

Интересные статьи по теме

Бейджи в стиле web 2.0 для сайта

Tod — Wed, 08 Jul 2009 21:24:02 +0000

Бейджи в стиле web 2.0 стали одним из самых известных и часто используемых трендов дизайна, который можно встретить на множестве сайтов различных интернет сервисов. Популярность, возможно, частично обусловлена их заметностью и умением привлекать внимание посетителей. Еще бы! Ведь для них используются яркие цветы, которые сразу бросаются в глаза. При этом форма бейджиков может быть абсолютно разная – с круглыми либо острыми углами. Часто встречаются в называемых вебдванольных сайтах, преимущественно в шапке с надписью beta:) Хотя можно использовать web 2.0 бейджики как угодно. Предлагаю скачать некоторые из них:

Скачать // источник

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

Сервис для создания бейджей в стиле web 2.0

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

Затем сможете просто сохранить то, что у вас получилось, через контекстное меню «Save picture as». Следует заметить, что чуть ниже на странице вы найдете несколько PSD файлов с готовыми бэйджами, которые также сможете подправить для своих нужд. Еще могу порекомендовать посмотреть формы для фотошопа , из которых тоже можно сделать красивые бейджи.

P.S. Постовой. Сделайте подарок доставка цветов Москва для своей девушки.
Росблок – производство пеноблока лучший строительный материал.
Классные часы watch replicas для имиджа.
Играете в техасский покер – заходите к нам!

Теги: online-сервисы, photoshop, web 2.0, веб-дизайн, для сайта, полезное

Интересные статьи по теме

Создание полосатого фона для сайта

Tod — Mon, 27 Oct 2008 22:11:04 +0000

Фон для сайта может внести в дизайн некую изюминку – будь то деревянный паркет, красивые узоры или что-то в этом роде. Удачно подобранный backgorund позволит вашему проекту выглядеть ярко и стильно. Я уже однажды говорил о том как задать фон для сайта через свойство CSS backgorund, теперь самое время рассказать о картинках, которые для этого фона можно использовать. Они, кстати, должны выглядеть так, чтобы при заполнении всего экрана изображение смотрелось цельно, без глюков, то есть узор должен определенным образом повторяться.

В сети есть около десятка сервисов (а может и больше), которые помогут вам сгенерировать правильный фон, задавая лишь некоторые его параметры – цвет, узор и т.п. Если у вас нет желания вникать во все азы Photoshop`а – воспользуйтесь одним из сайтов ниже.

Stripe Generator

Дословно название переводится как «генератор полос» – в принципе, его оправдывает на все 100%. Вы можете выбрать расположение полос, расстояние между ними, их ширину, цвет, наличие тени – в общем, практически все:

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

StripeMania

Еще один сайт для поклонников полосок. Здесь используется немного другой принцип создания изображения – вы можете добавлять несколько разных цветовых решений для полосок. Если в первом сервисе указывается общий цвет для всех полос, то здесь можно сделать определенное число различных цветовых решений, которые будут повторяться. Кроме того, есть и общие настройки – ширина и направленность полос, отступы между ними, цвет фона. Кстати можно задавать градиентный переход между двумя цветами одной полосы.

Tartanmaker

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

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

P.S. Если у вы ведете тематический блог о дизайне – предлагаю обменяться постовыми. Для иных тематик предлагаю купить ссылку за $3 – скоро ап и показатели как раз подрастут:)

Burn Commercial – реклама энергетического напитка на грани фола.

Теги: background, online-сервисы, обзоры, полезное, фон, фон для сайта

Интересные статьи по теме

Сайт-архив шрифтов dafont.com

Tod — Wed, 08 Oct 2008 21:55:56 +0000

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

Предлагаю вашему вниманию англо-французский проект dafont.com. Увидев его впервые, я практически не мог оторваться. В базе имеется около 8300 шрифтов! Бродить по сайту можно несколько часов без перерыва, скачать хочется практически каждый файл:)

Все шрифты разбиты по категориям:

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

Кроме того, на сайте есть разделы «новые шрифты» и «top 100», где собраны лучшие образцы. Жаль, нет возможности подписаться на RSS добавляемых файлов. Шрифты отображаются в виде списка:

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

Для поиска по шрифтам есть специальная форма + алфавитный рубрикатор. Можно воспользоваться списком авторов и найти все работы какого-то конкретного человека. Из полезностей стоит отметить страницу помощи, где собраны ответы на некоторые популярные вопросы – как установить шрифт под разные операционные системы и т.п. Есть также набор программных продуктов для работы со шрифтами с кратким описанием их функций. Хотя там все программы платные. По поводу софта могу порекомендовать классный манеджер шрифтов FontExpert (+crack).

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

P.S. Вы можете купить постовой в данном блоге для продвижения собственных проектов, стоимость одной ссылки – $3. Показатели растут, ведется раскрутка, ссылка остается навсегда.

На правах рекламы:

Теги: online-сервисы, бесплатное, полезное, полезные сайты, скачать шрифты, шрифты