Иконка логотип: Иконки логотипы — 22,750 бесплатных иконок

Содержание

Сайты с бесплатными иконками и логотипами – База знаний Timeweb Community

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

Иконки

Captain Icon

https://mariodelvalle.github.io/CaptainIconWeb/

Здесь можно найти более 350 векторных иконок. Их можно легко масштабировать без потери качества. Форматы разные: eps, psd, png, svg, а также веб-шрифты и Sketch.

Иконки распространяются под лицензией CC BY-SA, то есть материалы можно использовать в личных и коммерческих проектах.

Ego

https://www.ego-icons.com/

На этом сайте есть 3600 иконок, но бесплатно можно скачать только 100 из них. Если хотите использовать все из них, то придется заплатить 217 долларов. Форматы: Sketch, ai, svg, pdf, eps, iconjar.

Иконки представлены в синих и серых оттенках.

Endless Icons

http://www.endlessicons.com/

Здесь есть множество бесплатных черно-белых иконок. Помимо общего каталога, иконки можно выбрать по тематическим группам: fashion, food, shopping, social media и так далее. Есть еще разбивка по тегам.

Все иконки можно использовать как в личных, так и в коммерческих проектах.

Flaticon

https://www.flaticon.com/

Один из самых крупных сайтов с бесплатными иконками: здесь представлено больше миллиона векторных иконок. Бесплатно использовать их можно при условии, если вы укажете авторство. Если желания указывать нет, то вам нужно купить платную подписку. Она стоит 9,99 евро в месяц либо 89,99 евро за год (т.е. 7,50 евро в месяц).

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

Icofinder

https://www.iconfinder.com/

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

Логотипы и favicon

Небольшая справка: favicon — значок, который отображается рядом с названием сайта на вкладке в браузере. Также может отображаться в поисковой выдаче.

Logomakr

https://logomakr.com/

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

Online Logomaker

https://ru.onlinelogomaker.com/

Это более продвинутый по функциям конструктор. Здесь можно добавлять разноцветные символы; большой выбор латинских шрифтов, но и для кириллицы есть несколько вариантов. Помимо логотипа, можно создать визитку.

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

Canva

https://www.canva.com/ru_ru/sozdat/logotip/

Известный в кругах дизайнеров и SMM-щиков проект, который часто используют для создания красивых изображений. Не все элементы бесплатны — часть из них можно купить отдельно либо приобрести подписку за 12,95 долларов в месяц. Но перед этим есть бесплатный 30-дневный тестовый период.

Designimo

https://www.designimo.com/

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

Где найти иконки (картинки) для своего логотипа?

Содержание:
1.Где и как искать иконки?
2.Как найти иконку в Google
3.Как найти иконку при помощи Яндекса

Создаете логотип в logaster.ru, но не можете найти нужную иконку, картинку так как предложенные нами варианты вам не подходят?

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

Поэтому не стоит расстраиваться, ведь вы все равно сможете получить логотип с желаемой картинкой.

Для этого нужно:
1. Создать логотип, используя для этого любую из предложенных Логастером иконок.
2. Скачать полученное в результате изображение.
3. Найти новую иконку по своему вкусу.
4. Заменить старую картинку в логотипе на новую.

Как создать и скачать логотип мы уже рассказывали ранее.

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

Где и как искать иконки?

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

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

Наиболее очевидный способ найти нужное изображение — использовать для этого поисковые системы, например Google и Яндекс.

Как найти иконку в Google:

1. Выберите «Поиск по картинкам».
2. Напишите ключевые слова для поиска. Например, «собака» или «dog».
3. Уточните свой поисковый запрос, используя слова «иконка», «вектор», «клип-арт» и т. д.
4. Выберите «Инструменты поиска» — «Тип» — «Иллюстрация».

Как найти иконку при помощи Яндекса:

1. Выберите «Поиск по картинкам».
2. Напишите ключевые слова для поиска.
3. Используйте фильтры (размер, ориентация, тип, цвет), отображенные на картинке ниже.
В итоге вы получаете перечень изображений, которые можете сохранять и использовать для своего логотипа.

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

Flaticon

Большая бесплатная коллекция монохромных векторных изображений. Поиск нужного изображения выполняется по словам (на английском) или по категориям. Затем достаточно выбрать иконку и скачать ее.

Freepik

На этом сайте вы найдете не только бесплатные, но и шаблоны PSD, а также другие графические материалы. Также к вашим услугам раздел Stock Fotos, где вы можете купить уникальные фотографии.
Поиск нужного изображения выполняется по словам и категориям с возможностью использования фильтров и меток.

Find Icons

Здесь есть множество иконок — от плоских монохромных до красочных 3D-изображений. Доступен поиск по цвету, фону и даже стилю.

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

Freeicons


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

IconSearch

Очень много иконок разного качества, которые можно скачать в формате PNG и ICO. Преимуществом сервиса является русскоязычный интерфейс и возможность поиска картинок на русском языке.

Iconsguide

Этот сайт является своего рода каталогом, в котором можно найти сайты с платными иконками. Вы просто выбираете изображение по своему вкусу, и сервис перенаправляет вас на веб-ресурс, который ее продает.

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

После того как вы нашли нужную иконку (картинку) самое время заменить старую! О том, как это сделать, читайте в статье «Как заменить иконку в логотипе?»

Руководитель отдела маркетинга и главный генератор идей компании Logaster. Автор книги «Как создать фирменный стиль и не разориться». Ценит экспертный подход, но в то же время использует простой язык для объяснения сложных идей.

15+ сервисов для поиска иконок

Содержание:
1.Почему поиск иконок на сторонних сервисах – не всегда лучшая идея?
2.Сервисы с бесплатными иконками
3.Обзор сервисов с платными иконками

Создаете новый логотип для своей компании или личного бренда, и ищете свежие оригинальные иконки, которые могли бы стать его основой? Тогда позвольте нам облегчить ваши поиски, ведь в этой статье мы представляем подборку наиболее известных и востребованных сервисов для поиска иконок – как бесплатных, так и платных. Однако стоит помнить, что…

Почему поиск иконок на сторонних сервисах – не всегда лучшая идея?

Использование готовых иконок для оформления своего лого зачастую приводит к рискам, вот наиболее значимые из них, на которые стоит обратить внимание:

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

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

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

Сервисы с бесплатными иконками

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

1. Streamlineicons

Обширный каталог из 5000 разнообразных векторных иконок для сайтов, iOS и Android приложений. Они распределены по 97 тематическим категориям, пакет на 100 иконок можно скачать бесплатно, а за 2000 и 5000 иконок придется заплатить 67$ и 97$. StreamLine позволяет в один клик импортировать все доступные вам объекты в популярный органайзер IconJar для более удобного применения. Изображения предлагаются в двух стилях: со стандартным и жирным шрифтом, также вам удастся самостоятельно регулировать толщину их линий.

2. Iconstore

На сайте опубликовано более 220 паков цветных, контурных и символических изображений, скачать которые бесплатно и без регистрации может любой желающий. Каждый из них посвящен определенной тематике, возможно выбрать интересующую тему из списка категорий. Также паки снабжаются данными о количестве картинок и доступных форматах – большинство в SVG, но также встречаются EPS, AI, PSD, PNG. Система поиска позволит найти иконки по ключевым словам, а подписка поможет не пропустить свежие обновления.

3. Pixelicons

Доступно свыше 6500 изображений в трех стилях: цветном, контурном и выделенном жирным шрифтом. Все иконки можно скачать в самых разнообразных форматах, включая SVG, PNG, PSD, CSH, EPS, AI, PDF, WEB, SKETCH, а также мгновенно импортировать их в популярное тематическое приложение IconJar. 300 иконок предлагаются бесплатно, а за расширенный доступ придется заплатить 67$ или 97$. Все изображения разработаны с применением 16-пиксельной сеточной системы, еще пользователь может изменять их цвета, размеры, ориентацию, тени и штрихи.

4. Flaticon

Сервис предлагает клиентам обширную базу из 865 500 иконок, сгруппированных по 16 722 пакам. Здесь можно найти как бесплатные, так и премиум паки, все изображения загружены на сайт в наиболее актуальных форматах: SVG, PNG, PSD, Iconfont, EPS и BASE64. На главной странице FlatIcon размещаются популярные иконочные паки, например, за последний месяц или же за всё время. Есть возможность скачать иконки в векторном или растровом формате, в размере от 16px до 512px, а также придавать им разные цвета.

5. Iconfinder

