Tod — Wed, 25 Apr 2012 11:41:58 +0000

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

Isometric 3D Social Icons Set

Скачать ~ 9 Мб// Источник

Набор включает в себя изометрические иконки популярных социальных сервисов (всего 31 сервис). Предлагается на выбор 4 размера: 32, 64, 128 и 256 px. Причем, нужно отметить, что в коллекции Isometric 3D Social Icons Set представлены не просто иконки, а полноценные ролловеры (поэтому в архиве не только png файлы, но и html).

3D Social Media Icon Pack

Скачать ~ 300 Кб// Источник

Набор креативных трехмерных иконок созданных для Tutorial9, можно использовать для личных или коммерческих проектов. В архиве представлены самые популярные сервисы – Digg, YouTube, Technorati, Flickr, Twitter и другие – всего 20 разных иконок.

20 Amazing 3D social icons

Скачать ~ 1 Мб// Источник

Еще один весьма оригинальный сет 3D иконок по другим углом. Каждый логотип выполнен без “подложек”, что может пригодится в разных ситуациях. Иконки прозрачные в формате PNG размерами 64×64 и 128×128 пикселей. Смотрятся они, по моему, очень симпатично, представлены наиболее популярные социальные сервисы.

Vector 3D Social Icons

Скачать ~ 2,3 Мб // Источник

Еще один набор созданный эксклюзивно для читателей одно из дизайн блогов. Основной особенностью 3D иконок является простота исполнения, здесь нет ничего лишнего. В архиве вы найдете 10 трехмерных картинок для блогов, сайтов и т.п. Как вы уже, наверное, поняли из названия здесь также имеются векторные исходники (AI файлы) с помощью которых можно изменить размеры картинок без потери качества. Также для примера в набор добавлены PNG иконки 256х256 пикселей.

Tron Legacy Icons

Скачать ~ 24 Мб // Источник

Для фанатов фильма трон или различных “неоновых” сайтов набор подойдет идеально. В архиве найдете файлы форматов PNG, BMP, GIF, ICO и даже векторные AI. Это самый большой набор трехмерных иконок, где представлены изображения в разных вариантах – активные и неактивные, а также имеются размеры от 16 до 256 пикселей. Очень крутой по исполнению (я бы сказал максимально укомплектованный) архив иконок.

3D Sosyal medya ikonları

Скачать ~ 500 Кб // Источник

Последний по счету, но не реализации набор – стильные трехмерные социальные иконки в виде “тонких пластинок”, содержит 12 файлов в формате PNG и размером в 512 пикселей. Как видите из превью, выглядят изображения очень симпатично с небольшим бликом и насыщенными яркими цветами. Представлены все самые популярные соц.сети и сервисы.

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

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

Теги: бесплатные иконки, иконки сервисов, скачать иконки, социальные иконки, социальные сервисы

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

Tod — Tue, 24 Jan 2012 12:27:24 +0000

Наборы иконок не публиковались на Дизайн-мании достаточно давно, поэтому я решил, что сегодня самое время побаловать вас чем-то свежим. Следующие 3 бесплатных сборки объединены между собой общим стилем исполнения изображений, который называют как Glossy (глянцевый). Сложно не заметить, что эти иконки достаточно яркие (местами даже чрезмерно), а также весьма стильные. Если у вас есть похожие по дизайну сайты, то эти Glossy миниатюрные изображения их однозначно украсят. Кстати, недавно публиковал подобные картинки для разных интернет сервисов в статье про наборы социальных иконок первый из которых также исполнен в традиционно глянцевой стилистике.

Glossy: Free Icon Set

Скачать ~ 18,7 Мб // Источник

В набор Glossy: Free Icon Set входит 20 базовых иконок высокого качества. Каждая иконка представлена в шести размерах (32х32, 48х48, 64х64, 128х128, 256х256 и 512х512). Помимо этого в наборе присутствуют 48 иконок, которые «обыгрывают» различные «состояния» базовых – рядом с иконками располагаются плюсы, минусы и т.п. – полезно при разработке каких-то программных интерфейсов или приложений. По стилистике, кстати, иконки также подходят для «рабочих» сайтов – иконки пользователей, чемодана, телефона, корзины, гаечного ключа и т.п. Формат иконок — PNG, размер архива — 18,7 Mb.

3D Glossy Icon Set: 20 Free Icons (with PSD)

Скачать ~ 1,85 Мб// Источник

3D Glossy Icon Set – это набор бесплатных трехмерных иконок от Iconshock, ракурс изображений «сверху-вниз». Выполнены все глянцевые иконки просто безупречно с точностью до каждого пикселя, выглядят красиво и интересно. Все иконки в наборе представлены в пяти размерах. Коллекция Glossy Icon Set интересна тем, что помимо конечных PNG-иконок содержит PSD исходники. Использовать данные картинки можно в любых как личных так и коммерческих проектах.

Webtoys 50 icons

Скачать ~ 1,14 Мб // Источник

