<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Дизайн Мания &#187; Скачать</title>
	<atom:link href="http://design-mania.ru/category/downloads/feed/" rel="self" type="application/rss+xml" />
	<link>http://design-mania.ru</link>
	<description>все про веб-дизайн</description>
	<lastBuildDate>Thu, 09 Feb 2012 21:53:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Глянцевые (Glossy) иконки &#8211; 3 красивых бесплатных набора</title>
		<link>http://design-mania.ru/downloads/icons/glossy-3nabora/</link>
		<comments>http://design-mania.ru/downloads/icons/glossy-3nabora/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 12:27:24 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[Иконки]]></category>
		<category><![CDATA[архивы иконок]]></category>
		<category><![CDATA[бесплатные иконки]]></category>
		<category><![CDATA[иконки для сайта]]></category>
		<category><![CDATA[стильные иконки]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=4378</guid>
		<description><![CDATA[Наборы иконок не публиковались на Дизайн-мании достаточно давно, поэтому я решил, что сегодня самое время побаловать вас чем-то свежим. Следующие 3 бесплатных сборки объединены между собой общим стилем исполнения изображений, который называют как Glossy (глянцевый). Сложно не заметить, что эти иконки достаточно яркие (местами даже чрезмерно), а также весьма стильные. Если у вас есть похожие...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Наборы иконок не публиковались на Дизайн-мании достаточно давно, поэтому я решил, что сегодня самое время побаловать вас чем-то свежим. Следующие 3 бесплатных сборки объединены между собой общим стилем исполнения изображений, который называют как Glossy (глянцевый). Сложно не заметить, что эти иконки достаточно яркие (местами даже чрезмерно), а также весьма стильные. Если у вас есть похожие по дизайну сайты, то эти Glossy миниатюрные изображения их однозначно украсят. Кстати, недавно публиковал подобные картинки для разных интернет сервисов в статье про <a href="http://www.use4blog.com/design/socialnyje-ikonki/">наборы социальных иконок</a> первый из которых также исполнен в традиционно глянцевой стилистике.</p>
<p style="text-align: justify;"><strong>Glossy: Free Icon Set</strong></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-4381" title="Глянцевые (Glossy) иконки" src="http://design-mania.ru/wp-content/uploads/2012/01/glosico1.jpg" alt="Глянцевые (Glossy) иконки" width="524" height="323" /></p>
<p style="text-align: center;"><a href="http://letitbit.net/download/57851.5c069bea0cc31fc1c2a4e21d7132/glossy_icons_productivedreams.zip.html" rel="nofollow"><span style="font-size: medium;"><strong>Скачать</strong></span></a> ~ 18,7 Мб // <a href="http://sixrevisions.com/freebies/icons/glossy-free-icon-set/" rel="nofollow">Источник</a></p>
<p style="text-align: justify;">В набор Glossy: Free Icon Set входит 20 базовых иконок высокого качества. Каждая иконка представлена в шести размерах (32х32, 48х48, 64х64, 128х128, 256х256 и 512х512). Помимо этого в наборе присутствуют 48 иконок, которые «обыгрывают» различные «состояния» базовых &#8211; рядом с иконками располагаются плюсы, минусы и т.п. &#8211; полезно при разработке каких-то программных интерфейсов или приложений. По стилистике, кстати, иконки также подходят для «рабочих» сайтов &#8211; иконки пользователей, чемодана, телефона, корзины, гаечного ключа и т.п. Формат иконок — PNG, размер архива — 18,7 Mb.</p>
<p style="text-align: justify;"><strong>3D Glossy Icon Set: 20 Free Icons (with PSD)</strong></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-4382" title="бесплатные глянцевые иконки" src="http://design-mania.ru/wp-content/uploads/2012/01/glosico2.jpg" alt="бесплатные глянцевые иконки" width="479" height="288" /></p>
<p style="text-align: center;"><a href="http://letitbit.net/download/01524.08563308accb3fbde9469d4fc3e8/3d_glossy_icon_set.zip.html" rel="nofollow"><span style="font-size: medium;"><strong>Скачать</strong></span></a> ~ 1,85 Мб// <a href="http://sixrevisions.com/freebies/icons/3d-glossy-icon-set-20-free-icons-with-psd/" rel="nofollow">Источник</a></p>
<p style="text-align: justify;">3D Glossy Icon Set &#8211; это набор бесплатных трехмерных иконок от Iconshock, ракурс изображений «сверху-вниз». Выполнены все глянцевые иконки просто безупречно с точностью до каждого пикселя, выглядят красиво и интересно. Все иконки в наборе представлены в пяти размерах. Коллекция Glossy Icon Set интересна тем, что помимо конечных PNG-иконок содержит PSD исходники. Использовать данные картинки можно в любых как личных так и коммерческих проектах.</p>
<p style="text-align: justify;"><strong>Webtoys 50 icons</strong></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-4383" title="скачать Glossy иконки" src="http://design-mania.ru/wp-content/uploads/2012/01/glosico3.jpg" alt="скачать Glossy иконки" width="600" height="235" /></p>
<p style="text-align: center;"><a href="http://letitbit.net/download/98750.9edb6be841d7c503a9f0375ef14f/webtoys_50_icons_by_lazycrazy-d3l7gl8.zip.html" rel="nofollow"><span style="font-size: medium;"><strong>Скачать</strong></span></a> ~ 1,14 Мб // <a href="http://lazycrazy.deviantart.com/art/Webtoys-50-icons-217018556" rel="nofollow">Источник</a></p>
<p style="text-align: justify;">Глянцевые иконки из Webtoys 50 icons — это, во-первых, подборка достаточно внушительных размеров. Даже по превью видно, что она значительно больше двух предыдущих коллекций. В принципе, набор не имеет ярковыраженной тематики, в нем содержатся иконки на все случае жизни &#8211; здесь вам и мобильный телефон, и монитор, и дизайнерские какие-то элементы, RSS иконка, канцелярия и т.п. Размер всего набора глянцевых иконок небольшой за счет того, что представлены изображения лишь в одном формате 64х64 пикселей в PNG. Но не смотря на это, набор Webtoys 50 icons заслуживает внимания, тут явно можно что-то для себя и своего сайта найти.</p>
<p style="text-align: justify;">P.S. Работая в интернете нужно страховаться от различных ситуаций дабы <a href="http://www.isutility.com.ua/safety-guarantee.aspx">восстановить данные</a> со своего сайта или компьютера было возможно &#8211; обращайтесь к профессионалам.<br />
Съем жилья на сайтах значительно дешевле номеров в отелях, предложений <a href="http://podobovo.kiev.ua">аренда посуточно Киев</a> вполне достаточно чтобы выбрать себе квартиру подходящую по деньгам и условиям.</p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2012. | <a href="http://design-mania.ru/downloads/icons/glossy-3nabora/#comments">1 комментарий</a> | Категория <a href="http://design-mania.ru/category/downloads/icons/" title="View all posts in Иконки" rel="category tag">Иконки</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/arxivy-ikonok/" title="архивы иконок">архивы иконок</a>, <a href="http://design-mania.ru/tag/besplatnye-ikonki/" title="бесплатные иконки">бесплатные иконки</a>, <a href="http://design-mania.ru/tag/ikonki-dlya-sajta/" title="иконки для сайта">иконки для сайта</a>, <a href="http://design-mania.ru/tag/stilnye-ikonki/" title="стильные иконки">стильные иконки</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/downloads/icons/vysokogo-kachestva1/" title="Наборы иконок очень высокого качества (06.11.2011)">Наборы иконок очень высокого качества</a> (1)</li>
	<li><a href="http://design-mania.ru/downloads/icons/icontoucan/" title="IconToucan — оригинальный архив бесплатных иконок (20.07.2011)">IconToucan — оригинальный архив бесплатных иконок</a> (3)</li>
	<li><a href="http://design-mania.ru/downloads/icons/black-style/" title="Красивые и стильные темные иконки (05.12.2008)">Красивые и стильные темные иконки</a> (2)</li>
	<li><a href="http://design-mania.ru/downloads/icons/populyarnye-smartfony/" title="Иконки популярных смартфонов + вектор AI (04.10.2011)">Иконки популярных смартфонов + вектор AI</a> (1)</li>
	<li><a href="http://design-mania.ru/downloads/icons/cutie/" title="Иконки Cutie &#8211; бесплатный набор + архив иконок (04.05.2011)">Иконки Cutie &#8211; бесплатный набор + архив иконок</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/downloads/icons/glossy-3nabora/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Коллекция «TEN» от Fotolia &#8211; бесплатные PSD лучших художников</title>
		<link>http://design-mania.ru/designers/kollekciyaten-fotolia/</link>
		<comments>http://design-mania.ru/designers/kollekciyaten-fotolia/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 02:28:37 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[PSD исходники]]></category>
		<category><![CDATA[Дизайнеры и блоги]]></category>
		<category><![CDATA[Полезные сайты]]></category>
		<category><![CDATA[Разное]]></category>
		<category><![CDATA[PSD]]></category>
		<category><![CDATA[видео]]></category>
		<category><![CDATA[дизайнеру]]></category>
		<category><![CDATA[дизайнеры]]></category>
		<category><![CDATA[обучение]]></category>
		<category><![CDATA[работы дизайнеров]]></category>
		<category><![CDATA[скачать PSD]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=4194</guid>
		<description><![CDATA[Известный фотобанк Fotolia запустил весьма необычный проект, который, уверен, будет интересен всем начинающим и более опытными дизайнерам. Коллекция «TEN» это 10 графических иллюстраций одних из лучших 10 цифровых художников по заданным 10 разным темам. И все это в течении 10 месяцев. Суть проекта заключается в том, что каждый месяц один из выбранных художников должен создать...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Известный фотобанк Fotolia запустил весьма необычный проект, который, уверен, будет интересен всем начинающим и более опытными дизайнерам. Коллекция «TEN» это 10 графических иллюстраций одних из лучших 10 цифровых художников по заданным 10 разным темам. И все это в течении 10 месяцев. Суть проекта заключается в том, что каждый месяц один из выбранных художников должен создать некоторую иллюстрацию на определенную тему, после этого работа размещается на официальном сайте акции <a href="http://ru.tenbyfotolia.com/" rel="nofollow"><span style="font-size: medium;"><strong>коллекция «TEN»</strong></span></a>, где каждый желающий в течении суток может <strong>бесплатно скачать</strong> исходный файл в формате PSD со всеми слоями и т.п.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-4196" title="Коллекция «TEN» от Fotolia" src="http://design-mania.ru/wp-content/uploads/2012/01/fotoliten1.jpg" alt="Коллекция «TEN» от Fotolia" width="600" height="372" /></p>
<p style="text-align: justify;">С одной стороны Fotolia придумала весьма оригинальный метод своей рекламы и популяризации сервиса. Во-первых, новость так или иначе затронет многие тематические сайты, издания и всех небезразличных людей, во-вторых, одним из условием создания иллюстрации есть то, что художники могут бесплатно использовать в работе любые изображения фотобанка Fotolia. Собственно, посмотрев что и как можно создать, не исключено, желающих использовать фотобанки в работе, так или иначе, увеличится. Сам считаю, что такой подход весьма оправдан &#8211; за относительно небольшую сумму можно получить действительно качественные изображения для дальнейшей работы.</p>
<p style="text-align: justify;">С другой стороны <a href="http://envynews.net/category/web/">интернет</a> сервис Fotolia сделал очень полезную акцию. Все заинтересованные дизайнеры и художники смогут бесплатно скачать PSD файл иллюстрации в разрешении 150 DPI. С помощью него можно будет разобрать детально технику работы того или иного цифрового художника, его методы работы, специфику и нюансы. В каждом из файлов <strong>будут доступны все слои</strong>. Скачать бесплатно файл можно будет в течении суток, после чего у вас будет возможность его купить в любое время с разрешением 300 DPI для личных или коммерческих целей. Стоимость,  в принципе, не большая &#8211; $9, но лучше с этим не затягивать и скачать Free версию. Запомнить дату появления новой работы очень просто &#8211; 10-ое число каждого следующего месяца.</p>
<p style="text-align: justify;">Отдельных слов заслуживает сам сайт <a href="http://ru.tenbyfotolia.com/">коллекция «TEN»</a> &#8211; сделано там все очень стильно, красиво и функционально, я бы сказал, мастерски. В данный момент отображается работа веб-дизайнера Xavier Bourdil из Парижа, ее тематика &#8220;Семья&#8221;.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-4197" title="бесплатные PSD известных художников" src="http://design-mania.ru/wp-content/uploads/2012/01/fotoliten2.jpg" alt="бесплатные PSD известных художников" width="600" height="327" /></p>
<p style="text-align: justify;">При наведении на картинку, сверху увидите элементы навигации, где есть можно посмотреть интервью, файлы, детали изображение и картинку полностью. Самое крутое здесь это видео-интервью.</p>
<p style="text-align: center;"><iframe src="http://player.vimeo.com/video/34323047?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="601" height="338"></iframe></p>
<p style="text-align: justify;">Не знаю как вас, но увиденные видеоряд, можно сказать короткометражный фильм со своей историей, стилем, характером, задевает за живое и очень вдохновляет. Поскольку художники не наши, в видео имеются субтитры дабы вам была понятно о чем говорит главный герой. На данный момент в коллекции «TEN» представлены 2 дизайнера &#8211; Xavier Bourdil и Pierre Doucin. Вы можете посетить их персональные сайты дабы посмотреть работы, хотя (повторюсь) видео как нельзя лучше представит их для вас.</p>
<blockquote>
<p style="text-align: justify;"><strong>Xavier Bourdil (trustinelements.com)</strong>. Графический художник и веб-дизайнер из Парижа. Прежде, чем стать графическим дизайнеров, изучал литературу в течение пяти лет. И каким бы странным не был его путь, сегодня, в возрасте 25 лет, он создает особый стиль и удивительные работы с абстрактными и геометрическими формами, шрифтами и манипуляциями.</p>
</blockquote>
<p style="text-align: center;"><img class="alignnone size-full wp-image-4198" title="Коллекция «TEN» от Fotolia" src="http://design-mania.ru/wp-content/uploads/2012/01/fotoliten3.jpg" alt="Коллекция «TEN» от Fotolia" width="600" height="405" /></p>
<blockquote>
<p style="text-align: justify;"><strong>Pierre Doucin (soemone.com)</strong>. имел стремительный взлет. Менее чем за четыре года, он превратился из неизвестного никому за пределами Франции художника во всемирно известную фигуру street art (уличного искусства). Улица часто вдохновляет его стиль, смешанный со светом и эффектами движения. &#8220;Все, что я узнал, приходит от уличного искусства&#8221;, говорит он.</p>
</blockquote>
<p style="text-align: center;"><iframe src="http://player.vimeo.com/video/33333660?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="601" height="338"></iframe></p>
<p style="text-align: justify;">Судя по пресс релизу, следующим будет Emeric Trahand (cargocollective.com/stillontherun), что живет и работает в Нью-Йорке. Должно быть интересно. В целом, проект коллекция «TEN» от Fotolia достоит вашего внимания, если вы занимаетесь веб-дизайном профессионально. Это шанс посмотреть технику и методику работы лучших художников, можно сказать бесценный опыт (особенно для начинающих). Скачать <a href="http://design-mania.ru/category/downloads/psd-files/">бесплатные PSD файлы</a> со слоями сможете каждого 10-го числа месяца, не упустите!</p>
<p style="text-align: justify;">P.S. <a href="http://photogenica.ru">Фотобанк</a> Фотодженика &#8211; самый удобный фотосток для русских дизайнеров:15 млн картинок для ваших проектов, цены от 33р, оплата WebMoney, Я.Д, безнал..<br />
Начинающие манимейкеры должны с самого начала узнать <a href="http://sitemaste.ru">как создать сайт</a>, потом его развивать, улучшать и научиться продвижению в поисковых системах.<br />
После того как ваш интернет проект окрепнет, можно почитать статьи <a href="http://inet-earn.ru/">как заработать в интернете</a> и начинать применять различные варианты монетизации и получшения дохода.</p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2012. | <a href="http://design-mania.ru/designers/kollekciyaten-fotolia/#comments">1 комментарий</a> | Категория <a href="http://design-mania.ru/category/downloads/psd-files/" title="View all posts in PSD исходники" rel="category tag">PSD исходники</a>, <a href="http://design-mania.ru/category/designers/" title="View all posts in Дизайнеры и блоги" rel="category tag">Дизайнеры и блоги</a>, <a href="http://design-mania.ru/category/tools/coolsites/" title="View all posts in Полезные сайты" rel="category tag">Полезные сайты</a>, <a href="http://design-mania.ru/category/inspiration/other/" title="View all posts in Разное" rel="category tag">Разное</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/psd/" title="PSD">PSD</a>, <a href="http://design-mania.ru/tag/video/" title="видео">видео</a>, <a href="http://design-mania.ru/tag/dizajneru/" title="дизайнеру">дизайнеру</a>, <a href="http://design-mania.ru/tag/dizajnery/" title="дизайнеры">дизайнеры</a>, <a href="http://design-mania.ru/tag/obuchenie/" title="обучение">обучение</a>, <a href="http://design-mania.ru/tag/raboty-dizajnerov/" title="работы дизайнеров">работы дизайнеров</a>, <a href="http://design-mania.ru/tag/skachat-psd/" title="скачать PSD">скачать PSD</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/designers/pete-harrison/" title="Пит Харисон (Pete Harrison) &#8211; дизайнер из Лондона (14.09.2008)">Пит Харисон (Pete Harrison) &#8211; дизайнер из Лондона</a> (5)</li>
	<li><a href="http://design-mania.ru/downloads/psd-files/uielements/" title="Наборы элементов интерфейса UI для фотошопа (22.06.2011)">Наборы элементов интерфейса UI для фотошопа</a> (4)</li>
	<li><a href="http://design-mania.ru/designers/blog-uroki-dizajna/" title="Блог &#8220;Уроки дизайна&#8221; Сергея Макельского по графическом дизайну (13.12.2011)">Блог &#8220;Уроки дизайна&#8221; Сергея Макельского по графическом дизайну</a> (0)</li>
	<li><a href="http://design-mania.ru/downloads/psd-files/phones/" title="Телефоны в PSD: настенный, iPhone 3G-3GS и Blackberry (15.09.2009)">Телефоны в PSD: настенный, iPhone 3G-3GS и Blackberry</a> (3)</li>
	<li><a href="http://design-mania.ru/tools/coolsites/ilconte/" title="Социальная сеть для дизайнеров-профессионалов il Conte (22.03.2011)">Социальная сеть для дизайнеров-профессионалов il Conte</a> (15)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/designers/kollekciyaten-fotolia/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Кнопки в стиле Google+, скачать 200 иконок Google+</title>
		<link>http://design-mania.ru/web-design/articles/knopki-googleplus/</link>
		<comments>http://design-mania.ru/web-design/articles/knopki-googleplus/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 14:31:17 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[Веб-дизайн]]></category>
		<category><![CDATA[Верстка]]></category>
		<category><![CDATA[Иконки]]></category>
		<category><![CDATA[Статьи]]></category>
		<category><![CDATA[css стили]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[иконки для сайта]]></category>
		<category><![CDATA[иконки сервисов]]></category>
		<category><![CDATA[кнопки для сайта]]></category>
		<category><![CDATA[монохромные иконки]]></category>
		<category><![CDATA[примеры кода]]></category>
		<category><![CDATA[фреймворк]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=3747</guid>
		<description><![CDATA[Социальная сеть Google+, даже находясь в стадии бета-тестирования, ураганом ворвалась в жизнь продвинутых пользователей, поэтому не стоит удивляться тому интересу который данная социальная сеть вызывает, в том числе и у веб-дизайнеров, разработчиков и seo оптимизаторов. Этот интерес достаточно велик и постоянно &#8220;подогревается&#8221; разработчиками Google, которые постоянно усовершенствуют проект и добавляют интеграцию с другим своими сервисами...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Социальная сеть Google+, даже находясь в стадии бета-тестирования, ураганом ворвалась в жизнь продвинутых пользователей, поэтому не стоит удивляться тому интересу который данная социальная сеть вызывает, в том числе и у веб-дизайнеров, разработчиков и <a href="http://gowebnow.com/seo/">seo оптимизаторов</a>. Этот интерес достаточно велик и постоянно &#8220;подогревается&#8221; разработчиками Google, которые постоянно усовершенствуют проект и добавляют интеграцию с другим своими сервисами. Так, например, среди сеошников популярностью пользуются кнопки и <a href="http://design-mania.ru/downloads/icons/googleplus/">иконки Google+</a> которые позволяют добавлять &#8220;+1&#8243; для вашего сайта или страницы.</p>
<p style="text-align: justify;">Но не &#8220;+1&#8243; единым, в последний год внешний вид Google+ диктовал моду и другим сервисам компании Google, которые  подверглись изменению дизайна и стиля оформления. Общим элементом для многих проектов можно выделить стильное меню вверху страницы, похожие иконки, кнопки управления да и вообще много разных элементов, что можно найти во всех проектах &#8211; от почты Gmail до Google Reader. Cегодня представляю вашему внимаю интересный набор кнопок в стиле Google+, найденные на сайте shrapp.nl. Набор этот является не просто иконками социальной сети Google+, а скорее целым фреймворком позволяющим добавить кнопки из интерфейса Google+ на свой сайт.</p>
<p style="text-align: center;"><img title="иконки google+" src="http://design-mania.ru/wp-content/uploads/2011/11/googleplusico1.jpg" alt="иконки google+" width="640" height="430" /></p>
<p style="text-align: justify;">Посмотреть демо как работают кнопки Google+, скачать эти иконки и почитать документацию по их установке можете на <a href="http://shrapp.nl/post/google-plus-ui-buttons" rel="nofollow"><strong>этой странице</strong></a>. Во-первых, вы, конечно. можете просто сказать эти симпатичные минималистические иконки для разных действий, ситуаций и т.п. дабы использовать в своем дизайне или сайте. Более продвинутый вариант &#8211; это подключение фреймворка (скриптов) для применения иконок через css cтили легко и быстро.</p>
<h2 style="text-align: justify;">Установка кнопок Google+</h2>
<p style="text-align: justify;">Полная и более детальная инструкция может быть найдена по ссылке, указанной выше &#8211; там есть разные варианты и примеры использования. Я лишь рассмотрю процесс установки + один из вариантов применения кнопок после того как вы скачали соответствующий архив.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-3751" title="фреймворк кнопки google+" src="http://design-mania.ru/wp-content/uploads/2011/11/googleplusico2.jpg" alt="фреймворк кнопки google+" width="640" height="369" /></p>
<p style="text-align: justify;">Итак, порядок установки:</p>
<p style="text-align: justify;"><strong>1.</strong> Поместите файл css и изображения в корневую директорию сайта, ну или туда где у вас располагаются стили для шаблона.</p>
<p style="text-align: justify;"><strong>2.</strong> «Подключите» таблицу стилей для этого добавьте в код ссылку вида (добавляется где угодно между &lt;head&gt; и &lt;/head&gt;):</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>link rel<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;stylesheet&quot;</span> href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;css/css3-buttons.css&quot;</span> type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/css&quot;</span> media<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;screen&quot;</span><span style="color: #339933;">&gt;</span></pre></div></div>

<p style="text-align: justify;"><strong>3.</strong> Далее подключим jQuery TipTip плагин и соответствующую таблицу стилей (добавляется где угодно между &lt;head&gt; и &lt;/head&gt;):</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;!--</span> Using TipTip jQuery plugin <span style="color: #b1b100;">for</span> the tooltips <span style="color: #339933;">--&gt;</span>
<span style="color: #339933;">&lt;</span>link rel<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;stylesheet&quot;</span> href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;tiptip.css&quot;</span> type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/css&quot;</span>  media<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;screen&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>script src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>script src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;jquery.tiptip.js&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>script<span style="color: #339933;">&gt;</span>
        $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>ready<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #666666; font-style: italic;">// Launch TipTip tooltip</span>
                $<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'.tiptip a.button, .tiptip button'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>tipTip<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span></pre></div></div>

<p style="text-align: justify;"><strong>4.</strong> Если вам нужны dropdown (выпадающее) меню, добавляем также:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script<span style="color: #339933;">&gt;</span>
        $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>ready<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #666666; font-style: italic;">// Toggle the dropdown menu's</span>
                $<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;.dropdown .button, .dropdown button&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>click<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                        $<span style="color: #009900;">&#40;</span>this<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>parent<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>find<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'.dropdown-slider'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>slideToggle<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'fast'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        $<span style="color: #009900;">&#40;</span>this<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>find<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'span.toggle'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>toggleClass<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'active'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// END document.ready</span>
&nbsp;
        <span style="color: #666666; font-style: italic;">// Close open dropdown slider/s by clicking elsewhwere on page</span>
        $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>bind<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'click'</span><span style="color: #339933;">,</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>e<span style="color: #339933;">.</span>target<span style="color: #339933;">.</span>id <span style="color: #339933;">!=</span> $<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'.dropdown'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>attr<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'class'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                        $<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'.dropdown-slider'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>slideUp<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        $<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'span.toggle'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>removeClass<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'active'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// END document.bind</span>
<span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span></pre></div></div>

<p style="text-align: justify;">На этом установку можно считать законченной. Теперь чтобы, например, вывести вот такие кнопки:</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-3754" title="кнопки google+" src="http://design-mania.ru/wp-content/uploads/2011/11/googleplusico3.jpg" alt="кнопки google+" width="640" height="82" /></p>
<p style="text-align: justify;">&#8230; добавляете код:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;a href=&quot;#&quot; class=&quot;button left&quot;&gt;&lt;span class=&quot;label&quot;&gt;Left&lt;/span&gt;&lt;/a&gt;
&lt;a href=&quot;#&quot; class=&quot;button middle&quot;&gt;&lt;span class=&quot;label&quot;&gt;Middle&lt;/span&gt;&lt;/a&gt;
&lt;a href=&quot;#&quot; class=&quot;button right&quot;&gt;&lt;span class=&quot;label&quot;&gt;Right&lt;/span&gt;&lt;/a&gt;
&nbsp;
&lt;a href=&quot;#&quot; class=&quot;button left&quot;&gt;&lt;span class=&quot;icon icon63&quot;&gt;&lt;/span&gt;&lt;/a&gt;
&lt;a href=&quot;#&quot; class=&quot;button middle&quot;&gt;&lt;span class=&quot;icon icon58&quot;&gt;&lt;/span&gt;&lt;/a&gt;
&lt;a href=&quot;#&quot; class=&quot;button right&quot;&gt;&lt;span class=&quot;icon icon64&quot;&gt;&lt;/span&gt;&lt;/a&gt;</pre></div></div>

<p style="text-align: justify;">То есть за счет фреймворка все кнопки Google+ можно отображать через css и html путем несложных действий. Другие примеры использования кнопок в стиле Google+ можете найти в документации, на которую я ссылался ранее. В принципе нет ничего сложного, а получается весьма симпатично и стильно &#8211; особенно это, думаю, актуально будет для разработок каких-то внутрикопроративных сайтов, где кнопки будут использоваться для интерфейса системы.</p>
<p style="text-align: justify;">P.S. Заказать книги в интернете теперь стало еще проще, специальный <a href="http://kutuzov.ua/">книжный интернет магазин</a> имеет весьма широкий ассортимент и услугу доставки книг.<br />
Для очищения организма от вредных элементов и шлаков помогают <a href="http://recipes.in.ua/category/postnye-blyuda/">постные блюда</a> рецепты которых в большом количестве вы сможете найти на нашем сайте.<br />
Иногда для подъемов грузов заказывают специальную услугу <a href="http://www.rpp1-lift.com.ua/ru/elevators/">наладка подъемников</a> причем разных типов &#8211; от шахтных до кухонных и различных подъемных столов.</p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2011. | <a href="http://design-mania.ru/web-design/articles/knopki-googleplus/#comments">Комментариев - 2</a> | Категория <a href="http://design-mania.ru/category/web-design/" title="View all posts in Веб-дизайн" rel="category tag">Веб-дизайн</a>, <a href="http://design-mania.ru/category/web-design/html-css/" title="View all posts in Верстка" rel="category tag">Верстка</a>, <a href="http://design-mania.ru/category/downloads/icons/" title="View all posts in Иконки" rel="category tag">Иконки</a>, <a href="http://design-mania.ru/category/web-design/articles/" title="View all posts in Статьи" rel="category tag">Статьи</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/css/" title="css стили">css стили</a>, <a href="http://design-mania.ru/tag/google/" title="google">google</a>, <a href="http://design-mania.ru/tag/ikonki-dlya-sajta/" title="иконки для сайта">иконки для сайта</a>, <a href="http://design-mania.ru/tag/ikonki-servisov/" title="иконки сервисов">иконки сервисов</a>, <a href="http://design-mania.ru/tag/knopki-dlya-sajta/" title="кнопки для сайта">кнопки для сайта</a>, <a href="http://design-mania.ru/tag/monoxromnye-ikonki/" title="монохромные иконки">монохромные иконки</a>, <a href="http://design-mania.ru/tag/primery-koda/" title="примеры кода">примеры кода</a>, <a href="http://design-mania.ru/tag/frejmvork/" title="фреймворк">фреймворк</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/web-design/html-css/w3school/" title="Школа W3 Schools для веб разработчиков (05.02.2011)">Школа W3 Schools для веб разработчиков</a> (3)</li>
	<li><a href="http://design-mania.ru/web-design/html-css/fonovoe-slajdshou3/" title="Фоновое слайдшоу изображений на весь экран с помощью CSS3 (02.02.2012)">Фоновое слайдшоу изображений на весь экран с помощью CSS3</a> (0)</li>
	<li><a href="http://design-mania.ru/web-design/html-css/fonsajta-naves-ekran/" title="Фон для сайта с картинкой на весь экран (background-size) (18.12.2011)">Фон для сайта с картинкой на весь экран (background-size)</a> (5)</li>
	<li><a href="http://design-mania.ru/web-design/html-css/textcss3/" title="Оформление текста с помощью CSS3 на практике (23.09.2011)">Оформление текста с помощью CSS3 на практике</a> (4)</li>
	<li><a href="http://design-mania.ru/downloads/icons/dlya-tvittera/" title="Эксклюзивные твиттер иконки для блога (03.02.2010)">Эксклюзивные твиттер иконки для блога</a> (9)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/web-design/articles/knopki-googleplus/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Наборы иконок очень высокого качества</title>
		<link>http://design-mania.ru/downloads/icons/vysokogo-kachestva1/</link>
		<comments>http://design-mania.ru/downloads/icons/vysokogo-kachestva1/#comments</comments>
		<pubDate>Sun, 06 Nov 2011 11:47:57 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[Иконки]]></category>
		<category><![CDATA[архивы иконок]]></category>
		<category><![CDATA[бесплатные иконки]]></category>
		<category><![CDATA[скачать иконки]]></category>
		<category><![CDATA[стильные иконки]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=3455</guid>
		<description><![CDATA[Иконки высочайшего качества никогда не бывают лишними, поэтому я в очередной раз не вижу повода скрывать от ваших глаз эти вызывающие восторг наборы. Как правило, в таких архивах не так много самих иконок, но ведь каждая из них требует очень большой проработки в плане деталей. Также за счет высочайшего качества эти иконки можно использовать не...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Иконки высочайшего качества никогда не бывают лишними, поэтому я в очередной раз не вижу повода скрывать от ваших глаз эти вызывающие восторг наборы. Как правило, в таких архивах не так много самих иконок, но ведь каждая из них требует очень большой проработки в плане деталей. Также за счет высочайшего качества эти иконки можно использовать не только как, например, миниатюрные изображения для разделов, а полноценные иллюстрации в <a href="http://www.use4blog.com/design/">дизайне блога</a> или сайта.</p>
<h2 style="text-align: justify;">IsoIcons Workspace</h2>
<p style="text-align: center;"><img class="alignnone size-full wp-image-3458 aligncenter" title="качественные иконки" src="http://design-mania.ru/wp-content/uploads/2011/11/ico1.jpg" alt="качественные иконки" width="500" height="202" /></p>
<p style="text-align: center;"><a href="http://letitbit.net/download/95036.9a9193a03fe55d0aca7a12f16ec9/IsoIcons_Workspace.zip.html" rel="nofollow"><strong><span style="font-size: medium;">Скачать</span></strong></a> ~ 500 Кб // <a href="http://artdesigner.lv/archives/638" rel="nofollow">Источник</a></p>
<p style="text-align: justify;">IsoIcons — набор изометрических иконок в формате 128х128 пикселей. Основной мотив комплекта обозначен в его названии — “рабочее пространство”. Поэтому вы найдете здесь все изображения связанные с этим понятием &#8211; будь то ноутбук, рабочее кресло, стол, планшет или mac компьютер. Иконки, как видите, тщательно проработаны и здорово смотрятся.  Формат изображений PNG, занимают не так много.</p>
<h2 style="text-align: justify;">This is ART 2</h2>
<p style="text-align: center;"><img class="alignnone size-full wp-image-3459 aligncenter" title="иконки высокого качества" src="http://design-mania.ru/wp-content/uploads/2011/11/ico2.jpg" alt="иконки высокого качества" width="400" height="492" /></p>
<p style="text-align: center;"><a href="http://letitbit.net/download/86584.856cbd8e4d25dda2130dd07f8889/this_is_art_2_by_svengraph-d2r5grg.zip.html" rel="nofollow"><span style="font-size: medium;"><strong>Скачать</strong></span></a> ~ 7 Мб // <a href="http://svengraph.deviantart.com/art/This-is-ART-2-166536988">Источник</a></p>
<p style="text-align: justify;">ThisisART 2 — коллекция из 12 иконок весьма приличного размера 512х512 пикселей. Впечатляет качество и уровень детализации иконок. Формат иконок &#8211; .ico или .icns. Тематика данных изображений &#8211; все что связано с искусством, фотографией, дизайном и кино. Набор хорошо подойдет для персонального блога / сайта дизайнера или даже студии &#8211; есть понятия коддинга, веб-дизайна, рекламы, иллюстраций и т.п. Весьма и весьма симпатичный набор иконок.</p>
<p style="text-align: justify;">P.S. В соответствии с последними постановлениями правительства нужно использовать <a title="корректировочные счета фактуры" href="http://www.diadoc.ru/articles/scheta-faktury/korrektirovochnye-scheta-faktury">корректировочные счета фактуры</a> для того чтобы исправить основной счет-фактуру.</p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2011. | <a href="http://design-mania.ru/downloads/icons/vysokogo-kachestva1/#comments">1 комментарий</a> | Категория <a href="http://design-mania.ru/category/downloads/icons/" title="View all posts in Иконки" rel="category tag">Иконки</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/arxivy-ikonok/" title="архивы иконок">архивы иконок</a>, <a href="http://design-mania.ru/tag/besplatnye-ikonki/" title="бесплатные иконки">бесплатные иконки</a>, <a href="http://design-mania.ru/tag/skachat-ikonki/" title="скачать иконки">скачать иконки</a>, <a href="http://design-mania.ru/tag/stilnye-ikonki/" title="стильные иконки">стильные иконки</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/downloads/icons/cutie/" title="Иконки Cutie &#8211; бесплатный набор + архив иконок (04.05.2011)">Иконки Cutie &#8211; бесплатный набор + архив иконок</a> (0)</li>
	<li><a href="http://design-mania.ru/downloads/icons/glossy-3nabora/" title="Глянцевые (Glossy) иконки &#8211; 3 красивых бесплатных набора (24.01.2012)">Глянцевые (Glossy) иконки &#8211; 3 красивых бесплатных набора</a> (1)</li>
	<li><a href="http://design-mania.ru/downloads/icons/googleplus/" title="Бесплатные Google+ иконки (06.08.2011)">Бесплатные Google+ иконки</a> (4)</li>
	<li><a href="http://design-mania.ru/downloads/icons/icontoucan/" title="IconToucan — оригинальный архив бесплатных иконок (20.07.2011)">IconToucan — оригинальный архив бесплатных иконок</a> (3)</li>
	<li><a href="http://design-mania.ru/downloads/icons/newyear11/" title="Новогодние иконки для сайтов и блогов (25.12.2010)">Новогодние иконки для сайтов и блогов</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/downloads/icons/vysokogo-kachestva1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Использование текстур в веб-дизайне</title>
		<link>http://design-mania.ru/web-design/articles/tekstura-vdizajne/</link>
		<comments>http://design-mania.ru/web-design/articles/tekstura-vdizajne/#comments</comments>
		<pubDate>Wed, 26 Oct 2011 13:11:42 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[Веб-дизайн]]></category>
		<category><![CDATA[Статьи]]></category>
		<category><![CDATA[Текстуры]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[дизайнеру]]></category>
		<category><![CDATA[советы и рекомендации]]></category>
		<category><![CDATA[текстуры]]></category>
		<category><![CDATA[уроки веб дизайна]]></category>
		<category><![CDATA[эффективный дизайн]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=3410</guid>
		<description><![CDATA[Какой самый простой, правильный, а иногда и единственно возможный способ создать иллюзию рельефа того или иного элемента (объекта) в веб-дизайне (а так же в 2D в целом, и естественно 3D)? Правильно — использовать текстуру! Будучи «материалом» универсальным, текстуры широко используются в веб-дизайне и является объектом бесконечных экспериментов. Текстуры на сайтах можно встретить как простые, которые...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Какой самый простой, правильный, а иногда и единственно возможный способ создать иллюзию рельефа того или иного элемента (объекта) в веб-дизайне (а так же в 2D в целом, и естественно 3D)? Правильно — использовать текстуру! Будучи «материалом» универсальным, текстуры широко используются в веб-дизайне и является объектом бесконечных экспериментов. Текстуры на сайтах можно встретить как простые, которые лишь подчеркивает те или иные элементы проекта, так и гораздо более сложные реализации. Вдохновившись <a href="http://speckyboy.com/2011/09/15/how-textures-can-make-a-huge-difference-in-your-design/" rel="nofollow">этой публикацией</a> предлагаю рассмотреть несколько вариантов использования текстур:</p>
<h3 style="text-align: justify;">«Тонкое» использование текстуры</h3>
<p style="text-align: justify;">Хотите разнообразить простой однотонный или градиентный фон — добавьте «легкую» текстуру, которая не будет бросаться в глаза и резко контрастировать, но вместе с тем, усложнит и облагородит фон. Также это позволит немного выделить те или иные объекты, привлекая к ним внимание пользователя.</p>
<p style="text-align: justify;">Примером использования текстуры в этом ключе может послужить сайт LogoGalas. На сайте используются разные вариации синего цвета, как для фона, так и для шрифтов, сверху имеется темная полоса фона с меню и поиском, остальная часть страницы более светлая.</p>
<p style="text-align: center;"><img class="size-full wp-image-3411 aligncenter" title="небольшая текстура" src="http://design-mania.ru/wp-content/uploads/2011/10/textture1.jpg" alt="небольшая текстура" width="640" height="357" /></p>
<p style="text-align: justify;">Обратите внимание на еле различимую текстуру в верхней части сайта (там где находится логотип и верхняя навигация). Отличный образец умелой работы с текстурами! Это помогает сделать переход между оттенками фона более заметным и &#8220;интересным&#8221;.</p>
<p style="text-align: justify;">Другой пример — сайт W+K Studio. Здесь текстура используется вместе с эффектом градиента для фона.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-3412" title="текстура на фоне" src="http://design-mania.ru/wp-content/uploads/2011/10/textture2.jpg" alt="текстура на фоне" width="640" height="357" /></p>
<p style="text-align: justify;">Причем в данном случае «легкая» и весьма простая текстура добавляет глубины и «богатства» этому самому градиентному фону.</p>
<h3 style="text-align: justify;">Текстура как «грубая сила»</h3>
<p style="text-align: justify;">В противовес «тонким» деликатным текстурам, которые ненавязчиво добавляют детализации, иногда хорошо работают яркие контрастные текстуры, задающие основной тон и настроение композиции. Чаще всего подобные текстуры в веб-дизайне используются для выделения заголовков или добавления контраста между разными колонками контента на сайте. Нужно достаточно аккуратно относится к «тяжелым» текстурам, так как они могут отвлекать пользователя от наполнения страницы и переманивать на себя все внимание, что не есть хорошо.</p>
<p style="text-align: justify;">Яркий пример второго варианта использования текстур — сайт Church on the Rock, где «сильные» текстуры применяются достаточно  широко.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-3413" title="множество текстур в дизайне" src="http://design-mania.ru/wp-content/uploads/2011/10/textture3.jpg" alt="множество текстур в дизайне" width="640" height="357" /></p>
<p style="text-align: justify;">По сути, весь дизайн (особенно в его верхней части) Church on the Rock «замешан» на контрастных текстурах и их взаимодействии: отдельные области сайта выделяются разными текстурами, при прокрутке вниз используется обычный одноцветный фон.</p>
<p style="text-align: justify;">Не менее показательным является дизайн сайта Narfstuff, где текстура фона представляет из себя ярчайшее пятно. Сверху в шапке сайта использовано множество различных элементов и приемов веб-дизайна, текстуры при этом выделяют отдельные области страницы.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-3414" title="текстура на сайте" src="http://design-mania.ru/wp-content/uploads/2011/10/textture4.jpg" alt="текстура на сайте" width="640" height="357" /></p>
<p style="text-align: justify;">При прокрутке вниз текстура через плавное размытие переходит к белому цвету &#8211; хороший прием смены насыщенной шапки на совершенно &#8220;минималистичное продолжение&#8221; внизу веб-страницы.</p>
<p style="text-align: justify;">В общем, если говорить о текстура в веб-дизайне, то это очень интересный и полезный элемент, с его помощью можно добиться весьма примечательных результатов. Лично я очень люблю добавлять различного рода текстуры для блогов, так как это помогает шаблону смотреться более емко, эффектно и выделяет основное содержимое сайта. Кстати, советую глянуть статью про <a href="http://design-mania.ru/tools/online/background2/">оригинальные генераторы бэкграундов (background)</a> &#8211; найдете парочку полезных онлайн сервисов, с помощью которых можно создать красивые текстуры для фона веб-страницы. Вообще используя текстуры можно добиться самого разного результата. В конечном счете все определяет та цель которую вы преследуете, а подходящая текстура найдется всегда!</p>
<p style="text-align: justify;">P.S. На сайте Шпаргалка Блоггера вы можете найти статью о том как установить <a href="http://shpargalkablog.ru/2011/08/fon-dlya-saita-html.html">фон для сайта на html</a> и многие другие публикации о дизайне, верстке в помощь начинающим пользователям.<br />
Приобрели новый модный и дорогой девайс? Сразу же советуем вам <a href="http://iphonecase.kiev.ua/ru/subcats/4-ipad-2">купить чехол для ipad 2</a> или другого вашего планшета, что буквально поможет продолжить его срок эксплуатации.<br />
Сломалась стиральная машина? – лучше заказать профессиональный <a href="http://5zvezd.kiev.ua/">ремонт стиральных машин</a> у тех, кто разбирается в этом дабы не получить в скором будущем новые поломки.</p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2011. | <a href="http://design-mania.ru/web-design/articles/tekstura-vdizajne/#comments">Нет комментариев</a> | Категория <a href="http://design-mania.ru/category/web-design/" title="View all posts in Веб-дизайн" rel="category tag">Веб-дизайн</a>, <a href="http://design-mania.ru/category/web-design/articles/" title="View all posts in Статьи" rel="category tag">Статьи</a>, <a href="http://design-mania.ru/category/downloads/textures/" title="View all posts in Текстуры" rel="category tag">Текстуры</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/veb-dizajn/" title="веб-дизайн">веб-дизайн</a>, <a href="http://design-mania.ru/tag/dizajneru/" title="дизайнеру">дизайнеру</a>, <a href="http://design-mania.ru/tag/sovety-i-rekomendacii/" title="советы и рекомендации">советы и рекомендации</a>, <a href="http://design-mania.ru/tag/tekstury/" title="текстуры">текстуры</a>, <a href="http://design-mania.ru/tag/uroki-veb-dizajna/" title="уроки веб дизайна">уроки веб дизайна</a>, <a href="http://design-mania.ru/tag/effektivnyj-dizajn/" title="эффективный дизайн">эффективный дизайн</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/web-design/articles/odnostranichnye-sajty/" title="6 советов по созданию одностраничных веб-сайтов (18.09.2011)">6 советов по созданию одностраничных веб-сайтов</a> (2)</li>
	<li><a href="http://design-mania.ru/web-design/articles/yakob-nilsen/" title="Якоб Нильсен – известный специалист по юзабилити (05.06.2010)">Якоб Нильсен – известный специалист по юзабилити</a> (1)</li>
	<li><a href="http://design-mania.ru/web-design/articles/razvitie-webdizajnera/" title="Этапы развития веб-дизайнера и реакция на критику в работе (07.09.2010)">Этапы развития веб-дизайнера и реакция на критику в работе</a> (7)</li>
	<li><a href="http://design-mania.ru/web-design/articles/effektivnyj-faq/" title="Часто задаваемые вопросы (FAQ) &#8211; разрабатываем эффективный раздел FAQ (01.07.2011)">Часто задаваемые вопросы (FAQ) &#8211; разрабатываем эффективный раздел FAQ</a> (0)</li>
	<li><a href="http://design-mania.ru/web-design/articles/tipografika/" title="Типографика для веб (25.01.2010)">Типографика для веб</a> (10)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/web-design/articles/tekstura-vdizajne/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Иконки популярных смартфонов + вектор AI</title>
		<link>http://design-mania.ru/downloads/icons/populyarnye-smartfony/</link>
		<comments>http://design-mania.ru/downloads/icons/populyarnye-smartfony/#comments</comments>
		<pubDate>Tue, 04 Oct 2011 02:25:36 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[Иконки]]></category>
		<category><![CDATA[бесплатные иконки]]></category>
		<category><![CDATA[иконки для сайта]]></category>
		<category><![CDATA[мобильные устройства]]></category>
		<category><![CDATA[скачать иконки]]></category>
		<category><![CDATA[тематические иконки]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=3239</guid>
		<description><![CDATA[Мобильные телефоны &#8211; достаточно популярная тема для наборов иконок. В Дизайн Мании я уже когда-то публиковал разные PSD наборы для iPhone, но сейчас рынок смартфонов стал куда более разнообразным &#8211; многие производители представили свои альтернативы &#8220;яблочному гиганту&#8221;. Представляем вашему вниманию набор высококачественных иконок по данной тематике    , который состоит из файлов PNG и векторных исходников...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Мобильные телефоны &#8211; достаточно популярная тема для наборов иконок. В Дизайн Мании я уже когда-то публиковал разные PSD наборы для iPhone, но сейчас рынок смартфонов стал куда более разнообразным &#8211; многие производители представили свои альтернативы &#8220;яблочному гиганту&#8221;. Представляем вашему вниманию набор высококачественных иконок по данной тематике    , который состоит из файлов PNG и векторных исходников AI дабы вы могли использовать картинки в своих тематических проектах.</p>
<p style="text-align: justify;">В данном наборе иконок мобильных телефонов содержится 10 наиболее популярных моделей такие как: Blackberry Bold, iPhone 4, HTC Evo 4G, Motorola Droid, Acer Stream, Microsoft Kin, Nokia N8, Samsung Captivate, Sony Ericsson Vivaz и LG Fathom. Каждая иконка разумеется в точности повторяет формы и внешний вид смартфонов.</p>
<p style="text-align: center;"><img class="size-full wp-image-3240 aligncenter" title="иконки смартфонов" src="http://design-mania.ru/wp-content/uploads/2011/10/mobi.jpg" alt="иконки смартфонов" width="500" height="481" /></p>
<p style="text-align: center;"><a href="http://letitbit.net/download/80919.8445325eca45f4abdcf0ff275696/Freebie_0016_Mobile_Icon_Pack.zip.html" rel="nofollow"><span style="font-size: medium;"><strong>Скачать</strong></span></a> ~ 5,3 Mb (<a href="http://psd.tutsplus.com/freebies/icons/exclusive-freebie-mobile-phone-icon-pack/" rel="nofollow">исходник</a>)</p>
<p style="text-align: justify;">После того как распакуете архив найдете там 2 папки с иконками в векторе AI и уже готовые PNG изображения размером 512х512 пикселей. Как видите, иконки в точности соответствуют моделям и даже имеют характерный вид интерфейса &#8211; иконки на экране в стиле iPhone 4 или HTC. Если что-то нужно подправить &#8211; используете вектор и вносите соответствующие изменения. По лицензии данные иконки смартфонов можно использовать как для своих личных, так и для коммерческих проектов. Надеюсь вам набор понравился &#8211; можно добавить к другим архивам с изображениями мобильных телефонов.</p>
<p style="text-align: justify;">Вообще сейчас можно сказать в интернете любые картинки, но вот использовать свои &#8211; это вверх профессионализма, поэтому можно пройти <a href="http://foto-mir.biz/publ" title="лучшие фото уроки">лучшие фото уроки</a> научиться делать классные фотки, после чего применять их в работе или даже продавать для заработка. </p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2011. | <a href="http://design-mania.ru/downloads/icons/populyarnye-smartfony/#comments">1 комментарий</a> | Категория <a href="http://design-mania.ru/category/downloads/icons/" title="View all posts in Иконки" rel="category tag">Иконки</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/besplatnye-ikonki/" title="бесплатные иконки">бесплатные иконки</a>, <a href="http://design-mania.ru/tag/ikonki-dlya-sajta/" title="иконки для сайта">иконки для сайта</a>, <a href="http://design-mania.ru/tag/mobilnye-ustrojstva/" title="мобильные устройства">мобильные устройства</a>, <a href="http://design-mania.ru/tag/skachat-ikonki/" title="скачать иконки">скачать иконки</a>, <a href="http://design-mania.ru/tag/tematicheskie-ikonki/" title="тематические иконки">тематические иконки</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/downloads/icons/tematicheskie-nabory1/" title="Свежие наборы тематических иконок (23.11.2010)">Свежие наборы тематических иконок</a> (2)</li>
	<li><a href="http://design-mania.ru/downloads/icons/ecommerce/" title="Качественные бесплатные коммерческие иконки (03.03.2011)">Качественные бесплатные коммерческие иконки</a> (1)</li>
	<li><a href="http://design-mania.ru/downloads/icons/icontoucan/" title="IconToucan — оригинальный архив бесплатных иконок (20.07.2011)">IconToucan — оригинальный архив бесплатных иконок</a> (3)</li>
	<li><a href="http://design-mania.ru/downloads/icons/newyear11/" title="Новогодние иконки для сайтов и блогов (25.12.2010)">Новогодние иконки для сайтов и блогов</a> (4)</li>
	<li><a href="http://design-mania.ru/downloads/icons/hand-drawn/" title="Нарисованные от руки иконки (01.08.2010)">Нарисованные от руки иконки</a> (11)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/downloads/icons/populyarnye-smartfony/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>10 великолепных бесплатных open source шрифтов для web</title>
		<link>http://design-mania.ru/downloads/fonts/10open-source-shriftov/</link>
		<comments>http://design-mania.ru/downloads/fonts/10open-source-shriftov/#comments</comments>
		<pubDate>Fri, 09 Sep 2011 20:33:03 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[Шрифты]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[веб шрифты]]></category>
		<category><![CDATA[каталог шрифтов]]></category>
		<category><![CDATA[скачать шрифты]]></category>
		<category><![CDATA[шрифты]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=2869</guid>
		<description><![CDATA[Нашел недавно в интернете интересную статью про шрифты &#8211; The top 10 open source web fonts, где автор представил весьма классную подборку из абсолютно бесплатных шрифтов, которые можно использовать для своих сайтов. Но суть заметки не только в этом, пару раз в тексте повторяется некая революция @font-face. И ведь действительно то, какими были шрифты в...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Нашел недавно в интернете интересную статью про шрифты &#8211; <a href="http://www.netmagazine.com/features/top-10-open-source-web-fonts" rel="nofollow">The top 10 open source web fonts</a>, где автор представил весьма классную подборку из абсолютно бесплатных шрифтов, которые можно использовать для своих сайтов. Но суть заметки не только в этом, пару раз в тексте повторяется некая революция @font-face. И ведь действительно то, какими были шрифты в Web`е лет 5 назад и сейчас не сравнить. Во-первых, раньше было неплохо найти крутой и при этом бесплатный шрифт (не лицензионное использование не в счет) для своего сайта. А сегодня ситуация меняется в лучшую сторону — уникальный (до определенной степени) и бесплатный (лицензия open source) шрифт уже не является редкостью. Более того, для многих дорогостоящих шрифтов можно найти отличную, а главное бесплатную замену, которая ни чем не уступает аналогу.</p>
<p style="text-align: justify;">Во-вторых, помню сильно удивлялся, что в Web`е имеются весьма жесткие ограничения по используемым шрифтам на сайте &#8211; парочка стандартных и все. Сейчас же применение оригинальных элементов, нестандартных, яркий, креативных считается весьма хорошим тоном. <a href="http://design-mania.ru/category/web-design/tipografika/">Типографика</a> в интернете стала более раскованной, интересной и свободной. Чем не революция? В статье ниже найдете 10 хороших шрифтов, которые могут стать украшением вашего сайта.</p>
<h3 style="text-align: justify;">The Fell Types</h3>
<p style="text-align: justify;">Шрифты <a href="http://iginomarini.com/fell/" rel="nofollow">The Fell Types</a> от автора Игино Марини (Igino Marini) выглядят просто потрясающе. Если верить описанию, то они созданы на основе реальных оригинальных шрифтов из рукописей 17-го века. Автор изучил их структуру, собрал воедино все наработки и сделал полноценный шрифт, который выручит вас когда нужно будет обыграть какую-нибудь «классическую» тему в дизайне сайта.</p>
<p style="text-align: center;"><img class="aligncenter" title="шрифт The Fell Types" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts1.jpg" alt="шрифт The Fell Types" width="615" height="225" /></p>
<h3 style="text-align: justify;">Open Baskerville</h3>
<p style="text-align: justify;"><a href="http://klepas.org/openbaskerville/" rel="nofollow">OpenBaskerville</a> — шрифт основанный на оригинальном Baskerville (точнее на шрифте Fry&#8217;s Baskerville). Отличается универсальностью, чем и заслужил популярность. Open Baskerville &#8211; отличная альтернатива оригиналу. Шрифт имеет двойную лицензию — Open Font License и GNU GPL version 3.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2874" title="шрифт Open Baskerville" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts2.jpg" alt="шрифт Open Baskerville" width="615" height="225" /></p>
<h3 style="text-align: justify;">Josefin Sans</h3>
<p style="text-align: justify;"><a href="http://www.google.com/webfonts/specimen/Josefin+Sans" rel="nofollow">JosefinSans</a> — элегантный и изысканный шрифт идеально подходящий для заголовков. Основан на известных шрифтах Kabel, Memphis, Futura и прочих шрифтах «европейской школы». Дизайнер — Santiago Orozco. Данный набор имеет много разных стилей и вариантов использования, что делает его очень гибким для работы.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2875" title="шрифт Josefin Sans" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts3.jpg" alt="шрифт Josefin Sans" width="615" height="225" /></p>
<h3 style="text-align: justify;">Open Sans</h3>
<p style="text-align: justify;"><a href="http://www.google.com/webfonts/specimen/Open+Sans" rel="nofollow">OpenSans</a> — еще один шрифт из коллекции Google Web Fonts. Разработан Стивом Мэттесоном (Steve Matteson). Отличается тем, что содержит полный набор из 897 символов (в том числе кириллических), поэтому очень гибок в применении и его должен иметь в своей коллекции каждый уважающий себя дизайнер! Также имеет много вариантов стилей использования с разными значениями weight.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2876" title="шрифт Open Sans" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts4.jpg" alt="шрифт Open Sans" width="615" height="225" /></p>
<h3 style="text-align: justify;">Gravitas</h3>
<p style="text-align: justify;"><a href="http://www.google.com/webfonts/specimen/Gravitas+One" rel="nofollow">Gravitas</a> — массивный и тяжелый шрифт отсылает нас к эпохе промышленной революции в Великобритании. Отлично подойдет для плакатов и рекламных заголовков. Буквы хорошо проработаны, смотрится здорово.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2877" title="шрифт Gravitas" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts5.jpg" alt="шрифт Gravitas" width="615" height="225" /></p>
<h3 style="text-align: justify;">Jura</h3>
<p style="text-align: justify;"><a href="http://www.google.com/webfonts/specimen/Jura" rel="nofollow">Jura</a> — немного футуристический евро-шрифт (имеется в виду в традициях европейского дизайна). Основан на широко известном классическом шрифте Eurostile, но в то же время обладает своим характером.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2878" title="шрифт Jura" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts6.jpg" alt="шрифт Jura" width="615" height="225" /></p>
<h3 style="text-align: justify;">League Gothic</h3>
<p style="text-align: justify;"><a href="http://theleagueofmoveabletype.com/fonts/7-league-gothic" rel="nofollow">LeagueGothic</a> — по сути является open source-версией легендарного шрифта Alternate Gothic №1, разработанного компанией ATF (American Type Founders) в 1903 году, но содержит оригинальные элементы. Поклонникам шрифта Gothic качать обязательно!</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2879" title="шрифт League Gothic" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts7.jpg" alt="шрифт League Gothic" width="615" height="225" /></p>
<h3 style="text-align: justify;">Orbitron</h3>
<p style="text-align: justify;"><a href="http://theleagueofmoveabletype.com/fonts/12-orbitron" rel="nofollow">Orbitron</a> — шрифт который идеально подходит не только для «космических интерфейсов». Этому стильному шрифту можно найти много других применений, благо в «комплекте» имеется четыре «веса» &#8211; light, medium, bold и black.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2880" title="шрифт Orbitron" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts8.jpg" alt="шрифт Orbitron" width="615" height="225" /></p>
<h3 style="text-align: justify;">Chunk</h3>
<p style="text-align: justify;"><a href="http://theleagueofmoveabletype.com/fonts/4-chunk" rel="nofollow">Chunk</a> — имитация резьбы по дереву. Шрифт очень насыщенный и тяжелый, поэтому его можно смело использовать, например, для газетных заголовков.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2881" title="шрифт Chunk" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts9.jpg" alt="шрифт Chunk" width="615" height="225" /></p>
<h3 style="text-align: justify;">Ostrich Sans</h3>
<p style="text-align: justify;"><a href="http://theleagueofmoveabletype.com/fonts/18-ostrich-sans" rel="nofollow">OstrichSans</a> — очень приятный и современный шрифт без засечек. Характеризуется широким диапазом начертания — Ultra light, Normal, Bold, Black, Rounded (medium) и даже Dashed (thin) — прерывистый «в точку».</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2882" title="шрифт Ostrich Sans" src="http://design-mania.ru/wp-content/uploads/2011/09/fonts10.jpg" alt="шрифт Ostrich Sans" width="615" height="225" /></p>
<p style="text-align: justify;">Кстати, много других интересных шрифтов вы можете найти на Google Web Fonts, стоит только хорошенько поискать! Проект начал работу всего год назад, а теперь там полно интересных шрифтов, которые можно легко и быстро подключить для своего сайта. Это один из элементов той &#8220;революции&#8221;, о которой говорилось в начале статьи.</p>
<p style="text-align: justify;">P.S. В связи с 6-летием хостинг-компания <a href="https://cp.inferno.name/cart.php">Inferno Solutions</a> предлагает администрируемый сервер в Германии Core2Quad Q9550 4&#215;2.83 Ghz + 8GB RAM + 2x500GB HDD + 5000Gb bw + 100Mbit &#8211; по СУПЕР цене <strong>99$</strong>! Помощь в переезде прилагается.<br />
Комплексная и эффективная <a href="http://www.web-promo.com.ua/organicheskaja-optimizacija-sajta/">оптимизация сайтов</a> от компании Web-Promo. Гарантия результата и качества.<br />
В интернет магазине Линзмастер вы можете заказать <a href="http://linzmaster.ua/">контактные линзы</a> и разные аксессуары к ним с доставкой по всей Украине.</p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2011. | <a href="http://design-mania.ru/downloads/fonts/10open-source-shriftov/#comments">Нет комментариев</a> | Категория <a href="http://design-mania.ru/category/downloads/fonts/" title="View all posts in Шрифты" rel="category tag">Шрифты</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/google/" title="google">google</a>, <a href="http://design-mania.ru/tag/veb-shrifty/" title="веб шрифты">веб шрифты</a>, <a href="http://design-mania.ru/tag/katalog-shriftov/" title="каталог шрифтов">каталог шрифтов</a>, <a href="http://design-mania.ru/tag/skachat-shrifty/" title="скачать шрифты">скачать шрифты</a>, <a href="http://design-mania.ru/tag/shrifty/" title="шрифты">шрифты</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/downloads/fonts/urbanfonts/" title="Urbanfonts &#8211; 8 тысяч шрифтов для вас (06.11.2008)">Urbanfonts &#8211; 8 тысяч шрифтов для вас</a> (2)</li>
	<li><a href="http://design-mania.ru/web-design/logos/famous/" title="Шрифты и логотипы компаний и онлайн сервисов (22.07.2009)">Шрифты и логотипы компаний и онлайн сервисов</a> (6)</li>
	<li><a href="http://design-mania.ru/tools/online/dafont-com/" title="Сайт-архив шрифтов dafont.com (09.10.2008)">Сайт-архив шрифтов dafont.com</a> (8)</li>
	<li><a href="http://design-mania.ru/downloads/fonts/novogodnie/" title="Рождественские и новогодние шрифты (15.12.2010)">Рождественские и новогодние шрифты</a> (1)</li>
	<li><a href="http://design-mania.ru/downloads/fonts/new-original/" title="Набор новых оригинальных и нестандартных шрифтов (29.05.2009)">Набор новых оригинальных и нестандартных шрифтов</a> (6)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/downloads/fonts/10open-source-shriftov/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 бесплатных сервисов распознавания шрифтов</title>
		<link>http://design-mania.ru/downloads/fonts/raspoznavanie-shriftov/</link>
		<comments>http://design-mania.ru/downloads/fonts/raspoznavanie-shriftov/#comments</comments>
		<pubDate>Mon, 29 Aug 2011 18:16:09 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[Online сервисы]]></category>
		<category><![CDATA[Шрифты]]></category>
		<category><![CDATA[online-сервисы]]></category>
		<category><![CDATA[каталог шрифтов]]></category>
		<category><![CDATA[обзор сервисов]]></category>
		<category><![CDATA[оригинальные шрифты]]></category>
		<category><![CDATA[шрифты]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=2773</guid>
		<description><![CDATA[Данный гостевой пост является переводом от дизайн-ресурса МногоЛого www.mnogologo.ru за что им большое спасибо, тема выбрана достаточно интересная. Итак, Вы просматриваете Ваш любимый ресурс и находите на нем сайт, использующий шрифт, который Вам нравится. Вы тоже хотите такой шрифт (и чем быстрее, тем лучше!)… и что же нужно сделать, чтобы узнать название этого шрифта? Звучит...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><em>Данный гостевой пост является переводом от дизайн-ресурса <strong>МногоЛого</strong> <a href="http://www.mnogologo.ru">www.mnogologo.ru</a> за что им большое спасибо, тема выбрана достаточно интересная. </em></p>
<p style="text-align: justify;">Итак, Вы просматриваете Ваш любимый ресурс и находите на нем сайт, использующий шрифт, который Вам нравится. Вы тоже хотите такой шрифт (и чем быстрее, тем лучше!)… и что же нужно сделать, чтобы узнать название этого шрифта? Звучит знакомо? Да, мы все бывали в подобных ситуациях.</p>
<p style="text-align: justify;">Самый простой вариант – просто написать веб-мастеру этого сайта и спросить название шрифта, а также где его можно взять. Ответ может прийти не сразу, к тому же, не все веб-мастера отвечают на такие письма. Поэтому я решил составить список бесплатных он-лайн ресурсов для ускорения процесса идентификации шрифта.</p>
<p><strong><span style="font-size: medium;">1. What The Font</span></strong></p>
<p style="text-align: justify;">Cервис <a rel="nofollow" href="http://new.myfonts.com/WhatTheFont/">What The Font</a> создан одним из крупнейших поставщиков шрифтов (myfonts.com, &#8211; прим.перев). Это ресурс №1 в Вашем списке идентификаторов шрифтов. Просто загрузите картинку со шрифтом, который нужно идентифицировать, на сервер WTF (делаете скриншот и вырезаете слово с понравившимся шрифтом, &#8211; прим.перев) или вставьте ссылку на изображение шрифта в специальную строку. Система покажет Вам в результатах различные варианты шрифтов.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2792" title="What The Font" src="http://design-mania.ru/wp-content/uploads/2011/08/wtf.jpg" alt="What The Font" width="615" height="445" /></p>
<p style="text-align: justify;">Если система не сможет распознать шрифт, Вам будет предложено перейти на <a rel="nofollow" href="http://new.myfonts.com/WhatTheFont/forum/">Font Forum</a>, где Вы можете запостить картинку со шрифтом и подождать ответа от экспертов относительно того, что это может быть за шрифт. Я использовал оба варианта, и это обычно решало большую часть моих вопросов, касающихся шрифтов</p>
<p><strong><span style="font-size: medium;">Identifont</span></strong></p>
<p style="text-align: justify;">Этот сервис под названием <a rel="nofollow" href="http://www.identifont.com/identify.html">Identifont</a> использует другой подход к идентификации и находит Ваш шрифт, задавая ряд вопросов о нем. Этот ресурс может быть Вам полезен, если у Вас нет изображения шрифта, который Вы ищете. По правде говоря, мне самому никогда не удавалось найти нужный шрифт посредством этого сервиса, но, возможно, я являюсь исключением!</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2784" title="поиск шрифта Identifont" src="http://design-mania.ru/wp-content/uploads/2011/08/identifont.jpg" alt="поиск шрифта Identifont" width="615" height="334" /></p>
<p style="text-align: justify;">Разработчики сервиса утверждают, что это «крупнейший независимый ресурс по шрифтам в Интернете, содержащий информацию о шрифтах от 534 издателей и 143 продавцов».</p>
<p><strong><span style="font-size: medium;">Message Boards: Typophile</span></strong></p>
<p style="text-align: justify;"><a rel="nofollow" href="http://www.typophile.com/forum/29">Typophile</a> &#8211; это, возможно, величайшее и крупнейшее сообщество экспертов по шрифтам. Свой вопрос Вы можете задать, запостив картинку со шрифтом на их форуме. Если этот ресурс Вам не помог, то у большинства сайтов о шрифтах (обычно, сайты с бесплатными шрифтами) есть форумы, где Вы можете запостить вопрос и картинку со шрифтом, который Вы ищете.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2790" title="Typophile сообщество по шрифтам" src="http://design-mania.ru/wp-content/uploads/2011/08/Typophile.jpg" alt="Typophile сообщество по шрифтам" width="615" height="334" /></p>
<p><span style="font-size: medium;"><strong>Bowfin Printworks</strong></span></p>
<p style="text-align: justify;">Сайт <a rel="nofollow" href="http://www.bowfinprintworks.com/SerifGuide/serifsearch.php">Bowfint Printworks</a> предлагает огромное количество информации и разнообразных он-лайн инструментов для идентификации шрифта, задавая вопросы о форме глифов шрифта. Этот ресурс по схеме работы похож на Identifont, но кажется быстрее в работе, т.к. все данные вводятся на одной странице, в то время, как Identifont заставляет Вас пройти через множество страниц, что может показаться утомительным. Сайт включает в себя руководства по шрифтам Script, Bauhaus-style, Sans Serif и Serif, и Lined.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2782" title="сайт Bowfint Printwork" src="http://design-mania.ru/wp-content/uploads/2011/08/Bowfin-Printworks.jpg" alt="сайт Bowfint Printwork" width="615" height="334" /></p>
<p style="text-align: justify;">Владелец сайта также готов ответить на любые вопросы, касающиеся идентификации шрифта, через е-мэйл.</p>
<p><span style="font-size: medium;"><strong>TypeNavigator</strong></span></p>
<p style="text-align: justify;"><a rel="nofollow" href="http://www.fontshop.com/research/">TypeNavigator</a> создан разработчиками Fontshop. Он использует те же принципы работы, что и Bowfint, т.е. задает вопросы о форме каждой буквы.</p>
<p style="text-align: center;"><img class="size-full wp-image-2789 aligncenter" title="сервис TypeNavigator" src="http://design-mania.ru/wp-content/uploads/2011/08/TypeNavigator.jpg" alt="сервис TypeNavigator" width="615" height="334" /></p>
<p style="text-align: justify;">Следует замести, что в момент публикации статьи появились кое-какие проблемы с загрузкой сервиса, но разработчики обещали в ближайшее время устранить проблему.</p>
<p><span style="font-size: medium;"><strong>Flickr Typeface Identification</strong></span></p>
<p style="text-align: justify;">На популярном фотохостинге <a href="http://www.web2me.ru/service/pictures/flickr/"><strong>Flickr</strong></a> есть группа <a rel="nofollow" href="http://www.flickr.com/groups/typeid/">typeid</a> (Flickr Typeface Identification), посвященная идентификации шрифтов, и группа <a rel="nofollow" href="http://www.flickr.com/groups/fonts-in-use/">Fonts in Use</a>, где выкладываются шрифты, использующиеся в разных картинках (логотипах, надписях, плакатах и пр., &#8211; прим.перев). Эти сервисы могут быть полезны для получения быстрой справки о шрифтах.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2783" title="группа Flickr Typeface Identification" src="http://design-mania.ru/wp-content/uploads/2011/08/flickr.jpg" alt="группа Flickr Typeface Identification" width="615" height="334" /></p>
<p style="text-align: justify;">П.с. группа typeid гораздо активнее, и там Вы быстрее можете получить ответ на свой вопрос</p>
<p><span style="font-size: medium;"><strong>Списки шрифтов</strong></span></p>
<p style="text-align: justify;">Иногда лучшим способом найти шрифт является просмотр списков шрифтов, в которых содержатся наиболее широко используемые шрифты. Вот несколько популярных ресурсов со списками шрифтов. Вы можете использовать их для быстрого получения информации о шрифтах.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2786" title="список шрифтов Modern Life Blog" src="http://design-mania.ru/wp-content/uploads/2011/08/mordern-life-blog.jpg" alt="список шрифтов Modern Life Blog" width="615" height="334" /></p>
<p style="text-align: center;"><a rel="nofollow" href="http://www.modernlifeisrubbish.co.uk/article/great-fonts-for-web-2.0">Modern Life Blog</a></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2788" title="The Logos of Web 2.0" src="http://design-mania.ru/wp-content/uploads/2011/08/the-logos-of-web.jpg" alt="The Logos of Web 2.0" width="615" height="334" /></p>
<p style="text-align: center;"><a rel="nofollow" href="http://fontfeed.com/archives/the-logos-of-web-20/">The Logos of Web 2.0</a></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2785" title="Just Creative Design список шрифтов" src="http://design-mania.ru/wp-content/uploads/2011/08/Just-Creative-Design.jpg" alt="Just Creative Design список шрифтов" width="615" height="444" /></p>
<p style="text-align: center;"><a rel="nofollow" href="http://justcreativedesign.com/2008/03/02/30-best-font-downloads-for-designers/">Just Creative Design</a></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2806" title="Smashing Magazine" src="http://design-mania.ru/wp-content/uploads/2011/08/smash.jpg" alt="Smashing Magazine" width="615" height="444" /></p>
<p style="text-align: center;"><a rel="nofollow" href="http://www.smashingmagazine.com/2007/08/08/80-beautiful-fonts-typefaces-for-professional-design/">Smashing Magazine</a></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2791" title="список шрифтов Urban Fonts" src="http://design-mania.ru/wp-content/uploads/2011/08/urban-fonts.jpg" alt="список шрифтов Urban Fonts" width="615" height="444" /></p>
<p style="text-align: center;"><a rel="nofollow" href="http://www.urbanfonts.com/">Urban Fonts</a></p>
<p style="text-align: justify;"><em>P.S. От себя лично и читателей Дизайн Мании хочется поблагодарить проект МногоЛого за эту подборку действительно полезных в работе сервисов. Оригинал статьи находится на сайте <a rel="nofollow" href="http://www.webdesignerdepot.com/2008/12/7-free-tools-to-identify-a-font/">Webdesign Deport</a>. Подчас именно от шрифтов в дизайне сайта многое зависит. Чаще всего используются, конечно, стандартные наработки, но с развитием интернета, HTML5, сервисов шрифтов постепенно дизайнеры обращают внимание и на другие возможности оформления текстов. </em></p>
<p style="text-align: justify;">P.P.S. Хотите стать радиоведущим? Всегда мечтали работать на радио? &#8211; тогда <a href="http://radioua.net/kursy-radiovedushhix-v-pervoj-ukrainskoj-radio-shkole">курсы радиоведущих в киеве</a> то, что вам нужно, узнаете и получите весь необходимый объем знаний.<br />
Если вас всегда привлекал необычный цвет глаз, то можно использовать цветные <a href="http://linzmaster.ua/">контактные линзы </a>которые доступны для заказа в интернет магазине ЛинзМастер.</p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2011. | <a href="http://design-mania.ru/downloads/fonts/raspoznavanie-shriftov/#comments">Комментариев - 2</a> | Категория <a href="http://design-mania.ru/category/tools/online/" title="View all posts in Online сервисы" rel="category tag">Online сервисы</a>, <a href="http://design-mania.ru/category/downloads/fonts/" title="View all posts in Шрифты" rel="category tag">Шрифты</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/online-servisy/" title="online-сервисы">online-сервисы</a>, <a href="http://design-mania.ru/tag/katalog-shriftov/" title="каталог шрифтов">каталог шрифтов</a>, <a href="http://design-mania.ru/tag/obzor-servisov/" title="обзор сервисов">обзор сервисов</a>, <a href="http://design-mania.ru/tag/originalnye-shrifty/" title="оригинальные шрифты">оригинальные шрифты</a>, <a href="http://design-mania.ru/tag/shrifty/" title="шрифты">шрифты</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/downloads/fonts/urbanfonts/" title="Urbanfonts &#8211; 8 тысяч шрифтов для вас (06.11.2008)">Urbanfonts &#8211; 8 тысяч шрифтов для вас</a> (2)</li>
	<li><a href="http://design-mania.ru/web-design/logos/famous/" title="Шрифты и логотипы компаний и онлайн сервисов (22.07.2009)">Шрифты и логотипы компаний и онлайн сервисов</a> (6)</li>
	<li><a href="http://design-mania.ru/tools/online/portfolios/" title="Создание портфолио онлайн с помощью сервиса Portfolios (16.11.2010)">Создание портфолио онлайн с помощью сервиса Portfolios</a> (9)</li>
	<li><a href="http://design-mania.ru/tools/online/dafont-com/" title="Сайт-архив шрифтов dafont.com (09.10.2008)">Сайт-архив шрифтов dafont.com</a> (8)</li>
	<li><a href="http://design-mania.ru/downloads/fonts/novogodnie/" title="Рождественские и новогодние шрифты (15.12.2010)">Рождественские и новогодние шрифты</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/downloads/fonts/raspoznavanie-shriftov/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Бесплатные Google+ иконки</title>
		<link>http://design-mania.ru/downloads/icons/googleplus/</link>
		<comments>http://design-mania.ru/downloads/icons/googleplus/#comments</comments>
		<pubDate>Sat, 06 Aug 2011 14:22:29 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[Иконки]]></category>
		<category><![CDATA[архивы иконок]]></category>
		<category><![CDATA[бесплатные иконки]]></category>
		<category><![CDATA[иконки]]></category>
		<category><![CDATA[иконки для блога]]></category>
		<category><![CDATA[скачать иконки]]></category>
		<category><![CDATA[социальные сервисы]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=2530</guid>
		<description><![CDATA[Запуск социальной сети Google+ стал очередным витком развития интернета. Не могу сказать, что событие произвело фурор и &#8220;массовое помешательство&#8221;, хотя при этом новости свидетельствуют о рекордно быстрых темпах развития сети. Это отчасти может быть объяснимо тесной интеграцией и частым использованием с остальных сервисов Google, тем не менее, нельзя отрицать значимость этого события для глобальной паутины...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Запуск социальной сети Google+ стал очередным витком развития интернета. Не могу сказать, что событие произвело фурор и &#8220;массовое помешательство&#8221;, хотя при этом новости свидетельствуют о рекордно быстрых темпах развития сети. Это отчасти может быть объяснимо тесной интеграцией и частым использованием с остальных сервисов Google, тем не менее, нельзя отрицать значимость этого события для глобальной паутины. Социальная сеть Google+ пусть и не перевернула все с ног на голову, но изменила интернет в каком-то смысле. Пользователи начали более активно заполнять свои профайлы (кстати, вот <a href="https://plus.google.com/106366983951685336423">мой профайл</a> &#8211; давайте дружить), кнопка Google+ появилась в выдаче с привязкой к пользователям, иконку Google+ начали размещать для статей и проектов целиком.</p>
<p style="text-align: justify;">Сегодня пост посвящен именно кнопке Google+ и различным бесплатным иконкам, которые сейчас существуют в сети по этой тематике. В целом, конечно, кнопка имеет достаточно стандартный дизайн, предложенный гуглом, но различные дизайнеры и креативщики, как обычно, решили немного эти иконки Google+ &#8220;обыграть&#8221; по своему. Кое-где встречаются архивы с PSD файлами для Photoshop (PSD) и вектором для Adobe Illustrator (Ai), поэтому если умете ими пользоваться, сможете внести свои изменения и создать персональные оригинальные Google+ иконки.</p>
<p style="text-align: center;"><strong>Внимание! Если вам, в принципе, нужны все иконки Google+</strong> <a href="http://letitbit.net/download/78661.781d8971b163a5db14bfc8db5101/gplusiconew.rar.html" rel="nofollow"><span style="font-size: medium;"><strong>скачайте этот архив</strong></span></a>.</p>
<p><strong>Иконки Google Plus от Spaksu</strong></p>
<p style="text-align: justify;">Архив содержит 16 цветных иконок Google+, которые можно использовать бесплатно в своих целях. Иконки отличаются по стилю исполнения между собой. В наборе 5 различных размеров- от 16×16 до 128×128 пикселей.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2533" title="иконки google plus" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-1.jpg" alt="иконки google plus" width="500" height="347" /><br />
<a title="google plus icons" href="http://www.spaksu.com/ucretsiz-16-adet-google-plus-icon-set/" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Бесплатные иконки Google+ от Creative Nerds</strong></p>
<p>Данный набор из нескольких инконок можно использовать как в коммерческих, так и некоммерческих проектах. Архив содержит большие изобрежния 128 x 128 пикселей, которые могут быть уменьшены до любых других. Всего здесь найдете 4 различных иконки.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2534" title="скачать иконки google plus" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-2.jpg" alt="скачать иконки google plus" width="500" height="493" /><br />
<a title="google plus icons" href="http://creativenerds.co.uk/freebies/free-google-plus-icons/" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Бесплатные векторные иконки Google+</strong></p>
<p style="text-align: justify;">Данный набор иконок Google+ идет в векторном и PNG форматах. Понятное дело, что для вектора вы можете редактировать изображения так как вам хочется. Архив содержит 11 файлов, в том числе из векторный формат для Adobe Illustrator (Ai).</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2535" title="скачать иконки google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-3.jpg" alt="скачать иконки google+" width="500" height="195" /><br />
<a title="google plus icons" href="http://boldperspective.com/2011/free-google-plus-icon-vector/" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>8 иконок Google+ PSD файл</strong></p>
<p style="text-align: justify;">Набор Google Plus иконок вы можете использовать для продвижения своего сайта или блога в соответствующей социальной сети. Здесь найдете изображения кнопки + разных размеров  (16×16, 32×32, 64×64, 128×128 и 256x256px), а также 3 штуки G+ иконки и PSD исходник.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2536" title="иконки google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-4.jpg" alt="иконки google+" width="500" height="204" /><br />
<a title="google plus icons" href="http://machoarts.com/freebie-8-google-plus-icons-psd" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p style="text-align: justify;"><strong></strong>В следующем наборе иконки созданы в Photoshop и сохранены как прозрачные PNG файлы во всех стандартных размерах 256×256, 128×128, 64×64, 32×32 и 16×16. Картинки выполнены в трех различных стилях &#8211; с текстурой, светлые серые и темные серые чтобы вы легко могли использовать их на разных фонах &#8211; светлом или темном.</p>
<p style="text-align: center;"><img class="size-full wp-image-2537 aligncenter" title="иконки google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-5.jpg" alt="иконки google+" width="500" height="436" /><br />
<a title="google plus icons" href="http://www.graphicsfuel.com/2011/07/google-plus-icons-psd/" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Набор Google Plus иконки от Cheth Studios</strong></p>
<p style="text-align: justify;">Архив иконок Google+ которые вы можете свободно использовать в своих блогах, здесь найдете картинки в форматах PSD и PNG, что достаточно удобно.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2538" title="бесплатные иконки google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-6.jpg" alt="бесплатные иконки google+" width="500" height="292" /><br />
<a title="google plus icons" href="http://www.chethstudios.net/2011/07/google-plus-free-icon-pack-pngpsd.html" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Бесплатные иконки Google Plus от Matt Hodder</strong></p>
<p style="text-align: justify;">Набор бесплатных Google+ иконок в четырех различных форматах &#8211; 64px, 32px, 24px и 16px. Формат картинок &#8211; PNG.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2539" title="google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-7.jpg" alt="google+" width="500" height="150" /><br />
<a title="google plus icons" href="http://www.matthodder.com/free-google-plus-icons/" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google Plus иконки от Icon Dock</strong></p>
<p style="text-align: justify;">Представляем вашему внимаю последнюю редакцию набора социальных кнопок Google+. Здесь есть изображения двух вариантов &#8211; черные и белые. Архив содержит векторный EPS файл и PNG размера 16px, 24px, 32px.</p>
<p style="text-align: center;"><img class="size-full wp-image-2540 aligncenter" title="иконки google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-8.jpg" alt="иконки google+" width="500" height="168" /><br />
<a title="google plus icons" href="http://icondock.com/news/google-plus-icon" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p style="text-align: justify;">Очередной набор из бесплатных 13 социальных иконок различных форм и стилей. Каждая кнопка G+ доступна в различных размерах. Исходный PSD файл со слоями также будет в архиве &#8211; вы легко сможете сделать собственный дизайн иконок.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2541" title="скачать иконки google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-9.jpg" alt="скачать иконки google+" width="500" height="415" /><br />
<a title="google plus icons" href="http://hamzahamo.deviantart.com/art/Free-Google-Plus-Icons-Set-217481414" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google Plus векторный набор</strong></p>
<p>Архив содержит иконки в формате PNG. Всего их 4 различных типа &#8211; черный матовый, белый матовый, черных и белый глянец.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2542" title="набор иконки google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-10.jpg" alt="набор иконки google+" width="500" height="347" /><br />
<a title="google plus icons" href="http://abhashthapa.deviantart.com/art/Google-Plus-Vector-Icon-Pack-221994524" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Иконки Google+</strong></p>
<p>Все иконки имеют размер 128&#215;128 пикселей и представлены в PNG формате.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2543" title="иконки google+ для сайта" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-11.jpg" alt="иконки google+ для сайта" width="500" height="361" /><br />
<a title="google plus icons" href="http://mdh3ll.deviantart.com/art/Google-Plus-dock-icons-244425468" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google +1 оригинальные иконки</strong></p>
<p>Самый оригинальный, наверное, набор иконок из 19 изображений в PNG.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2545" title="иконки google+ для сайта" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-14.jpg" alt="иконки google+ для сайта" width="500" height="386" /><br />
<a title="google plus icons" href="http://truemisha.deviantart.com/art/Google-plus-one-icons-213649872" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google+ Icon набор</strong></p>
<p>Он содержит иконки Google Plus, кругов Google и просто кнопку с плюсом.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2544" title="иконки google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-13.jpg" alt="иконки google+" width="500" height="333" /><br />
<a title="google plus icons" href="http://creativekaizen.deviantart.com/art/Google-Icon-Set-243700527" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google Plus иконки + бесплатный PSD</strong></p>
<p style="text-align: justify;">Еще один архив Google Plus иконок, который вы можете использовать для &#8220;социального продвижения&#8221;. Содержит в себе редактируемые PSd исходные файлы.</p>
<p style="text-align: center;"><img class="size-full wp-image-2546 aligncenter" title="Google+ иконки" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-15.jpg" alt="Google+ иконки" width="500" height="333" /><br />
<a title="google plus icons" href="http://jimmybjorkman.deviantart.com/art/Google-Plus-Icons-Free-PSD-221266788" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Иконки Google+ золотая и серебрянная</strong></p>
<p style="text-align: justify;">Набор содержит всего две иконки в PNG формате с размером 800×800 пикселей. Текст на кнопках нанесен золотым и серебренным шрифтом..</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2547" title="Google+ иконки" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-16.jpg" alt="Google+ иконки" width="500" height="365" /><br />
<a title="google plus icons" href="http://ilnanny.deviantart.com/art/Google-217624283" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google+ иконки</strong></p>
<p style="text-align: justify;">Используйте эти иконки в фотошопе для легкой настройки и создания своих дизайнов &#8211; можете изменять их как хотите.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2548" title="иконки Google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-17.jpg" alt="иконки Google+" width="500" height="333" /><br />
<a title="google plus icons" href="http://mauxwebmaster.deviantart.com/art/Google-216216277" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Бесплатные Google Plus иконки</strong></p>
<p>Набор элегантных Google Plus иконок, которые можно использовать совершенно бесплатно. Все кнопки являются прозрачными и в формате PNG.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2549" title="скачать иконки Google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-18.jpg" alt="скачать иконки Google+" width="500" height="342" /><br />
<a title="google plus icons" href="http://survivorcz.deviantart.com/art/FREE-Google-Plus-Icons-220640008" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google+ иконки в стиле iOS</strong></p>
<p>Парочка иконок Google+ для iOS. Первая это буква G, а плюс использует цвета логотипа Nexus. Вторая справа это пример различных возможностей социальной сети.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2550" title="бесплатные иконки Google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-19.jpg" alt="бесплатные иконки Google+" width="500" height="313" /><br />
<a title="google plus icons" href="http://streamingpixels.deviantart.com/art/Google-for-iOS-Concept-221444789" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google Plus иконки</strong></p>
<p>Архив содержит файлы для Adobe Illustrator поэтому вы сможете изменить иконки как пожелаете.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2551" title="скачать бесплатные иконки Google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-20.jpg" alt="скачать бесплатные иконки Google+" width="500" height="486" /><br />
<a title="google plus icons" href="http://ilnanny.deviantart.com/art/Google-217624283" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google+ Me</strong></p>
<p>Достаточно простые в реализации иконки, можно использовать для того чтобы разместить в блоге или сайте ссылку на свой профайл в социальной сети Google Plus.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2552" title="кнопки Google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-21.jpg" alt="кнопки Google+" width="500" height="429" /><br />
<a title="google plus icons" href="http://zkiuruse.deviantart.com/art/Google-Me-244954507" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Иконки Google+</strong></p>
<p>Различные варианты иконок Google Plus вместе с кнопкой +1.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2553" title="скачать кнопку Google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-22.jpg" alt="скачать кнопку Google+" width="500" height="288" /><br />
<a title="google plus icons" href="http://1a-design.deviantart.com/art/Google-Plus-Icons-225422163" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p><strong>Google +1 иконки</strong></p>
<p style="text-align: justify;">Набор иконок Google +1 состоит из двух частей: квадратные и прямоугольные кнопки. В архиве найдете 10 иконок png формата, размер 256x256px.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2554" title="иконки Google+" src="http://design-mania.ru/wp-content/uploads/2011/08/google-plus-icons-23-500x283.jpg" alt="иконки Google+" width="500" height="283" /><br />
<a title="google plus icons" href="http://www.land-of-web.com/freebies/google-1-icons.html" rel="nofollow" target="_blank">GOOGLE PLUS ICONS</a></p>
<p style="text-align: justify;">За подборку спасибо автору <a href="http://bestdesignoptions.com/?p=17150" rel="nofollow">этой заметки</a> который нашел все эти иконки Google+. Возможно, найдете что-то здесь и для установки на свой сайт / блог. С каждым днем &#8220;подключенных&#8221; сайтов становится все больше. Дальше Google+ будет набирать популярность, поэтому важно присоединиться сейчас.</p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2011. | <a href="http://design-mania.ru/downloads/icons/googleplus/#comments">Комментариев - 4</a> | Категория <a href="http://design-mania.ru/category/downloads/icons/" title="View all posts in Иконки" rel="category tag">Иконки</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/arxivy-ikonok/" title="архивы иконок">архивы иконок</a>, <a href="http://design-mania.ru/tag/besplatnye-ikonki/" title="бесплатные иконки">бесплатные иконки</a>, <a href="http://design-mania.ru/tag/ikonki/" title="иконки">иконки</a>, <a href="http://design-mania.ru/tag/ikonki-dlya-bloga/" title="иконки для блога">иконки для блога</a>, <a href="http://design-mania.ru/tag/skachat-ikonki/" title="скачать иконки">скачать иконки</a>, <a href="http://design-mania.ru/tag/socialnye-servisy/" title="социальные сервисы">социальные сервисы</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/downloads/icons/newyear11/" title="Новогодние иконки для сайтов и блогов (25.12.2010)">Новогодние иконки для сайтов и блогов</a> (4)</li>
	<li><a href="http://design-mania.ru/downloads/icons/cutie/" title="Иконки Cutie &#8211; бесплатный набор + архив иконок (04.05.2011)">Иконки Cutie &#8211; бесплатный набор + архив иконок</a> (0)</li>
	<li><a href="http://design-mania.ru/downloads/icons/icontoucan/" title="IconToucan — оригинальный архив бесплатных иконок (20.07.2011)">IconToucan — оригинальный архив бесплатных иконок</a> (3)</li>
	<li><a href="http://design-mania.ru/downloads/icons/stilnye-socialnye-ikonki/" title="Стильные социальные иконки для блогов и сайтов (31.05.2010)">Стильные социальные иконки для блогов и сайтов</a> (4)</li>
	<li><a href="http://design-mania.ru/downloads/icons/origami-grunge/" title="Оригинальные иконки для блога (22.11.2008)">Оригинальные иконки для блога</a> (11)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/downloads/icons/googleplus/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>IconToucan — оригинальный архив бесплатных иконок</title>
		<link>http://design-mania.ru/downloads/icons/icontoucan/</link>
		<comments>http://design-mania.ru/downloads/icons/icontoucan/#comments</comments>
		<pubDate>Wed, 20 Jul 2011 10:09:40 +0000</pubDate>
		<dc:creator>Tod</dc:creator>
				<category><![CDATA[Иконки]]></category>
		<category><![CDATA[Полезные сайты]]></category>
		<category><![CDATA[архивы иконок]]></category>
		<category><![CDATA[бесплатные иконки]]></category>
		<category><![CDATA[иконки]]></category>
		<category><![CDATA[иконки для сайта]]></category>
		<category><![CDATA[скачать иконки]]></category>

		<guid isPermaLink="false">http://design-mania.ru/?p=2374</guid>
		<description><![CDATA[Сервисы, которые имеют то или иное отношение к иконкам, попадаются мне регулярно (например, онлайн-коллекции или архивы иконок), но большинство из них не заслуживают того чтобы им посвящали отдельный пост (в лучшем случае их можно добавить их в какой-то обзор тематических наборов иконок). То ли дело — IconToucan &#8211; проект полезный и с весьма неординарной организацией...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Сервисы, которые имеют то или иное отношение к <a href="http://design-mania.ru/category/downloads/icons/">иконкам</a>, попадаются мне регулярно (например, онлайн-коллекции или архивы иконок), но большинство из них не заслуживают того чтобы им посвящали отдельный пост (в лучшем случае их можно добавить их в какой-то обзор тематических наборов иконок). То ли дело — <a rel="nofollow" href="http://icontoucan.com/"><span style="font-size: medium;"><strong>IconToucan</strong></span></a> &#8211; проект полезный и с весьма неординарной организацией.</p>
<p style="text-align: justify;">По сути, IconToucan — это всего лишь еще одно место где можно найти отличные иконки, но в то же время есть вещи которые отличают его от себе подобных. Во-первых, иконок достаточно много &#8211; на сайте вы найдете 5 полноценных коллекций (от 20-40 до более 100 картинок в каждой). Во-вторых — все иконки бесплатные. В-третьих, все что доступно для скачивания c IconToucan имеет одинаковый уровень качества, размеры и формат (что весьма ценно если вам нужно совмещать иконки из разных коллекций).</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-2379" title="IconToucan архив иконок" src="http://design-mania.ru/wp-content/uploads/2011/07/icotuc1.jpg" alt="IconToucan архив иконок" width="600" height="372" /></p>
<p style="text-align: justify;">Навигация по коллекциям иконок совершается с помощью графического меню в верхнем правом углу страницы, там найдете соответствующие картинки разделов. В IconToucan можно выделить следующие тематически наборы:</p>
<ul>
<li>Иконки общего назначения &#8211; стрелочки, папки, документы, файлы и т.п.</li>
<li>Архив иконок для Mac пользователей с характерными приложениями и устройствами.</li>
<li>Квадратные иконки социальных сервисов и вообще по данной тематики.</li>
<li>Круглые иконки различных соц. сетей и интернет сайтов.</li>
<li>Иконки платежных систем и для электронной коммерции.</li>
</ul>
<p style="text-align: justify;">Отличительной особенностью IconToucan можно назвать то, что у вас есть возможность выбрать себе только те иконки, которые вам требуются и сформировать из них zip-архив для скачивания. Для этого просто перетаскивайте иконки на поле «Drop Here» и нажимайте кнопку «Download». Это будет полезно в тех случаях, если вам понадобиться 2-3 отдельные иконки для работы и можно будет не скачивать большие громоздкие архивы дабы потом 99% их содержимого удалять.</p>
<p style="text-align: justify;">В целом, сервис <a rel="nofollow" href="http://icontoucan.com">IconToucan</a> хорошо и качественно сделан, пользоваться им весьма приятно, хотя без недостатков не обошлось. Главный из них, на мой взгляд, -  стилистическое однообразие иконок, а также длительное &#8220;затишье&#8221; в пополнении коллекции &#8211; вот уже пару месяц подряд там все-лишь эти 5 наборов, что, конечно, чертовски мало по меркам и объемам интернета. Также плохо, что нет возможности выбора типа и размера (все иконки представлены в едином разрешении и формате png). В таком свете <a href="http://design-mania.ru/downloads/icons/iconfinder/">поисковик иконок Iconfinder</a> выигрывает практически во всем. С другой стороны, признаться, очень понравилась организация и юзабилити IconToucan &#8211; все просто, четко, красиво и функционально. Поэтому даже если не найдете там нужных иконок, для ознакомления и в качестве примера качественного интернет сервиса данный проект нужно посетить.</p>
<p style="text-align: justify;">P.S. Если вы уже на все 100% решили для дачи заказать <a href="http://www.pool.ua/bass/pool_building/">строительство бассейнов</a> то можете для начала поинтересоваться как проходит процесс и какие нюансы в нем есть.<br />
В наше время без знания иностранных языков достаточно сложно, поэтому <a href="http://www.tower.ua/kursyi-angliyskogo/kursyi-angliyskogo.html">курсы английского киев </a>помогут вам поднять уровень знаний в данном вопросе повыше.<br />
Не можете жить без танцев и дискотек? &#8211; тогда наш <a href="http://clubsdj.net/">онлайн портал клубной музыки</a> однозначно вам подойдет, здесь найдете новости, информацию про диджеев и музыку.</p>
<hr noshade style="margin: 5px 0px 5px 0px; height:1px;" />
<p>© <a href="http://design-mania.ru">Дизайн Мания</a>, 2011. | <a href="http://design-mania.ru/downloads/icons/icontoucan/#comments">Комментариев - 3</a> | Категория <a href="http://design-mania.ru/category/downloads/icons/" title="View all posts in Иконки" rel="category tag">Иконки</a>, <a href="http://design-mania.ru/category/tools/coolsites/" title="View all posts in Полезные сайты" rel="category tag">Полезные сайты</a>.</p>
	Теги: <a href="http://design-mania.ru/tag/arxivy-ikonok/" title="архивы иконок">архивы иконок</a>, <a href="http://design-mania.ru/tag/besplatnye-ikonki/" title="бесплатные иконки">бесплатные иконки</a>, <a href="http://design-mania.ru/tag/ikonki/" title="иконки">иконки</a>, <a href="http://design-mania.ru/tag/ikonki-dlya-sajta/" title="иконки для сайта">иконки для сайта</a>, <a href="http://design-mania.ru/tag/skachat-ikonki/" title="скачать иконки">скачать иконки</a><br />

	<h4>Интересные статьи по теме</h4>
	<ul class="st-related-posts">
	<li><a href="http://design-mania.ru/downloads/icons/cutie/" title="Иконки Cutie &#8211; бесплатный набор + архив иконок (04.05.2011)">Иконки Cutie &#8211; бесплатный набор + архив иконок</a> (0)</li>
	<li><a href="http://design-mania.ru/downloads/icons/googleplus/" title="Бесплатные Google+ иконки (06.08.2011)">Бесплатные Google+ иконки</a> (4)</li>
	<li><a href="http://design-mania.ru/downloads/icons/tematicheskie-nabory1/" title="Свежие наборы тематических иконок (23.11.2010)">Свежие наборы тематических иконок</a> (2)</li>
	<li><a href="http://design-mania.ru/downloads/icons/newyear11/" title="Новогодние иконки для сайтов и блогов (25.12.2010)">Новогодние иконки для сайтов и блогов</a> (4)</li>
	<li><a href="http://design-mania.ru/downloads/icons/vysokogo-kachestva1/" title="Наборы иконок очень высокого качества (06.11.2011)">Наборы иконок очень высокого качества</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://design-mania.ru/downloads/icons/icontoucan/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