Почти 2.5 миллиона иконок в формате SVG, как бесплатные, так и платные паки с определенным количеством изображений – каждый из них имеет свою цену, назначаемую разработчиком. Все объекты распределены по десяткам тематических категорий (всего их более 50), а также 12 стилям (от пиксельного и нарисованного от руки до мультипликационного и фотореалистичного). Платная подписка (за 19$ или 49$) дает доступ ко всем иконкам в разных форматах (SVG, IconJar, PNG) и позволяет использовать их в коммерческих целях.

6. Freepik

На этом сайте вы сможете бесплатно скачать не только иконки, но также векторы, иллюстрации, PSD файлы и стоковые фотографии, выбирая их среди десятков тематических разделов. Сейчас FreePik предлагает посетителям почти 100 000 бесплатных иконок, подходящих для личного или коммерческого применения и рассортированных более чем по 30 категориям. Их можно загружать в актуальных форматах PNG, SVG и EPS. Есть возможность отсортировать как самые популярные, так и только новые иконки.

7. Icons8

В каталоге вас ждет 69 900 иконок, доступных во всех популярных форматах (PNG, SVG, EPS, PDF) и различных размерах (48px, 96px, 480px и т.д.). Бесплатно предлагаются только иконки в PNG с предельным размером в 100х100px, за полный доступ к функционалу сайта придется платить 19.90$ в месяц. Все объекты тщательно распределены по тематикам, они соответствуют стандартам iOS, Android и Windows. Есть возможность перекрасить иконку в необходимый вам цвет, а также регулировать толщину ее линий.

8. Glyphish

Более 1600 иконок, разработанных в стиле Glyphish (версии 3, 4, 5, 6, 7, 8) и оптимально подходящих для любых iOS приложений. Пользователи могут скачать их в PNG (готовых к перемещению в Xcode), SVG, PDF, AI и PSD. 50 тестовых иконок доступны каждому желающему абсолютно бесплатно, а полный комплект изображений удастся приобрести за 99$. Иконки имеют широкие возможности для редактирования, полностью соответствуют официальным стандартам Apple и прекрасно отображаются на новейших дисплеях Retina.

9. Thenounproject

Администрация проекта обещает, что здесь вы найдете более миллиона оригинальных иконок, созданных дизайнерами со всего мира. Используя бесплатный аккаунт, вы будете вынуждены платить комиссию разработчику скачанной вами иконки. Платный аккаунт дает возможность использовать всю базу сайта за 9.99$ в месяц неограниченно без дополнительных расходов. Иконки доступны в форматах PNG и SVG, они подходят для целого ряда приложений от Apple, Google, Adobe, Microsoft, есть широкий выбор цветовых настроек.

10. Iconmonstr

В базе сервиса размещено свыше 4200 бесплатных иконок, рассортированных по 296 коллекциям. Пользователям доступны иконки в различных стилях: с жирными или тонкими линиями, пустыми или заполненными окружностями и рядом других дизайнерских вариаций. На сайте представлены различные форматы изображений, включая SVG, PNG, PSD и EPS, все они имеют небольшой вес, оптимально подходят для веб-сайтов и мобильных приложений. А встроенный генератор поможет вам с легкостью редактировать размеры, цвет и фон каждой иконки.

11. Futuramo

Здесь вы получите доступ к более чем 3000 векторных иконок, разработанных в 16 различных стилях. Каждый объект можно скачать в том или ином формате, включая PNG, SVG, SVG Icon Sheets для AI, SVG Sprites и Icon Webfonts. Все иконки идеально соответствуют 16-пиксельной сеточной системе, есть множество функций для изменения их расцветки, толщины линий и степени закругления углов. Также вы можете выбрать наиболее подходящую рамку из 24 доступных для каждого изображения.

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

Обзор сервисов с платными иконками

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

1. Creativemarket

Пользователям предлагается свыше 58 000 иконок в форматах SVG, PNG, JPG, PDF, PSD, EPS и AI, оптимально подходящих для оформления сайтов, соцсетей, инфографики и логотипов. На сайте можно найти иконки в различных стилях, (векторные, плоские, нарисованные от руки и т.д.) на те или иные тематики – от технологий до образования. Имеется удобная система поиска по ключевым словам, формату, цене и другим параметрам (самые свежие или популярные иконки и т.д.).

2. Iconsmind

На сайте размещено 2080 уникальных иконок, распределенных по 53 тематическим категориям в целом ряде форматов: SVG, EPS, AI, PSD, CSH, PNG и т.д. Объекты обладают высочайшим качеством, версия для iOS разработана с применением 30-пиксельной сеточной системы, а для Android – с 24-пиксельной. Полный доступ к базе со всеми возможными форматами обойдется в 79$, а за 59$ вы сможете скачивать иконки в EPS и AI. Есть широкие возможности для редактирования объектов, а лицензия IM позволяет без ограничений применять их в коммерческих целях.

3. Graphicriver

Посетителям этого онлайн супермаркета графики предлагается 17 500 иконок по цене от 2$ до 75$ за пак определенного объема. Например, за 75 долларов удастся приобрести комплект с 6150 объектами в 38 категориях. Вы сможете искать необходимые иконки по ряду критериев: тематике, цене, ключевым словам, рейтингу, новизне, количеству продаж и т.д. Каждый пак снабжен подробным описанием, превью иконок и перечнем доступных форматов (PSD, PNG, EPS, AI и т.д.), также можно выбрать тип лицензии.

4. Smashicons

На страницах сервиса доступно свыше 122 тысяч платных и бесплатных иконок, ежемесячно пополняемых новыми наименованиями. Вы легко сможете найти интересующий вас пак с иконками определенного стиля или тематики и скачать его за 19$ или же отдельную иконку всего за 1$. Выбрав платную подписку (за 50$/год или 149$ навсегда), вы получите полный доступ к возможностям сайта, включая все существующие форматы (JAR, SVG, AI, Sketch).

5. Pixellove

5000 высококачественных векторных иконок, идеально подходящих для различных iOS приложений. Объекты предлагаются в различных форматах: PDF, PNG, EOT, TTF, WOFF, а также AI, PSD и SKETCH (последние три, вместе с расширенной лицензией, доступны только для пакета iOS Infinity за 79$). Стандартный пакет, включающий все размещенные иконки, обойдется вам в 59$. Также есть возможность оплатить демо-доступ (1058 иконок) за 19 долларов.

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

Руководитель отдела маркетинга и главный генератор идей компании Logaster. Автор книги «Как создать фирменный стиль и не разориться». Ценит экспертный подход, но в то же время использует простой язык для объяснения сложных идей.

70+ ресурсов для тех, кому нужен бесплатный дизайнерский контент: иконки, шрифты, шаблоны, логотипы

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

В статье мы собрали:

  • 46 специализированных ресурсов: 29 – с иконками, 11 – со шрифтами, 6 – с PSD-шаблонами.
  • 18 огромных архивов, где можно сразу найти всю необходимую графику.
  • 7 сервисов по созданию логотипов и фавиконов.

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

Большинство контента в интернете распространяется по лицензиям Creative Commons. Если необходимо поставить ссылку на автора, добавьте ее в нижний колонтитул или на страницу «О нас».

29 сайтов с бесплатными иконками

Captain Icon

Марио из Испании предлагает вам бесплатно скачать 350 векторных иконок. Здесь нет определенной тематики, но много категорий: design, sports, social и др.

Иконки доступны в EPS, PSD, PNG, SVG, SKETCH форматах. По отдельности скачивать нельзя, все наборы – в одном архиве.

Dryicons

Dryicons – сервис, созданный командой энтузиастов: дизайнеров и программистов. Здесь представлено свыше 5 000 иконок в 77 сетах.

Условия бесплатного использования: простановка обратной ссылки.

Ego Icons

Ego Icons созданы на основе базовых геометрических фигур: треугольников, шестиугольников, ломаных линий. Они представлены на сайте в форматах SVG, PDF, AI, SKETCH, EPS и ICONJAR.

Бесплатно можно использовать только 100 иконок. Платный доступ ко всем 3 600 значкам стоит 127 долларов.

Endless Icons

Мин Ким основал Endless Icons, чтобы делиться креативом с дизайнерским сообществом. В его библиотеке – сотни бесплатных черно-белых иконок в PNG и SVG.

Вы можете использовать Endless Icons и в личных, и в коммерческих целях.

Entypo

На entypo.com – свыше 400 премиум-иконок от Дэниэля Брюса.

Контент распространяется по лицензии Creative Commons, значит, необходимо указать авторство. Коллекцию Entypo можно использовать для личных и коммерческих целей.

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

Flaticon

Flaticon – огромное хранилище иконок от создателей Freepik.

Сайт предлагает свыше 500 000 векторных иконок, объединенных в 9 700 наборов. Они доступны для скачивания в форматах PNG, SVG, EPS, PSD и BASE 64. Прежде чем загрузить иконку, вы можете поменять цвет и выбрать размер.