Глянцевые иконки из Webtoys 50 icons — это, во-первых, подборка достаточно внушительных размеров. Даже по превью видно, что она значительно больше двух предыдущих коллекций. В принципе, набор не имеет ярковыраженной тематики, в нем содержатся иконки на все случае жизни – здесь вам и мобильный телефон, и монитор, и дизайнерские какие-то элементы, RSS иконка, канцелярия и т.п. Размер всего набора глянцевых иконок небольшой за счет того, что представлены изображения лишь в одном формате 64х64 пикселей в PNG. Но не смотря на это, набор Webtoys 50 icons заслуживает внимания, тут явно можно что-то для себя и своего сайта найти.

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

Теги: архивы иконок, бесплатные иконки, иконки для сайта, стильные иконки

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

Tod — Mon, 28 Nov 2011 14:31:17 +0000

Социальная сеть Google+, даже находясь в стадии бета-тестирования, ураганом ворвалась в жизнь продвинутых пользователей, поэтому не стоит удивляться тому интересу который данная социальная сеть вызывает, в том числе и у веб-дизайнеров, разработчиков и seo оптимизаторов. Этот интерес достаточно велик и постоянно “подогревается” разработчиками Google, которые постоянно усовершенствуют проект и добавляют интеграцию с другим своими сервисами. Так, например, среди сеошников популярностью пользуются кнопки и иконки Google+ которые позволяют добавлять “+1″ для вашего сайта или страницы.

Но не “+1″ единым, в последний год внешний вид Google+ диктовал моду и другим сервисам компании Google, которые подверглись изменению дизайна и стиля оформления. Общим элементом для многих проектов можно выделить стильное меню вверху страницы, похожие иконки, кнопки управления да и вообще много разных элементов, что можно найти во всех проектах – от почты Gmail до Google Reader. Cегодня представляю вашему внимаю интересный набор кнопок в стиле Google+, найденные на сайте shrapp.nl. Набор этот является не просто иконками социальной сети Google+, а скорее целым фреймворком позволяющим добавить кнопки из интерфейса Google+ на свой сайт.

Посмотреть демо как работают кнопки Google+, скачать эти иконки и почитать документацию по их установке можете на этой странице. Во-первых, вы, конечно. можете просто сказать эти симпатичные минималистические иконки для разных действий, ситуаций и т.п. дабы использовать в своем дизайне или сайте. Более продвинутый вариант – это подключение фреймворка (скриптов) для применения иконок через css cтили легко и быстро.

Установка кнопок Google+

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

Итак, порядок установки:

1. Поместите файл css и изображения в корневую директорию сайта, ну или туда где у вас располагаются стили для шаблона.

2. «Подключите» таблицу стилей для этого добавьте в код ссылку вида (добавляется где угодно между и ):

<link rel="stylesheet" href="css/css3-buttons.css" type="text/css" media="screen">

3. Далее подключим jQuery TipTip плагин и соответствующую таблицу стилей (добавляется где угодно между и ):


<link rel="stylesheet" href="tiptip.css" type="text/css"  media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">script>
<script src="jquery.tiptip.js">script>
<script>
        $(document).ready(function() {
                // Launch TipTip tooltip
                $('.tiptip a.button, .tiptip button').tipTip();
        });

4. Если вам нужны dropdown (выпадающее) меню, добавляем также:

<script>
        $(document).ready(function() {
                // Toggle the dropdown menu's
                $(".dropdown .button, .dropdown button").click(function () {
                        $(this).parent().find('.dropdown-slider').slideToggle('fast');
                        $(this).find('span.toggle').toggleClass('active');
                        return false;
                });
        }); // END document.ready
 
        // Close open dropdown slider/s by clicking elsewhwere on page
        $(document).bind('click', function (e) {
                if (e.target.id != $('.dropdown').attr('class')) {
                        $('.dropdown-slider').slideUp();
                        $('span.toggle').removeClass('active');
                }
        }); // END document.bind

На этом установку можно считать законченной. Теперь чтобы, например, вывести вот такие кнопки:

… добавляете код:

Left
Middle
Right

То есть за счет фреймворка все кнопки Google+ можно отображать через css и html путем несложных действий. Другие примеры использования кнопок в стиле Google+ можете найти в документации, на которую я ссылался ранее. В принципе нет ничего сложного, а получается весьма симпатично и стильно – особенно это, думаю, актуально будет для разработок каких-то внутрикопроративных сайтов, где кнопки будут использоваться для интерфейса системы.

P.S. Заказать книги в интернете теперь стало еще проще, специальный книжный интернет магазин имеет весьма широкий ассортимент и услугу доставки книг.
Для очищения организма от вредных элементов и шлаков помогают постные блюда рецепты которых в большом количестве вы сможете найти на нашем сайте.
Иногда для подъемов грузов заказывают специальную услугу наладка подъемников причем разных типов – от шахтных до кухонных и различных подъемных столов.

Теги: css стили, google, иконки для сайта, иконки сервисов, кнопки для сайта, монохромные иконки, примеры кода, фреймворк

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

Tod — Sun, 06 Nov 2011 11:47:57 +0000

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

