Рубрика «иконки» - 3

Привет! Сегодня я хочу представить вам огромную коллекцию из 51 набора бесплатных векторных иконок. Да, есть потрясающие ресурсы Flaticon или Iconfinder, но бывают случаи, когда необходима именно группа иконок в едином стилистическом оформлении. Определиться с выбором, вам поможет эта подборка. Я старался собрать не как можно больше, а действительно самое лучшее.

Среди веб-разработчиков существует много споров о том, что лучше: иконочный шрифт или SVG спратй? Четкого ответа на этот вопрос нет. Каждый выбирает свое. Данные наборы иконок вас неограничиывают в выборе, поскольку представлены в различных форматах: @font-face, SVG, EPS, AI, PSD, Sketch.

В целом данная подборка содержит более 10 000 иконок, охватывающих множество категорий: интерфейсы, технологии, наука, спорт, маркетинг, среда, транспор и тд. Полые, заполненные, цветные, во Flat, Material, Elegant, Cartoon, Hand drawing стилях.

Responsive Icons (100 иконок, PSD, AI, EPS, SVG)

Responsive Icons

Читать полностью »

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

Облака мы видим каждый день, серверы хотя бы на картинках, линии связи тоже знакомы многим. Если нужна иллюстрация для этих понятий, то иконка найдётся. А вот с Интернетом в сознании не ассоциируется никакой ясный образ, который можно было бы потрогать руками. Поэтому особенный интерес представляет то, как Интернет изображают на диаграммах и схемах.

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

Оригинальная идея не понравиласьам: пост 2008 года имеет рейтинг −6 и собрал 8 комментариев

Новый логотип Google основан на эскизе российского дизайнера - 11 сентября компания Google официально анонсировала проведение ребрендинга. Крупнейший интернет-поисковик мира не только полностью изменил логотип на главной странице, но и поменял иконку на всех своих проектах. Как сообщает издание DailyTech, идея иконки базируется на предложении российского дизайнера, которое датируется 2008 годом.
Читать полностью »

За последние 17 лет в Google менялось многое – появлялись новые сервисы, улучшалось их качество и внешний вид. Пришла пора для новых изменений.

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

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

image

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

Читать полностью »

Решение, изложенное в статье, расписано для пользователей OSX. Но его достаточно просто можно адаптировать и под другие популярные операционные системы.

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

  • иконка для отображения на вкладках браузеров;
  • иконка веб-приложения, отображаемая в safari mobile;
  • иконка мобильного приложения, отображаемая на главном экране в ios;
  • большая иконка для app store;
  • маленька иконка для app store;
  • иконка для поиска в spotlight.

А теперь внимание: практически для каждого пункта из этого списка есть еще и свои собственные размеры — в зависимости от типа устройства и версии iOS. Подробная спецификация иконок для веб-приложения и приложения для ios находится здесь.
Читать полностью »

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

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

Лучшая иконка — текст - 1

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

Лучшая иконка — текст - 2Читать полностью »

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

Как известно всем мобильным разработчикам, все эти ресурсы нужно сохранять для разных размеров экрана DPI для наилучшего качества отображения. В последнее время различных DPI развёлся целый зоопарк — под Android их 5 основных (mdpi, hdpi, x/xx/xxxhdpi), и под iOS уже минимум 3 (@1x, @2x, @3x, кроме того, некоторые ресурсы нужно оптимизировать под ~ipad отдельно).

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

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

Повышаем конверсию страниц в App Store и Google Play при помощи A-B тестов - 1

Мы в S​plitMetrics​ занимаемся A/B тестированием лендингов для игр и приложений в App Store и Google Play и в процессе работы над продуктом видели разные подходы к решению такой задачи. Есть желание систематизировать варианты и разобраться, зачем же нужно искать с​вященный грааль​ наиболее эффективную комбинацию.

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

Решить задачу выбора наиболее «продающей» иконки или скриншотов можно несколькими способами — предлагаю рассмотреть каждый из них и дополнить в комментах — какой используете вы…
Читать полностью »

Итоговый выпуск иконок

Закат эры иконок от FatCow (выборка по цветам, топ 30 и прочая арифметика) - 1

Пять лет тому назад мы начали рисовать набор пиксельных иконок. Мода была на Vista. К концу 2013 года набор FatCow дорос до 3926 иконок. Это на 356 иконок больше, чем у Fugue, который весной того же года остановился на цифре 3570 (размер: 16х16). 352 иконки из бонуса Fugue (32х32 и 24х24) не в счет (как повторы). Но дальнейшее развитие иконок FatCow заморожено. Увы, мы не увидим круглой цифры из 4000 иконок (работы осталось на месяц), не увидим выпуска для ретины дополнительных размеров уже существующих иконок, разработки прекращены из-за отсутствия бюджета. Успели сделать пробу для retina и только.

Да, это не мега-фото-реалистичные-3D еще-одни-никому-не-нужные-иконки, это старая пиксельная школа. Где в почете был маленький размер и ограничение цветовой гаммы. Пройдут еще 10 лет… и, мы искренне верим, пиксельные иконки так и останутся в ходу. И если Вы ценитель древних видов искусства, дней зарождения компьютерной графики, пожалуйста за ширмой!
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js