Бесплатное использование – только с указанием авторства. Подписка за 10 долларов в месяц позволит использовать 400 обычных и 88 премиум-значков без обратных ссылок.

Glyphicons

Ищете минималистичные и монохромные иконки – посмотрите на glyphicons.com, там их более 800. Благодаря веб-шрифту и формату SVG иконки можно использовать при разработке сайтов, инфографики, мобильных приложений под iOS и Android.

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

Good stuff no nonsense

Основатель проекта – Агата, дизайн-иллюстратор из Польши. Разработка иконок – ее хобби.

На goodstuffnononsence.com можно скачать 5 наборов бесплатных иконок. Кажется, что контента мало, но он – высочайшего качества. Автор оформляет иконки вручную, они выглядят прекрасно.

Если вам понравится стиль, можно нажать “See All” и перейти к выбору платных сетов.

Icojam

Icojam.com принадлежит команде дизайнеров, создающих иконки более 10 лет. Часть наборов продают, часть – раздают бесплатно.

Умного поиска нет, иконки опубликованы в блоге.

Последнее сообщение оставлено почти год назад, но, возможно, вас заинтересуют ранние записи. На Icojam опубликованы тысячи ярких и красочных иконок.

Мы занимаемся разработкой фирменного стиля. Если нужно – обращайтесь! На период кризиса у нас снижены цены. Подробнее

Icon Archive

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

Сохранить иконку на компьютер можно в форматах PNG, ICO и ICNS.

Iconfinder

Пользователям iconfinder.com открыт доступ к 1 926 000 бесплатных и премиум-иконок.

Здесь большой выбор размеров, форматов и тем.

Iconmonstr

В библиотеке немецкого дизайнера Alexander Kahlkopf собрано более 3 800 черно-белых иконок. Они хорошо оптимизированы для веба и доступны в форматах SVG, EPS, PSD и PNG.

Иконки предназначены для коммерческого использования. Указывать автора не обязательно.

Icons8

На icons8.com – почти 57 000 иконок, база пополняется ежедневно. Интерфейс дружественный: удобно искать иконки, ходить по категориям, выбирать размеры и форматы.

Бесплатный тариф предусматривает ограничения на размер файла (максимум – 100 пикселей), выбор формата (только PNG) и способ использования (ссылка – обязательна). Хотите без ограничений – покупайте подписку от 20 долларов в месяц.

Фишка icons8 – мобильное приложение. Оно включает всю базу иконок, позволяет их окрашивать в любой цвет и перетаскивать в один клик в Photoshop.

Iconshok

Iconshock – это два миллиона иконок, 800 наборов и 30 стилей.

Скачивайте иконки для личного пользования (например, для оформления резюме) и коммерческих целей (с указанием ссылки) абсолютно бесплатно. Другие лимиты free pack: размер до 72 пикселей, отсутствие исходных файлов, запрет редактирования. Чтобы снять все ограничения, нужно купить годовую подписку за 79 долларов.

Noun Project

В коллекции проекта более миллиона иконок, новые появляются ежедневно. Можно найти картинки на любую тему и быстро скачать их в формате PNG и SVG.

Бесплатные иконки требуют указания автора. Если не хотите ставить ссылку, покупайте поштучно или оформите подписку за 10 долларов в месяц.

Oxygenna

Oxygenna – небольшое дизайнерское агентство, которое специализируется на темах WordPress. Кроме платного контента, там есть раздел freebies с бесплатными наборами иконок.

Скачивайте с oxygenna.com уникальные наборы иконок в PNG, PSD и AI.

Round Icons

Команда Round Icons любит создавать креативные иконки: «жирные», изометрические, круглые и другие. Всего на сайте их – 30 500 штук, но доступ ко всей коллекции стоит денег. Если не готовы платить, получите на email бесплатные наборы.

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

Squid Ink

На «Чернилах Кальмара» – красивые векторные иконки. Бесплатно вы получаете доступ к 50 файлам для неограниченного использования в личных и коммерческих проектах.

Весь набор от Squid Ink, включающий 2 000 иконок, продается за 65 долларов.

Tilda

Команда «Тильды» предлагает владельцам лендингов в обмен на обратную ссылку свыше 700 иконок по 43 бизнес-темам («образование», «вебинар», «фотостудия» и др.). Иконки разрешено использовать в коммерческих проектах.

Если вы не нашли подходящий вариант, напишите пожелания в специальную форму. Она находится в нижней части страницы.

Ionicons

Ionicons – это около 400 красивых черно-белых дизайнерских иконок. Коллекция предназначена для использования в вебе, андроид- и iOS-приложениях, десктопных программах.

Можно скачивать отдельные иконки в формате SVG или все сразу – архивом.

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

Feathericons

На feathericons.com – набор из 250+ простых и черно-белых, но красивых опенсорс-иконок. Автор – Cole Bemis, дизайнер и фронтенд-разработчик.

Иконки отсортированы по алфавиту, также есть поиск по названию. Понравившийся контент можно скачать в 1 клик в формате SVG.

Все иконки можно использовать свободно, однако если хочется поблагодарить автора – в верхнем меню есть кнопка «Donate».

Ikonate

Ikonate – не просто набор из 200+ иконок, это целый конструктор иконок. Можно поменять размер, толщину линий, стиль и цвет – сделать дизайнерский контент, наиболее подходящий для вашего проекта.

Иконки экспортируются в SVG, а затем их можно использовать абсолютно свободно.

Icofont

На icofont.com собрано свыше 2 000 черно-белых иконок, распределенных по десяткам различных тем: медицина, еда, редактура, навигация, бренды и др. Можно скачивать контент по отдельности или сначала собрать в коллекцию.

Чтобы не скролить страницу в поиске нужной иконки, воспользуйтесь поиском.

Иконки с icofont не простые, а шрифтовые. Поэтому в архиве будут не SVG-файлы, а CSS и TTF. Подробная инструкция по установке на сайт и использованию в графических редакторах – в разделе «how to use».

Boxicons

Boxicons – это почти 800 векторных иконок: высококачественных и дружелюбных к вебу. Чтобы облегчить задачу дизайнерам и блогерам, на сайте есть сортировка по категориям. Всего их больше двадцати (code, social, editors, business, e-commerce и др.).

Иконки можно напрямую встраивать на сайт, использовать в качестве шрифта или скачивать в формате SVG. Контент подходит для коммерческих проектов, на это нет никаких запретов.

Ikons

Ikons – это 300 бесплатных масштабируемых векторных иконок от Piotr Adam Kwiatkowski, продуктового дизайнера. По отдельности они не скачиваются, только архивом.

Набор предназначен для дизайнеров и разработчиков.

Форматы иконок: VG, AI, ESP, PSD, CSH и PNG. Весь контент доступен для личного и коммерческого использования.

IconBros

IconBros – 950+ иконок, объединенных в десятки коллекций (SEO & marketing, business, emoticons и др.). Есть поиск, но нет возможности скачать все архивом или хотя бы одну коллекцию целиком.

Иконки можно скачать в двух форматах: SVG и PNG. Лицензия позволяет использовать продукт и в некоммерческих, и в коммерческих целях. Однако нельзя делать иконку частью логотипа, торговой или сервисной марки.

To icon

To icon – проект дизайнерского агентства из Амстердама. На сайте вы найдете 20 коллекций с 4 000+ иконками. Есть и черно-белые, и цветные.

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

Iconstore

Iconstore – набор из 200+ иконок в 28 категориях: travel, sport, social media, communication и др. Контента не очень много, но он – от первоклассных дизайнеров.

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

Jam Icons

Jam – набор из 900 иконок в 5 категориях: web, player, arrows, text, social. Скачать их можно только сразу в общем архиве.

В скачанном файле контент будет представлен в трех форматах: JavaScript, CSS / Font, SVG. На jam-icons.com есть подробная инструкция, как работать с каждым. Использовать иконки можно как угодно, лицензия – MIT.

Как создавать сайты: 33+ обучающих статьи и видео

12 ресурсов с бесплатными шрифтами

«Бесплатные шрифты» (VK)

Пользователям «Вконтакте» удобнее будет искать бесплатные шрифты не покидая соцсеть. Подобрать нужный шрифт в сообществе vk.com/shrift можно по хештегам. К каждому посту прикреплен файл в формате OTF / TTF или архив с несколькими файлами.

Если вы хотите поделиться бесплатными шрифтами, предложите новость в группу. Лента сообщества обновляется регулярно.

1001 Fonts

Библиотека 1001 Fonts насчитывает свыше 15 000 шрифтов. Ищите нужные шрифты по размеру, типу лицензии и теме.

