Иконки PSD – незаменимый элемент любого дизайна UI , не уступающий по важности даже шрифтам, однако на практике редко кто занимается разработкой собственных иконок для каждого веб-проекта. С другой стороны, на поиск подходящих по качеству и оформлению иконок также уходит немало времени, но сегодня мы решили помочь вам, и подготовили подборку бесплатных наборов иконок на все случаи жизни.
Icons8 — набор из 20 тысяч плоских иконок в любых форматах, размерах и цвете! Здесь представлены такие категории, как бизнес, одежда, еда и многие другие. Icons8 можно скачать в виде приложения для Mac или в виде ZIP-архива .
Яркая коллекция векторных иконок от специализированного ресурса Freepik – лишь одна из множества представленных. Она идеально подойдет для деловых и независимых проектов. Дополнительно скачать PSD иконки можно в форматах .AI , .EPS и .SVG .
Этот набор, выполненный в черно-белом цвете, содержит комбинацию четких функциональных и эмоциональных векторных иконок. Кроме стандартных иконок этот набор содержит иконки в виде сердец и глаз, что позволит вам придать собственным проектам эмоциональный окрас.
Отличный набор иконок PSD для сайта, который можно использовать при разработке международного сайта, интернет-магазина или блога о путешествиях. В набор входит 195 бесплатных иконок с закругленными углами.
Если вы фанат Windows 8 , то вам стоит познакомиться с этим бесплатным набором иконок. Он включает в себя 700 хорошо оформленных иконок, которые можно свободно применять в проектах любого типа.
Еще один набор бесплатных иконок, который можно использовать при создании пользовательского интерфейса программного обеспечения для Windows или для Android/iOS . Скачав данный набор, вы получите 1000 плоских, созданных вручную, иконок, в том числе даже иконки для шторки приложений в Windows Phone .
Невероятный набор из 350 идеально четких иконок для приложений или сайтов. При этом их можно изменять в размере без потери качества.
80 идеально четких миниатюрных иконок, которые можно скачать как в PSD-формате , так и в виде иконического шрифта. Эти опрятные и утонченные социальные иконки PSD идеально подойдут для проектов любого типа.
Множество полезных иконок, которые можно использовать в личных и коммерческих проектах.
Набор иконок, выполненных в плоском стиле, среди которых можно выделить календарь, электронную почту, часы, карты и многое другое.
Набор, который включает в себя 108 уникальных монохромных иконок, выполненных в стиле минимализма. Все они доступны в формате PNG при размере 32 на 32.
Бесплатная коллекция в стиле Metro , которые можно использовать в собственных приложениях и веб-проектах. Иконки социальных сетей PSD бесплатны как для личного, так и для коммерческого использования. В архиве представлены не только форматы PSD , SVG , ESP и AI , но также и веб-шрифты.
Элегантный набор иконок, разработанных под вдохновением от iOS 7 , который вы можете использовать в собственных приложениях. Скачать иконки можно в следующих форматах: PSD , AI и ESP .
Иконки в стиле Pika , созданные агентством Dutch Icon из Дании. Этот набор включает в себя 42 идеально четких иконки.
Еще один набор простых, но привлекательных иконок, которые идеально подойдут для минималистических дизайнов. Iconic представляет собой open source набор, который можно скачать в PNG , SVG , SWC и других форматах, что позволит адаптировать их под собственные дизайны.
Набор из 44 иконок. Он содержит PSD иконки для форума, что позволит без труда отредактировать и адаптировать их под собственные проекты.
Token включает в себя 128 уникальных иконок, доступных в формате ICO в размерах 16 на 16 пикселей, 32 на 32 пикселя и 256 на 256 пикселей, а также в формате PNG в размере 128 на 128 пикселей. Каждая иконка представлена в темном и светлом вариантах, и дополнена PSD-файлом .
Пестрые иконки в плоском стиле, которые можно скачать в формате PSD и отредактировать под собственные нужды.
Набор, в котором вы найдете иконку PSD любого назначения: Skype , Facebook , Twitter , RSS , чашка кофе, “лайк ” и многое другое.
Если вы фанат минимализма, то этот набор точно вам понравится. Он состоит из 48 бесплатных иконок, отражающих офисные задачи, социальные аспекты, а также путешествия. Все они представлены в форматах AI и PNG , и их можно масштабировать без потери качества.
Набор включает в себя свыше 100 иконок, среди которых календари, антивирус, часы, электронная почта, приложения Microsoft Office , социальные сети, а также многое другое.
Набор из более чем 1000 иконок PSD , разработанных командой Icojam . Все они представлены также в формате PNG . Они идеально подойдут для использования при разработке нового сайта, так как их можно бесплатно использовать как в личных, так и коммерческих проектах.
И некоторые наборы иконок для веб-дизайна (В описании будет конкретно указано коммерческое использование). ObjectDock фоны и панели. Если вы хотите использовать некоторые из иконок в своем коммерческом проекте - свяжитесь со мной.
Скачать бесплатные иконки и курсоры для дизайна можно в разделе Ресурсов, категория Сток Иконки .
Много лет назад я нарисовала набор иконок Artist"s Workbook в стиле фэнтези, но в нем нехватало еще иконки почты, по этому я добавляю ее сейчас. Это коричневый конверт, обвязанный красной лентой с потертым письмом внутри. PNG 256px, ICO 256px до 32px. Created: 2014 License: Free for Personal Use, non-commercial. No modify
Универсальная Иконка Смартфона, Мобильного Телефона или любого Мультимедиа устройства под тремя разными углами. Создано в футуристичном, военном стиле. Мелкие размеры имеют вручную увеличенную четкость. PNG 256x256 px, ICO 256x256 до 32x32 px. Создано: Август 2011
Некоторое время назад я искала иконку для фубара, но так и не нашла то что мне хотелось бы использовать на своем рабочем столе. Посему я создала свою 3D иконку с традиционным инопланетянином, добавив версию с наушниками. В упаковке 3 иконки под разными углами. PNG 256x256 px, ICO 256x256 до 32x32 px. Создано: Август 2011 Лицензия: Бесплатно для частного использования, не для коммерческих целей. Не модифицировать.
Средневековые иконки в стиле гранж и фентези: древняя книга с пером и закладкой, новости, архив - стопка бумаг, заметки - стпринное письмо, проекты, документ и золотые монеты. Формат: 6 PNG иконок 256x256px. Создано: Июнь 2011 Лицензия: Бесплатно для частного использования, не для коммерческих целей. Не модифицировать.
Иконки программ для рабочего стола и доков: реестр, мобильный телефон, Dreamweaver, 3D Studio Max, клавиатура (горячие клавиши), менеджер закачек, Блокнот, Daum PotPlayer, настройка, Монитор (Мой Компьютер) Poser итд. Форматы: PNG 256x256px, ICO 256x256 до 32x32. Создано: Февраль 2011 Лицензия: Бесплатно для частного использования, не для коммерческих целей. Не модифицировать.
Альтернативные иконки на рабочий стол для Adobe Creative Suite 5. Была попытка сохранить оригинальный стиль, добавив немного футуристичности. Всего 10 иконок в комплекте: Photoshop, Illustrator, InDesign, Dreamweaver, Soundbooth, Lightroom, AfterEffect, FlashBuilder, Flash Pro, Premiere. Форматы: PNG 256x256px, ICO 256x256 до 32x32. Создано: Февраль 2011 Лицензия: Бесплатно для частного использования, не для коммерческих целей. Не модифицировать.
Серый набор: 120 иконок. Включает иконки жесткого диска, изображений, аудио файлов популярных форматов, иконки видео файлов, большая часть иконок документов и системных файлов. Размер: 256x256, 128x128, 96x96, 64x64, 48x48, 32x32. Версия 1.1 - от 18-11-2010. Wincustomize.com | MB-Greylight Страница Создано: Октябрь 2010 Лицензия: Бесплатно для частного использования, не для коммерческих целей. Не модифицировать.
38 простых блестящих пластиковых иконок с неоном. Размеры: от 256x256 до 32x32. Иконки программ и универсальные иконки: Adobe CS5, uTorrent, 3D Studio Max, Opera, почта, музыка, видео, RSS, игры, книги, поиск, статистика, новости, закачка... Изначально создано для веб, но дополнено для использования на рабочем столе. Создано: Август 2010 Лицензия: Бесплатно для частного использования и коммерческих целей.
19 иконок (.ICO) в темном стиле. Размеры: 256x256, 128x128, 96x96, 64x64, 48x48, 32x32. Каждый размер имеет собственную тень и улучшеную четкость. Включает: Photoshop, ImageReady, 3D Studio Max, Acrobat, Daemon Tools, Dreamweaver, MSN Messenger, Miranda, Exact Audio Copy, Easy CDDA Extractor, FlashGet, Opera, Foobar, Audio Collection, Maxthon, FontExpert, Printer"s Apprentice и uTorrent. Создано: Июль 2010 Лицензия: Бесплатно для частного использования, не для коммерческих целей. Не модифицировать.
Возврящаюсь из своего черного подвала с третьим набором иконок. Снова эстетика и готичные элементы. О названии... XIII можно читать как x3 - 3 года на WinCustomize, или как 13. Размер иконок: 256x256, 128x128, 64x64, 48x48, 32x32. Всего: 111 иконок в IP. Wincustomize.com |
Иконка мобильного приложения - это небольшая картинка, представляющая приложение на маркете, таком как Google Play или App Store, и устройстве пользователя. Если вскоре вам предстоит создать свой первый дизайн иконки мобильного приложения, прислушайтесь к этим советам. Они помогут вам избежать ошибок, которые подстерегают новичков.
Как дизайнеру, вам важно обратить внимание на приложение: ведь часто пользователи принимают решение о выборе приложения, руководствуясь исключительно внешним видом иконки в маркете. Продуманная иконка ассоциируется с качественным приложением и удобным интерфейсом, а сделанное на скорую руку изображение не внушает доверия.
Поэтому примите во внимание следующие советы по созданию дизайна иконки для приложения:
Иконки существуют не сами по себе, а внутри графической оболочки той или иной системы. Они должны гармонично вписываться в интерфейс, не выглядеть чужеродно рядом с иконками других приложений, но при этом быть уникальными. Поэтому разработка иконки приложения начинается со знакомства с руководствами производителя системы и изучения сеток для построения иконок в Photoshop.
Вот руководства, с которых стоит начать:
Изучив тенденции и стандарты, соблюдения которых от вас ожидает производитель ОС, можно переходить к следующему шагу.
Иконка приложения для локальной компании, например службы доставки еды, будет отличаться от иконки фирмы, которая хочет выйти на международный рынок. В последнем случае вам нужно быть уверенным, что вы используете универсальные символы, которые будут одинаково восприниматься людьми из разных частей света и не обидят чьи-либо чувства:
То, что выглядит хорошо, занимая лист A4, не обязательно «выстрелит» в размере 120 x 120 пикселей. Профессиональный дизайн иконки должен это учитывать.
Минимализм - ваш лучший друг. Чем больше украшательств и деталей на иконке, тем ниже ее узнаваемость. Иконка должна быть чем-то вроде символа - достаточно простой и понятной. Например, вот иконка, которую мы сделали для приложения с рецептами Кукорама :
Этот совет актуален, если вы делаете иконку для Android-приложения. Руководство по Android Material подробно рассказывает об этом аспекте. В нем также приведены значения для теней, отбрасываемых иконкой того или иного цвета.
В маркете иконка отображается на белом или светло-сером фоне, но обои на устройствах пользователей гораздо разнообразнее. Поэтому не забудьте проверить, как выглядит дизайн иконки приложения на фоне разных цветов.
Конечно, если это не нарушает общее впечатление. Оригинальное использование перспективы поможет вам сделать иконку приложения еще более заметной. Вот отличный образец использования перспективы:
Иконки ниже запоминаются благодаря использованным на них формах:
Форма помогает распознать иконку даже если она очень маленького размера.
Начав увеличивать количество используемых цветов, вам будет трудно остановиться. Поэтому используйте один или два цвета - этого достаточно. Вот хороший пример иконки с двумя цветами:
Существуют замечательные фотореалистичные иконки , но использование фотографий - это табу.
Мелкий текст тяжело читать, и его использование создаст проблемы в случае локализации, если, например, приложение выйдет для китайского рынка. При этом вы можете использовать первые одну–две буквы из названия компании, как это делают Tumblr или Pinterest:
Это очень плохая практика, которая запутывает пользователя. Элементам интерфейса на место на вашей иконке.
С хорошей иконкой пользователю даже не придется заглядывать в описание: для плееров обычно используют ноты, инструменты или визуалайзер, для камер - изображения фотоаппарата или объектива, а для мессенджеров вроде Viber - облачка сообщений:
В иконке для проекта UARoads мы отобразили сразу два важных аспекта приложения: необходимость отправлять данные на сервер для обработки и то, что оно предназначено для автомобилистов. Также на иконке использованы цвета национального флага:
Несмотря на предыдущий совет, взгляните на иконки конкурентов - скорее всего, они уже как-то обыграли главную функцию приложения. Поэтому попробуйте не повторяться. Например, иконка Wunderlist выгодно отличается от иконок других приложений со списками дел:
А вот иконка, которую мы создали для приложения KeepSnap , которое ориентировано на фотографов:
Как видим, даже к созданию такого небольшого элемента как иконка, стоит подходить со всей ответственностью. Удачный дизайн иконки привлекает внимание пользователей, которые пришли в маркет совсем за другим приложением.
Смена иконки - это тоже не шутки. Например, владельцам Radium, приложения-агрегатора радиостанций, пришлось менять иконку несколько раз за месяц, потому что она не пришлась по вкусу пользователям.
Мы, студия , с удовольствием создадим иконку для вашего приложения, которая будет выгодно отличать его от продукции конкурентов.