IsoIcons Workspace

Скачать ~ 500 Кб // Источник

IsoIcons — набор изометрических иконок в формате 128х128 пикселей. Основной мотив комплекта обозначен в его названии — “рабочее пространство”. Поэтому вы найдете здесь все изображения связанные с этим понятием – будь то ноутбук, рабочее кресло, стол, планшет или mac компьютер. Иконки, как видите, тщательно проработаны и здорово смотрятся. Формат изображений PNG, занимают не так много.

This is ART 2

Скачать ~ 7 Мб // Источник

ThisisART 2 — коллекция из 12 иконок весьма приличного размера 512х512 пикселей. Впечатляет качество и уровень детализации иконок. Формат иконок – .ico или .icns. Тематика данных изображений – все что связано с искусством, фотографией, дизайном и кино. Набор хорошо подойдет для персонального блога / сайта дизайнера или даже студии – есть понятия коддинга, веб-дизайна, рекламы, иллюстраций и т.п. Весьма и весьма симпатичный набор иконок.

P.S. В соответствии с последними постановлениями правительства нужно использовать корректировочные счета фактуры для того чтобы исправить основной счет-фактуру.

Теги: архивы иконок, бесплатные иконки, скачать иконки, стильные иконки

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

Tod — Tue, 04 Oct 2011 02:25:36 +0000

Мобильные телефоны – достаточно популярная тема для наборов иконок. В Дизайн Мании я уже когда-то публиковал разные PSD наборы для iPhone, но сейчас рынок смартфонов стал куда более разнообразным – многие производители представили свои альтернативы “яблочному гиганту”. Представляем вашему вниманию набор высококачественных иконок по данной тематике , который состоит из файлов PNG и векторных исходников AI дабы вы могли использовать картинки в своих тематических проектах.

В данном наборе иконок мобильных телефонов содержится 10 наиболее популярных моделей такие как: Blackberry Bold, iPhone 4, HTC Evo 4G, Motorola Droid, Acer Stream, Microsoft Kin, Nokia N8, Samsung Captivate, Sony Ericsson Vivaz и LG Fathom. Каждая иконка разумеется в точности повторяет формы и внешний вид смартфонов.

Скачать ~ 5,3 Mb (исходник)

После того как распакуете архив найдете там 2 папки с иконками в векторе AI и уже готовые PNG изображения размером 512х512 пикселей. Как видите, иконки в точности соответствуют моделям и даже имеют характерный вид интерфейса – иконки на экране в стиле iPhone 4 или HTC. Если что-то нужно подправить – используете вектор и вносите соответствующие изменения. По лицензии данные иконки смартфонов можно использовать как для своих личных, так и для коммерческих проектов. Надеюсь вам набор понравился – можно добавить к другим архивам с изображениями мобильных телефонов.

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

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

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

Tod — Sat, 06 Aug 2011 14:22:29 +0000

Запуск социальной сети Google+ стал очередным витком развития интернета. Не могу сказать, что событие произвело фурор и “массовое помешательство”, хотя при этом новости свидетельствуют о рекордно быстрых темпах развития сети. Это отчасти может быть объяснимо тесной интеграцией и частым использованием с остальных сервисов Google, тем не менее, нельзя отрицать значимость этого события для глобальной паутины. Социальная сеть Google+ пусть и не перевернула все с ног на голову, но изменила интернет в каком-то смысле. Пользователи начали более активно заполнять свои профайлы (кстати, вот мой профайл – давайте дружить), кнопка Google+ появилась в выдаче с привязкой к пользователям, иконку Google+ начали размещать для статей и проектов целиком.

Сегодня пост посвящен именно кнопке Google+ и различным бесплатным иконкам, которые сейчас существуют в сети по этой тематике. В целом, конечно, кнопка имеет достаточно стандартный дизайн, предложенный гуглом, но различные дизайнеры и креативщики, как обычно, решили немного эти иконки Google+ “обыграть” по своему. Кое-где встречаются архивы с PSD файлами для Photoshop (PSD) и вектором для Adobe Illustrator (Ai), поэтому если умете ими пользоваться, сможете внести свои изменения и создать персональные оригинальные Google+ иконки.

Внимание! Если вам, в принципе, нужны все иконки Google+ скачайте этот архив.

Иконки Google Plus от Spaksu

Архив содержит 16 цветных иконок Google+, которые можно использовать бесплатно в своих целях. Иконки отличаются по стилю исполнения между собой. В наборе 5 различных размеров- от 16×16 до 128×128 пикселей.

Isometric 3D Social Icons Set

3D Social Media Icon Pack

20 Amazing 3D social icons

Vector 3D Social Icons

Tron Legacy Icons

3D Sosyal medya ikonları

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

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

Установка кнопок Google+

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

IsoIcons Workspace

This is ART 2

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

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

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

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

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

30 E-Commerce Icons

Иконки KaChing электронная коммерция

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

Winter Holiday и Christmas Icons

Smashing Christmas Icon Set

Happy Santa icons

Christmas Icon Mix

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