1001fonts.com позволяет настроить каждый шрифт, как вам хочется: меняйте цвет, размер и текст в пару кликов.

Abstract Fonts

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

В коллекции Abstract Fonts – около 13 000 бесплатных шрифтов, доступных для скачивания. Среди них 150 – кириллических.

Dafont

Ищете большую коллекцию бесплатных легальных шрифтов? На сайте dafont.com их более 30 000.

На главной странице проекта – простая и понятная инструкция по установке шрифтов.

Font Fabric

Большинство шрифтов на сайте, кроме “Baron” и “Muller Narrow”, можно использовать бесплатно для личных и коммерческих проектов.

Всего на fontfabric.com представлено 125 шрифтов, 59 из которых поддерживают кириллицу.

Font Squirrel

Font Squirrel – агрегатор шрифтов, разрешенных для коммерческого использования. Если видите значок в виде земного шара, значит, шрифт можно встроить на сайт через CSS.

Еще на fontsquirrel.com есть полезный инструмент Matcherator. Загрузите туда любую картинку с текстом и узнайте названия шрифтов.

Font Storage

В коллекции Font Storage – 650 шрифтов. Шрифты распределены по следующим категориям: без засечек, с засечками, моноширинные, декоративные. Также каждому шрифту присвоены теги (retro, gothic и пр.).

У сайта есть русская версия, что удобно.

FontSpace

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

Чтобы узнать тип лицензии, достаточно навести курсор.

Google Fonts

Библиотека шрифтов от Alphabet Inc. Этот популярный сервис поможет подобрать и скачать шрифты на все случаи жизни.

Google Fonts сразу покажет, если шрифт поддерживает кириллицу.

Befonts

Befonts – каталог бесплатных авторских шрифтов. Всего их представлено больше 5 000, кириллических – около 100. Постоянно появляются новые.

Можно отсортировать шрифты по категориям и популярности, также есть поиск по названию.

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

Pinspiry

На pinspiry.com – в разделе «Free Fonts» – представлено почти 900 бесплатных шрифтов, предназначенных для личного и / или коммерческого использования. Кириллических – около 80.

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

Какой должна быть типографика на сайте?

6 ресурсов с бесплатными PSD-шаблонами

DesignLazy

DesignLazy – один из проектов Ishmam, мультидисциплинарного дизайнера. На сайте он вместе со своими друзьями публикует шаблоны сайтов, мокапы и UI-киты.

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

PsdBox (VK)

Psdbox – авторский проект дизайнера Сергея Данильченко. Он ничего не копирует, сам создает PSD-шаблоны для социальных сетей и размещает в открытом доступе. Ссылки на «Яндекс.Диск» и описания – на стене сообщества.

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

Mockup Download

На сайте mockupdownload.ru – сотни PSD-шаблонов в десятках категорий («Баннеры», «Визитные карточки», «Компьютеры», «Одежда» и др.). Их можно скачать бесплатно, без регистрации и эсэмэс.

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

PSD HTML CSS

На сайте psd-html-css.ru – уроки по верстке и HTML и бесплатные PSD-файлы. На страницах проекта уже опубликовано 200 мокапов, шаблонов сайтов и элементов пользовательского интерфейса.

Здесь сложно найти что-то редкое: команда psd-html-css.ru берет работы CSS Author, Pixeden и других крупных дизайнерских сообществ.

FreePSDFiles

Free PSD Files – это сотни бесплатных файлов: фонов, веб-элементов, макетов сайтов.

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

365psd

На 365psd.com – свыше 5 000 бесплатных PSD-шаблонов: UI-киты, фоны, карты и др. Контент распределен по 30 категориям (abstract, education, technology и др.).

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

Основы веб-дизайна: как должен выглядеть сайт для бизнеса

18 сайтов с самой разнообразной графикой

1001 Free Downloads

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

Есть лимит: с 1001freedownloads.com нельзя скачать больше 50 файлов в день.

Behance

Behance – сетевая платформа, на которой люди творческих профессий делятся своими работами. По запросу «free» на сайте дочерней компании Adobe можно найти тысячи бесплатных иконок, шрифтов, шаблонов и прочей графики.

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

Free Design Resources

Проект Free Design Resources создан благодаря художникам и дизайнерам по всему миру. Здесь собирают и распространяют лучший дизайнерский контент: шаблоны, мокапы, шрифты и прочее.

Команда Free Design Resources призывает помогать друг другу, так как это свойственно человеческой природе.

CSS Author

На CSS Author – подборки с бесплатным контентом от Smashing Magazine, Graphics Fuel и других ресурсов.

Новые подборки с иконками, UI-китами и PSD-макетами для верстки появляются регулярно.

Designbeep

Designbeep публикует наборы иконок, шрифты и мокапы, найденные на других площадках (Freepik, Behance и др.). Поиска нет, всюду подстерегают рекламные баннеры.

Всего на designbeep.com свыше 1 000 различных freebies-подборок.

Dreamstale

На dreamstale.com есть полезные статьи по веб-дизайну, уроки по Photoshop и контент премиум-качества. В разделе “Freebies” вы найдете бесплатные текстуры, фоны, иконки и шрифты.

Раздел обновляется редко, а жаль.

Freebiesbug

Freebiesbug – проект графического дизайнера Pasquale Vitiello. На его сайте вы найдете 300 наборов иконок, 400 бесплатных шрифтов и 750 PSD-шаблонов.

Подпишитесь на рассылку Freebiesbug, чтобы получать информацию о новинках на email.

Freepik

Freepik – огромная библиотека с бесплатным дизайнерским контентом. Условие использования – указание авторства. Файлы доступны в форматах PNG, EPS, SVG.

С русской версией проще искать иконки, но перевод ужасный, как у Aliexpress.

Fribly

Fribly – цифровой журнал, в котором вы найдете материалы для вдохновения и пользы. Новые коллекции появляются редко, зато они полностью бесплатные.

Fribly – агрегатор. Чтобы скачать конкретный набор, придется переходить на другие ресурсы.

Graphicsfuel

Рафи – художник, блогер, графический дизайнер – с 2010 года делится полезным контентом для дизайнеров. Всего на graphicsfuel.com более 25 миллионов графических элементов.

На портале вы найдете текстуры, фоны, иконки и многое другое.

Pixeden

Команда сообщества Pixeden предлагает большой выбор графики: иконки, темы WordPress, текстуры и так далее. Используйте бесплатный контент или купите подписку за 6 долларов в месяц, чтобы получить доступ к премиум-наборам.

Pixeden не обязывает ставить ссылку (при этом, конечно, запрещено, например, перепродавать контент).

Smashing Magazine

Издание Smashing Magazine в своем блоге предлагает качественные коллекции иконок, шрифтов и шаблонов по самым разным тематикам.

Новые посты выходят редко, но в архиве их сотни.

Vecteezy

Сайт Vecteezy призывает посетителей получать вдохновение, помогать другим и участвовать в обсуждениях. В базе vecteezy.com – 37 000 бесплатных векторных изображений.

Иконки, фоны и текстуры обозначены тегами, что облегчает навигацию по сайту.

Infogra

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

Новые материалы на infogra.ru выходят регулярно. Чтобы не пропустить ничего, подпишитесь на RSS-ленту.

PixelBuddha

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

Графика, опубликованная в разделе “Freebies”, полностью разрешена для коммерческого использования. Ее можно использовать при разработке программного обеспечения, веб-сайтов, собственных тем и шаблонов.

PNGTree

PNGTree – это 3 миллиона растровых и векторных изображений, 685 000 фонов, 96 000 иконок.

На бесплатном тарифе можно загрузить максимум 3 картинки в день. Подписка на месяц, снимающая ограничения и открывающая доступ к премиум-контенту, стоит 9 долларов.

Dbfreebies

Dbfreebies.co – подборка лучшего дизайнерского контента (мокапов, фонов, шаблонов, UI-китов и др.) с двух крупных ресурсов: Behance и Dribbble. Всего в каталоге 1 250 позиций.

Поиска нет, можно только отсортировать контент по свежести и популярности. Еще, к сожалению, многие превью плохо грузятся, приходится искать почти вслепую.

Сведения о лицензии можно узнать только после перехода на ресурс, на котором сам контент представлен непосредственно.

Что такое UX и UI, и почему UX-дизайнеров не бывает

7 сервисов для создания лого и фавиконов

Logaster

Logaster – сервис для создания логотипов и элементов фирменного стиля в форматах JPEG, PNG, PDF и SVG. Создатели гарантируют, что качества изображения хватит даже для широкоформатной печати.

Недостаток: бесплатно можно скачать только маленькое лого. Полный дизайн-пакет стоит 30 долларов. Кроме фавикона и логотипа (в SVG, PDF, PNG, JPEG и ICO), в него входят макеты визитки, конверта и бланка (в PDF, PNG и DOCX).

Logo Editor Tool Ucraft

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

Пользоваться сервисом можно бесплатно и без ограничений. После регистрации готовый логотип открыт для скачивания в формате PNG с разрешением до 1028 пикселей.

Logomakr

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

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

Online Logomaker

Бесплатный сервис, который использовали уже 2 миллиона человек. Online Logomaker – это тысячи шаблонов, десятки шрифтов, простой и понятный интерфейс.

Есть руководство на русском.

Shopify

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

Готовый логотип приходит на email.

Canva

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

Шаблоны кастомизируются: можно поменять текст и шрифт, установить фон, добавить дополнительные элементы и т. д.

Доступные форматы для скачивания готового логотипа: PDF, JPG, PNG. Стандартный размер изображения: 500 x 500 пикселей. Если нужно сохранить картинку в другом размере или использовать корпоративные шрифты, придется покупать подписку от 10 долларов в месяц.

Designimo

Designimo – онлайн-сервис, позволяющий создать логотип просто и быстро. Достаточно ввести название компании и слоган, указать категорию отрасли и выбрать подходящий вариант. Если перебирать всю галерею неудобно, можно найти дизайн по ключевому слову.

Кстати, не обязательно довольствоваться предложенным: меняйте размер, положение, цвет отдельных элементов.

Бесплатно можно лишь скачать изображение в формате PNG и маленького размера – 150 пикселей в ширину. Чтобы сохранять лого также в JPG и EPS и в высоком разрешении, нужно платить. Около 30 долларов за каждый дизайн.

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

Нет времени на создание собственного дизайна, делегируйте эту задачу нашей компании. Сделаем быстро и с душой.

Руководство по фирменному стилю — СКБ Контур

Заполните, пожалуйста, все поля.

Ваше имя: *

Электронная почта: *

Телефон:

Название организации:

ИНН:

Регион: *

01 – Республика Адыгея02 – Республика Башкортостан03 – Республика Бурятия04 – Республика Алтай05 – Республика Дагестан06 – Республика Ингушетия07 – Республика Кабардино-Балкария08 – Республика Калмыкия09 – Республика Карачаево-Черкесия10 – Республика Карелия11 – Республика Коми12 – Республика Марий Эл13 – Республика Мордовия14 – Республика Саха (Якутия)15 – Республика Северная Осетия — Алания16 – Республика Татарстан17 – Республика Тыва18 – Республика Удмуртия19 – Республика Хакасия20 – Республика Чечня21 – Республика Чувашия22 – Алтайский край23 – Краснодарский край24 – Красноярский край25 – Приморский край26 – Ставропольский край27 – Хабаровский край28 – Амурская область29 – Архангельская область30 – Астраханская область31 – Белгородская область32 – Брянская область33 – Владимирская область34 – Волгоградская область35 – Вологодская область36 – Воронежская область37 – Ивановская область38 – Иркутская область39 – Калининградская область40 – Калужская область41 – Камчатский край42 – Кемеровская область43 – Кировская область44 – Костромская область45 – Курганская область46 – Курская область47 – Ленинградская область48 – Липецкая область49 – Магаданская область50 – Московская область51 – Мурманская область52 – Нижегородская область53 – Новгородская область54 – Новосибирская область55 – Омская область56 – Оренбургская область57 – Орловская область58 – Пензенская область59 – Пермский край60 – Псковская область61 – Ростовская область62 – Рязанская область63 – Самарская область64 – Саратовская область65 – Сахалинская область66 – Свердловская область67 – Смоленская область68 – Тамбовская область69 – Тверская область70 – Томская область71 – Тульская область72 – Тюменская область73 – Ульяновская область74 – Челябинская область75 – Забайкальский край76 – Ярославская область77 – Москва78 – Санкт-Петербург79 – Еврейская АО83 – Ненецкий АО86 – Ханты-Мансийский АО87 – Чукотский АО89 – Ямало-Ненецкий АО91 – Республика Крым92 – Севастополь99 – Байконур

Вопрос: *

Favicon для сайта и логотип – в чем разница?

Что такое favicon?

Favicon (фавикон, фавиконка) – маленькая иконка, которая отображается в браузере на вкладке с названием открытой страницы сайта:

Кроме того, она показывается в списке закладок или на панели закладок:

Размеры иконки на экране достаточно малы – всего 16 x 16 пикселей.

Зачем нужен фавикон?

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

Фавиконки в текстовой “простыне” найденных интернет-ресурсов неизбежно привлекают внимание пользователя. Специалистами по продвижению сайтов опытным путем доказано, что по ссылкам с фавиконом в Яндексе кликают чаще, чем по ссылкам без них.
Поэтому у хорошего сайта favicon должен быть обязательно.

Фавикон = логотип?

Чаще всего в качестве фавикона используют уменьшенную графическую часть логотипа:

Но этот способ годится далеко не всегда.

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

Вот как популярные сайты решают эти проблемы:

Wikipedia вместо своего чересчур сложного знака использует первую букву названия. Так же поступает и Facebook со своим шрифтовым логотипом.
У Youtube в качестве фавикона – узнаваемая кнопка “play”, созданная по мотивам логотипа. Flickr использует два кружка в цветах своего логотипа – этот элемент можно увидеть на сайте в анимированном виде пока загружается загружается большая фотография.

Как поступаю я?

Если позволяет логотип, я использую его уменьшенную версию, перед этим радикально ее упростив, чтобы мелкие детали не испортили впечатление от иконки:





Если логотип достаточно сложный – использую его узнаваемый фрагмент:




Или строю фавикон на основе первой буквы названия:


А иногда даже не использую логотип вообще:

Как установить фавикон на сайт?

Самый простой способ — отдать его разработчикам сайта. Они знают, что делать.
Некоторые системы управления сайтом позволяют загрузить фавикон в своем интерфейсе.
А в общем случае нужно разместить его в корне сайта и добавить следующие строки после тега <head> в исходном тексте страницы или шаблона:

<link rel="icon" href="http://адрес-вашего-сайта.ru/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://адрес-вашего-сайта.ru/favicon.ico" type="image/x-icon" />

И в заключение:

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

Кстати, при заказе логотипа favicon для вашего сайта будет разработан бесплатно!

Amazon внес изменения в иконку приложения из-за ассоциаций с Гитлером

В январе 2021 года Amazon сменил логотип своего мобильного приложения, но новая версия просуществовала недолго — пользователи социальной сети не могли «развидеть» на ней улыбку и усы, похожие на те, что носил Адольф Гитлер. В результате компании пришлось сменить лого повторно. Между тем Amazon грозит еще один скандал — на ритейл-гиганта подали в суд из-за расовой дискриминации. 

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

Однако этот вариант вызвал у пользователей социальных сетей много вопросов, сообщает The Verge. Некоторые отчетливо увидели в новой иконке улыбку человека с усами щеточкой. Несмотря на то, что такие усы были популяризированы еще в начале XX века комиками, вроде Чарли Чаплина, на сегодняшний момент такая растительность на лице крепко ассоциируется с одним-единственным человеком — Адольфом Гитлером.

Это привело к тому, что спустя месяц Amazon тихо заменила иконку на альтернативную — без пресс-релизов и официальных заявлений. 

«Вау, я даже не заметил, как Amazon выпустил новый вариант иконки, чтобы она была менее похожа на Гитлера», — пишет пользователь @alexhern.

lmao I completely missed that amazon quietly tweaked its new icon to make it look… less like hitler Twitter

— alex hern (@alexhern) March 1, 2021

Впрочем, некоторые пользователи считают, что сравнение с Гитлером притянуто за уши.

«Чтобы увидеть усы Гитлера в оборванном скотче, нужно постоянно думать о Гитлере, потому что я не вижу никакого сходства. Интернет все всегда преувеличивает», — считает @ilMastah.

«Только больной ублюдок увидит здесь усы. Это скотч», — соглашается @itsmercadante.

Тем не менее, руководство Amazon решило не искушать судьбу и все-таки сменить иконку, раз она вызвала противоречия в социальных сетях.

Теперь синий скотч представлен квадратиком с одним загнутым уголком.

Весной прошлого года с похожим скандалом столкнулась немецкая компания Puma. Бренд упрекнули в нацизме — пользователи интернета решили, что новая модель кроссовок Storm Adrenaline напоминает портрет Гитлера. 

La polmique du moment… les baskets Storm Adrenaline de Puma rappellent Adolf Hitler certains… monde parano qui a peur de tout ??? Twitter

— Frdric Vignale (@delavignaliere) March 8, 2020

Ситуацию усугубил и тот факт, что основателями Puma считаются братья Рудольф и Адольф Дасслеры, которые состояли в нацистской партии. Позднее официальный представитель Puma заявил о том, что «ни один товар, который мы производим, не связан с этим человеком», а кроссовки были изъяты из продажи.

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

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

«Как и многие другие темнокожие сотрудники Amazon, Шарлотта Ньюман столкнулась с систематической дискриминацией, основанной на цвете ее кожи и ее поле», — заявил адвокат истицы Дуглас Вигдор, известный тем, что представлял интересы жертв предполагаемого сексуального насилия со стороны продюсера Харви Вайнштейна.

Amazon «расследует обвинения, включенные в этот иск», заявил представитель компании.

«Amazon усердно работает над формированием разнообразной, справедливой и инклюзивной культуры, и эти обвинения не соответствуют нашим ценностям. Мы не терпим дискриминации или преследований любого рода и тщательно расследуем все жалобы и принимаем соответствующие меры», — говорится в заявлении ритейл-гиганта.

Значок, знак, бренд, эмблема: отсутствующее руководство по условиям разработки логотипов

Вы уже слышали все эти термины, связанные с логотипом: значок, знак, бренд и эмблема. Практически каждый (включая тех, кто работает в рекламном бизнесе) использует эти термины как синонимы по своему желанию. Это говорит о незнании различных терминов в дизайне логотипов!
Логотип выходит за рамки бизнеса и маркетинга, потому что он способствует узнаваемости бренда. Вот почему логотипы могут применяться как к организациям или движениям, так и к частным лицам, так же как и к коммерческим предприятиям.
Между значком, знаком, брендом и эмблемой есть небольшие различия. Знание того, что они собой представляют, даст вам возможность создать собственный логотип с большим эффектом и отличить ваш продукт или услуги от других креативов в вашей отрасли.
Если вас когда-либо сбивали с толку эти взаимозаменяемые термины дизайна, не запутайтесь! Присоединяйтесь к нам, и мы внимательно рассмотрим тонкие различия, а иногда и сходства между этими терминами, связанными с логотипом.

Икона

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

  • Твиттер
  • Instagram
  • WhatsApp


На торговой площадке Creative Market у нас есть множество значков, наборов значков и нарисованных от руки значков.

Знак

Слово «знак» имеет много разновидностей, когда речь идет о маркетинге: знаковый знак, словесный знак, комбинированный знак и товарный знак — все это относится к логотипу и его дизайну. Знак — это графический символ, используемый для идентификации продукта или услуги компании в отличие от других продуктов в той же отрасли или на рынке и, кроме того, для обозначения компании.
При обсуждении знака интерес и важность представляют варианты, с которыми вы столкнетесь, глядя на логотипы.
Как уже упоминалось, существует знаковый знак, словесный знак, комбинированный знак и товарный знак, все с разными характеристиками.
Значок использует графический символ, подобный тем, которые мы обсуждали выше, для обозначения продуктов и услуг бренда. Компании очень часто используют значки в своем брендинге, поскольку людям требуется немного времени, чтобы их обработать. Кроме того, они передают идеи более эффективно, чем написанное слово.
В бизнесе несколько примеров значков:

Возьмите поло Ralph Lauren.Он универсален, потому что многие люди во всем мире понимают значение спорта, а символ всадника на лошади легко запомнить. Когда люди видят этот значок, они сразу же связывают его с Ральфом Лореном, поскольку он настолько прямой и простой.

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

Торговая марка также используется для идентификации компании и признания ее уникального продукта или услуги. Такой знак является элементом дизайна, обеспечивающим визуальную узнаваемость бренда. Торговая марка может быть символом (вспомните галочку Nike) или даже персонажем (вспомните тигра Тони из «Frosted Flakes» Келлогга).

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

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

Бренд

Бренд отличается от значка и знака тем, что это более широкая система, которая отличает продукты или услуги компании от ее конкурентов. Безусловно, бренд также может быть представлен логотипом или символом — однако, когда мы говорим о бренде, мы охватываем несколько
Торговая марка также известна как относящаяся к реальной компании, тесно связанной с логотипом.Например, местоположение ресторана или его штаб-квартиры McDonald’s является представителем бренда McDonald’s, так же как фактический символ Golden Arches является представителем бренда.

Когда мы говорим о бренде компании, мы также не можем игнорировать близкий к нему термин, известный как брендинг. Брендинг можно понимать как набор решений в области дизайна, обмена сообщениями и коммуникациями, призванных произвести долгое впечатление на ваших клиентов.
Например, страховая компания GEICO использует простой старый словесный знак, обозначающий ее название в качестве своего корпоративного логотипа.Однако, когда мы говорим о бренде, у вас в голове сразу возникают другие ассоциации. Самым известным из них, вероятно, является хваленый талисман компании — геккон, который фигурирует практически в каждой рекламе GEICO, выступает в качестве его неофициального «лица» и приветствует клиентов на домашней странице компании.

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

На нашей торговой площадке Creative Market имеется множество брендов и брендов.

Эмблема

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

Одной из самых известных эмблем во всей поп-культуре является логотип Супермена, который на самом деле является эмблемой Дома Эля, происхождения Супермена в комиксах DC. Такая эмблема выходит за рамки бизнеса и маркетинга, потому что она широко признана.
Конечно, эмблемы также носят религиозный характер. Известными примерами являются колесо Святой Екатерины Александрийской и, хотите верьте, хотите нет, свинья и маленький колокольчик для Святого Антония Эбботта.

Важно не путать эмблему с символом, так как различие заключается в следующем:

  • Эмблема — это дизайн, который обозначает широкую идею, концепцию или конкретного человека и представляет абстрактное в визуальных терминах
  • Символ более прост в том, что он просто заменяет одну вещь другой (например, «Золотые арки McDonald’s» вместо фаст-фуда, состоящего из гамбургеров и картофеля фри).

Ознакомьтесь с нашей подборкой творческих ресурсов с эмблемами на нашей торговой площадке Creative Market.

Условия разработки логотипа: не взаимозаменяемы!

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

Бесплатное руководство по брендингу для новичков

Создаете свой собственный бренд?

Веселое, дружелюбное, БЕСПЛАТНОЕ руководство по созданию звездного бренда.

Скачать сейчас!

Марк — копирайтер и маркетолог, управляющий маркетинговым агентством The Glorious Company. Эксперт в области бизнеса и маркетинга, он помогает предприятиям и компаниям любого размера получить максимальную отдачу от своих рекламных денег.

Посмотреть больше постов

В чем разница между значком и логотипом?

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

Что такое значок?

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

Что такое логотип?

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

Различия между значком и логотипом?

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

  • Значок всегда должен быть просто графическим символом, тогда как логотип может содержать текст, название компании или значение, прикрепленное к нему

  • Иконки редко используются в пользовательском интерфейсе, чтобы направлять пользователя, помогать ему перемещаться и определять повседневные задачи на веб-сайте, в то время как логотип используется только в качестве основного идентификатора и в основном используется в заголовках веб-сайта.

  • Иконки обычно имеют фиксированный размер; иначе качество может снизиться. Создаваемые логотипы обычно являются векторными; следовательно, они не теряют качества.

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

Logo vs Icon: их основные отличия

Logo vs Icon: в чем основные различия?

Думаете, нет разницы между логотипом и значком ?

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

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

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

Что такое логотипы?

Мы сталкиваемся с логотипами каждый день — от легендарной «Леди Либерти» от Starbuck на вашей кофейной чашке до яркого логотипа на вашей обуви Nike.По сути, логотипы — это символы, которые в основном используются для представления организации или бренда.
На самом деле, думайте о логотипах как о упрощенной рекламе! Логотипы — это не просто создание запоминающегося графического дизайна. Скорее, его концепция основана на основном имидже компании, ценностях, целях и даже целевой аудитории. В отличие от значков, логотипы — это определенные графические изображения, которые передают пользователю суть бренда.
Например, на логотипе Mastercard изображены два взаимосвязанных круга, которые обозначают функцию компании как связующего звена в финансовых транзакциях.С другой стороны, некоторые логотипы представляют собой машинописные слова с определенными шрифтами, штрихами и цветами, к которым пользователи уже привыкли. Поскольку у нас есть четкое представление о том, что такое логотипы, давайте взглянем на значки — их определения и основы.

Что такое значки?

Вот то место, где большинство людей не могут отличить значки от логотипов. Например, они часто ошибочно принимают популярный логотип Apple с недоеденным яблоком как значок. Они не понимают, что это не значок, поскольку он не представляет услуги или действия бренда.Итак, это подводит нас к сути дня — что такое иконы?

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

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

Возьмем, к примеру, значок кнопки Facebook «Нравится». Он использует сине-белый цвет, который присутствует в логотипе Facebook. Однако значки, в отличие от логотипов, в основном ограничены квадратной структурой — квадратной частью.

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

Теперь давайте будем различать значки и логотипы по форме, размеру и даже типу дизайна.

Разница в форме

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

Разница в масштабируемости

Вот еще одно очевидное различие между логотипами и иконками. Во-первых, вы должны знать, что иконки не являются векторными изображениями векторными. Следовательно, их нельзя увеличить до любого размера без потери качества. Фактически, большинство значков имеют размер значка (16 * 16) или (512 * 512). Чтобы изменить размер значка, вам нужно будет воссоздать его для определенного размера.
И наоборот, логотипы представляют собой векторные диаграммы и масштабируются до любого размера без потери качества изображения.Это качество имеет жизненно важное значение, поскольку логотипы используются в различных печатных материалах, от брошюр до веб-сайтов, визитных карточек, вывесок и даже гигантских рекламных щитов.

Итак, почему люди все путают?

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

Заключение

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

«Сделал свой логотип с помощью инструмента Placeit, и это заняло всего несколько минут!»
Йозеф Бейн 5/5


Различия между логотипами и значками

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

Начните с дизайна логотипа!

Сотни бесплатных подарков в высоком разрешении Только для вас!

Наша халява постоянно обновляется!

Скачать бесплатно векторные логотипы и иконки бренда

BrandEPS — это база данных логотипов и иконок брендов.Логотипы и значки брендов можно бесплатно скачать в векторных форматах EPS, SVG, JPG и PNG!

ПОСЛЕДНИЕ БРЕНДЫ

ЕЩЕ ПОСЛЕДНИЕ БРЕНДЫ

Вектор логотипа рабочего места

101

Вектор логотипа Warner Bros

215

Вектор логотипа Uber

113

TodayTix логотип вектор

46

Thoughtworks логотип вектор

29

Тако Белл логотип вектор

69

Скрепки логотип вектор

27

Shareworks логотип вектор

10

Сантандер логотип вектор

79

Показать логотип вектор

13

Вектор логотипа группы Renault

20

Вектор логотипа группы Renault

36

Renault логотип вектор

44

Reebok логотип вектор

269

REMAX логотип вектор

46

Qantas логотип вектор

29

Общественный логотип вектор

25

Pringles логотип вектор

125

Вектор логотипа pfizer

98

Пежо логотип вектор

125

Вектор логотипа NJBO

18

НАСКАР логотип вектор

70

Mailchimp логотип вектор

58

Вектор логотипа Lufthansa

28 год

ПОПУЛЯРНЫЕ ЛОГОТИПЫ

БОЛЬШЕ ПОПУЛЯРНЫХ ЛОГОТИПОВ

SHAREit логотип вектор

111889

UC Browser логотип вектор

86471

Facebook логотип вектор

75324

Instagram значок логотип вектор

38298

Вектор логотипа Adidas Originals

35921

Логотип Nike

35495

Adobe Photoshop CC векторный логотип

25507

Adobe Illustrator CC вектор логотипа

19273

YouTube Play логотип вектор

19006

Вектор логотипа Air Jordan Jumpman

18213

Векторный логотип чемпиона

15856

Полный логотип Nike

15455

Red Bull логотип вектор

14196

Youtube логотип вектор

13918

Вектор логотипа brazzers

13592

Вектор логотипа Adidas

13428

Вектор логотипа Monster Energy

13125

Векторный логотип Adobe InDesign CC

12897

Векторный логотип Adobe Premiere Pro CC

10922

Вектор логотипа Microsoft Word

10684

ShareIt wordmark логотип вектор

10426

Вектор логотипа Adobe AfterEffects CC

10101

Гусеница логотип вектор

10026

Adobe PDF файл логотип вектор

10017

ПОСЛЕДНИЕ ИКОНЫ

ЕЩЕ ПОСЛЕДНИЕ ИКОНЫ

Вектор значок мыши

2

Уменьшить вектор значок карты

2

Уменьшить значок вектора

14

Увеличить вектор значка

8

Youtube искал вектор иконок

21 год

Обернуть вектор значок текста

18

Вектор значок наброски работы

2

Вектор значок работы

1

Вектор значок работы

3

Вектор значок модема Wi-Fi

4

Вектор значок отключения Wi-Fi

6

Вектор значок блокировки Wi-Fi

1

Вектор значок Wi-Fi

16

Вектор значок виджеты

13

Где голосовать значок вектор

5

Whatshot значок вектор

3

Выходные значок вектор

13

Вектор значок веб-активов

0

Интернет значок вектор

0

Вектор значок туалета

6

Wb солнечный значок вектор

3

Wb радужный значок вектор

0

Вектор значок лампы накаливания WB

0

Wb облачно значок вектор

0

ПОПУЛЯРНЫЕ ИКОНЫ

ЕЩЕ ПОПУЛЯРНЫЕ ИКОНЫ

Вектор значок Instagram

9544

Вектор значок Instagram

7842

Вектор значок книги

7394

Вектор значок Facebook

7020

Вектор значок телефона

6836

Вектор значок электронной почты

6527

Вектор значка пользователя

5456

Вектор значок сердца

5456

Расположение на значок вектора

4444

Телефон квадратный значок вектор

4376

Значок Google вектор

4312

Вектор значок маркера карты

4208

Вектор значок Linkedin

3936

Скачать вектор значок

3762

Вектор значок дома

3717

Вектор значок Twitter

3630

Вектор значок Linkedin

3549

Вектор значок базы данных

3298

Вектор значок Linkedin

3233

Вектор значок самолета

3192

Вектор значок настроек

3034

Вектор значок Facebook

3029

Вектор значок Facebook

2984

Вектор значок земного шара

2938

новых логотипов Google плохие — TechCrunch

Google действительно вдохнул новые логотипы для своего «переосмысления» G Suite как Google Workspace, заменив знакомые, узнаваемые и, в случае Gmail, знаковые, если хотите, на маленькие радужные капли, которые теперь каждый будет с трудом отличить друг от друга. их вкладки.Компании всегда громко и долго говорят о своем языке дизайна и выборе, поэтому в качестве противоядия я подумал, что просто объясню, почему эти новые плохие и, вероятно, недолговечные.

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

За прошедшие годы мы увидели так много языков значков Google, что трудно заставить себя задуматься о новых. Перефразируя Сунь-Цзы, если вы достаточно долго будете ждать у реки, тела ваших любимых продуктов Google проплывут мимо. Лучше не привязываться.

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

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

Цвет

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

Отчасти поэтому значки самых популярных приложений Google так легко различимы. Красный цвет Gmail появился более десяти лет назад, и синий цвет Календаря тоже довольно старый. Бирюзовый цвет Meet, вероятно, должен был остаться зеленым, как и его предшественник Hangouts, но он, по крайней мере, несколько отличается. Точно так же Keep (помните Keep?) И несколько других менее значимых актеров.Что еще более важно, это , твердый — за исключением нескольких, которые были лучше по цвету, например Карты, до того, как его значок был убит.

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

.

Может быть, даже меньше.И никогда так близко друг к другу. Не знаю, как вы, но я не могу отличить их друг от друга, когда не смотрю прямо на них. Что именно вы ищете? Все они имеют каждый цвет, и даже не в одном порядке или направлении — вы видите, как некоторые из них красные, желтые, зеленые, синие, а один — красный, желтый, синий, зеленый? Три (в Gmail) по часовой стрелке и еще два против часовой стрелки. Звучит неважно, но ваш взгляд улавливает подобные вещи, может быть, достаточно, чтобы вы сбились с пути , больше .

Может быть, это было бы лучше, если бы все они начинались с красного в верхнем левом углу или что-то в этом роде и проходили по очереди.Они не меняют порядок цветов в главном логотипе Google, верно? В конечном итоге эти маленькие шарики просто напоминают игрушки или скрученные фантики от конфет. В лучшем случае это плед, и это территория Slack.

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

Вы также заметите, что значки имеют некоторый однобокий вес. Это потому, что на светлом фоне разные цвета имеют разную визуальную заметность. Более темные цвета больше выделяются на белом фоне, чем желтый или крошечный красный, из-за чего кажется, что значки имеют тяжелые L-аспекты для них: слева в Gmail и Календаре, слева внизу в Диске и Meet, внизу справа в Документах . Но на неактивной вкладке светлый цвет будет более заметным, а буквы L будут казаться с другой стороны.

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

Форма

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

Вы должны быть очень осторожны с прозрачными частями вашего дизайна — положительным и отрицательным пространством и всем остальным. Если вы отдадите какую-либо часть своего логотипа фону, вы окажетесь по прихоти любого пользовательского интерфейса или темы, выбранной пользователем. Будут ли эти логотипы хорошо смотреться с отверстием посередине, переходящим на темно-серую неактивную вкладку? Или отверстие всегда будет заполнено белым, что делает его положительным пространством на темном фоне и отрицательным — на белом? Я не говорю, что есть стопроцентный ответ, но каким бы он ни был, Google его не выбрал.

Как бы то ни было, проблема с этими иконками в том, что у них плохая форма. Все они полые, а четыре из них прямоугольные, если включить отрицательное пространство Gmail (а мы делаем — Google научил нас). Общая форма контейнера идеально подходит для использования время от времени, но на первый взгляд четыре из пяти — это просто угловые точки. Вам нужна высокая буква O, заостренная буква O или одна из двух квадратных O с немного разными цветовыми узорами? Кто может сказать на расстоянии? Только теперь они напоминают то, что должны делать, если внимательно присмотреться.

Теперь, когда я думаю об этом, эти фигуры действительно кричат ​​Office и Bing, не так ли? Не хорошо!

Пока мы работаем, тонкий шрифт на открытом пространстве Календаря выглядит довольно анемичным по сравнению с большой толстой рамкой, верно? Может, им стоило использовать жирный шрифт.

И последнее, накладывающиеся друг на друга цвета создают проблемы. Во-первых, это делает логотип Drive похожим на символ биологической опасности. Но это добавляет много сложностей, которые трудно уловить в мелком масштабе. У оригинального логотипа Drive было три цвета, конечно, и небольшая тень, чтобы вы могли увидеть, что это была полоса Мебиуса, подразумевающая бесконечность, а не просто треугольник (его тоже нет — так зачем оставлять треугольник?) — но цвета выделяют друг друга: синий и желтый образуют зеленый, два основных цвета и их второстепенные цвета.

У новых есть все три основных цвета, один дополнительный и два третичных (если считать за цвет темноту). Они никоим образом не способствуют существованию форм. Вы их «просматриваете»? Это не кажется правильным. Они вроде складываются, но как? Эти ленты сделаны из скручивания? Я не думаю, что так . Формы — это не вещи — это просто аранжировки, предложения того, чем они когда-то были, смещенные на один шаг слишком далеко.

Марка

Google не привыкать выбрасывать ценность в мусорную корзину.Но можно подумать, что иногда они узнают, когда у них дела идут хорошо. Логотип Gmail — это хорошо. Должен сказать, что я предпочел старую угловую иконку, когда несколько лет назад они перешли на закругленную иконку, но она мне понравилась. Естественная M-образная форма конверта так хорошо подчеркнута, а красно-белый цвет так легко узнаваем и читаем — это тот логотип, который вы держите долгое-долгое время. Или нет!

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

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

То же самое для всех остальных этих маленьких цветных кругов: вы никогда не забудете, что все они являются частью одного и того же устройства, которое знает все, что вы ищете, каждый сайт, который вы посещаете, а теперь и все, что вы делаете на работе.О, они очень вежливы. Но не заблуждайтесь, однородный брендинг (при всей его цветовой неоднородности) — это прелюдия к кризису бренда, когда вы больше не просто пользователь Gmail, вы находитесь в доме Google целый день, каждый день.

«Это момент, когда мы освобождаемся от определения структуры и роли наших предложений в терминах, которые были изобретены кем-то другим в совершенно иную эпоху», — сказал Fast Company вице-президент Google Хавьер Солтеро.

Идея ясна: откажитесь от старого — того, что укрепило ваше доверие; а также новое — то, что заслуживает вашего доверия.

Logo VS Icon. Мы часто натыкаемся на путаницу… | by subsign

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

Логотип — это графический элемент, такой как идеограмма и / или тщательно подобранный шрифт, которые вместе образуют товарный знак или бренд.

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

Дизайн логотипа — это больше свободного места, чем дизайн иконок. Логотип может иметь любую форму, цвет или размер; его можно использовать на баннере 100 метров или даже вытатуировать на ягодице (такое бывает чаще, чем вы думаете, серьезно погуглите) . Единственное ограничение — это физический носитель, на котором это будет отображаться.

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

Coca-Cola

Логотип Coca-Cola вневременной и запоминающийся.

Насколько хорош этот логотип? Люди будут ассоциировать шрифт, штрихи и цвет с компанией, даже если название изменится. Он несет в себе наследие бренда, поскольку является логотипом компании с 1885 года.

IBM

Логотип IBM, даже если он претерпел некоторые изменения и вариации за время своего длительного использования, является запоминающимся и легко узнаваемым визуальным элементом бренда.

Значок (нет, нет, не религиозный) — это визуальное представление концепции или действия. Мы используем значки, чтобы связать понимание абстрактных аналогий с практическим использованием.

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

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

Давайте кратко рассмотрим, что известные значки могут рассказать нам о типичных характеристиках значка, которые отличает его от логотипа.

Facebook Like

Этот значок, вероятно, является наиболее легко узнаваемым на данный момент (2016) .

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

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

Чтобы сделать его более узнаваемым, в нем используются только два цвета: синий и белый, которые также присутствуют на логотипе Facebook.

iTunes

Значок музыкальной заметки дает представление о том, что использование приложения, которое он представляет, связано с музыкой. Возьмем, к примеру, значок, используемый для запуска iTunes:

Хотя на значке выше нет надписи «iTunes», пользователи впервые поймут, что значок представляет собой программу, которая имеет какое-то отношение к музыке и очень узнаваема. всем, кто когда-либо пользовался продуктом Apple.

Dropbox

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

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

Иконки — это визуальные дескрипторы функции. Лучшие иконки находят визуальную метафору, чтобы передать основную функцию приложения или объекта.

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

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

Размер: Иконки обычно имеют размер 16×16 (favicon) или 512×512 .Изменение размера может привести к потере качества значка, и его придется переделывать, если требуется другой размер.

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

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

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

Помогли ли вам эта статья и примеры? Есть ли у вас еще вопросы?

Дайте нам знать в комментариях ниже или свяжитесь с нами в любое время по адресу [email protected] .

Чтобы не пропустить новости или интервью, подпишитесь на информационный бюллетень Subsign здесь: http: // eepurl.com / bZIFJr

Рекомендации и ресурсы по использованию наших логотипов. Загружая их, вы соглашаетесь с Руководством по использованию товарных знаков Stack Overflow.

Stack Overflow

Раздел под названием Stack Overflow

Загрузить как:

SVG PNG

Разбивка логотипа

Раздел под названием Разбивка логотипа

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

Наш логотип разбит на две части: глиф и его словесный знак. Часто их разделяют, поскольку отображение полного логотипа неуместно. Примеры этого включают значки избранных или заголовки авторизованных пользователей. Они доступны в различных размерах с блокировкой пикселей в нашем наборе значков и доступны как @ Svg.LogoGlyph и @ Svg.LogoWordmark .

Варианты цвета

Раздел под названием Варианты цвета

Минимальные размеры

Раздел под названием Минимальные размеры

Продукция

Раздел «Продукция»

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

Переполнение стека для команд

Раздел под названием «Переполнение стека для команд»

Загрузить:

SVG PNG

Загрузить:

SVG PNG

Коллективы при переполнении стека

Раздел под названием Коллективы при переполнении стека

Загрузить:

SVG PNG

Загрузить:

SVG PNG

Stack Overflow Talent

Раздел под названием Stack Overflow Talent

Загрузить:

SVG PNG

Загрузить:

SVG PNG

Реклама переполнения стека

Раздел под названием Реклама переполнения стека

Загрузить:

SVG PNG

Загрузить:

SVG PNG

Логотипы сообщества

Раздел под названием Логотипы сообщества

Международный

Раздел под названием Международный

Загрузить:

SVG PNG PDF

Загрузить:

SVG PNG PDF

Загрузить:

SVG PNG PDF

Загрузить:

SVG PNG PDF

Stack Exchange

Раздел под названием Stack Exchange

Загрузить:

SVG PNG EPS

Загрузить:

SVG PNG

Загрузить:

SVG PNG EPS

Загрузить:

SVG PNG

Мета переполнения стека

Раздел под названием Мета переполнения стека

Загрузить как:

SVG PNG

Stack Exchange

Раздел под названием Stack Exchange

Загрузить как:

SVG PNG EPS

Загрузить как:

SVG PNG

Как у нас дела?

Анонимно проголосуйте за, против или отправьте дополнительный отзыв ниже.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *