Делайте правильно! Иконки в веб-дизайне
Иконки в веб-дизайне неотъемлемая часть усиливающая текст или какой-то блок дизайна. Зачастую многие допускают ошибки связанные с размещением, стилистикой, размерностью иконок в макете. Ошибки на первый взгляд простые и очевидные, но имеют место быть. Прошу ознакомиться и так не делать. Какие это ошибки мы поговорим дальше в статье, начнем со стилистики иконок.
Стиль иконок для сайта
Частая и довольно распространенная ошибка у новичков веб-дизайнеров, использование различной стилистики иконок на протяжении разработки всего дизайна сайта. Неверное использование иконок в макете ведет к разваливанию всей стилистики страницы в целом. Необходимо сразу определиться со стилистикой иконок для сайта и следовать ей на протяжении всей разработки макета.
Виды стилистики иконок:
- Иконки с тонкими контурными линиями;
- Иконки с толстыми контурными линиями;
- Иконки с толстыми контурными линиями и тонкими внутренними;
- Иконки с залитым фоном;
- Иконки с прямыми или скругленными углами.
Не используйте стандартные иконки из фотошопа в веб-дизайне
Не следует использовать стандартные типовые иконки из фотошопа в своих работах. Они не очень уклюжие и выглядят совершенно не профессионально. Если кто не знает, о каких иконках идет речь, уточню, это иконки которые создаются инструментом «произвольная фигура» и те на которые в первую очередь обращают внимание начинающие. Из этого набора довольно часто используются иконки: домик, конвертик (email), стрелки в кружочках для навигации, лупа и другие.
Выравнивайте иконки в макете правильно
Выравнивание иконок бывает не совсем верным. Зачастую из-за того что в сете иконки могут иметь разный вид, вертикальный, горизонтальный и квадратный. Их часто выравнивают неверно, происходит сдвиг, влево, вниз, вправо. Это происходит из-за того что у неквадратных иконок имеется свободное место с того или иного края.
Ниже можно посмотреть пример того как не стоит делать выравнивание иконок, и как стоит правильно выравнивать иконки в макете.
Совет: можно для начала создавать прямоугольники размером с будущие иконки, к примеру 48х48пикс., а потом в них помещать иконки. Это можно делать на стадии прототипирования.
Делайте правильно ресайз иконок
Зачастую иконки правильным было бы отрисовывать под необходимые размеры. Но обычно они просто масштабируются, так как нарисованы в векторном формате и не теряют качества. Правда иногда бывает, плывут пиксели.
Если масштабируете при помощи свободной трансформации в фотошопе Ctrl+T, производите изменение размера с зажатой клавишей Shift, тогда пропорции иконки не изменятся. Либо перед изменением в свободной трансформации зажимайте значок, отвечающий за сохранение пропорций изменяемого объекта.
Надеюсь, эта небольшая заметка про иконки в веб-дизайне будет вам полезна. Делайте правильно друзья! Не совершайте этих ошибок, и ваши макеты будут выглядеть более целостно.
8 наборов шрифтовых социальных иконок / Иконки / Постовой
Социальные сети, куда же без них сегодня, они стали настолько популярны, что даже бизнес-сайты используют всякого рода лайки и кнопки поделиться. Для добавление на сайт социальных кнопок, конечно же, существует множество сервисов, но о них в другой раз. В большинстве случаев готовые решения не подходят или просто не устраивает дизайн, выбор которого у сервисов не так велик как хотелось бы. В такие моменты стает выбор, как сделать социальные кнопки? Есть много вариантов, но сегодня хотелось бы поговорить о реализации визуальной части с помощью шрифтовых социальных иконок.
Шрифтовые социальные иконки, да и вообще шрифтовые иконки, имеют ряд преимуществ таких как:
- изменение размера не влияет на качество,
- отлично отображаются на всех девайсах, в том числе и с Retina-дисплеями,
- применение практически любых CSS стилей применимых к тексту, таких как фон, цвет, тени и т.п. ,
- простота реализации;
К вашему вниманию шрифты с иконками социальных сетей.
1. RONDO SOCIAL ICON FONT
Отличные шрифтовые иконки одних из самых популярных социальных сетей и не только, но к сожалению отсутствует иконка нашего, всеми любимого Вконтакте.2. Fontello — icon fonts generator
Генератор иконок, с огромным набором уже готовых иконок. Одним из преимуществ является возможность выбрать только необходимые иконки и сгенерировать из них шрифт, что благоприятно повлияет на оптимизацию страницы и скорость загрузки такого шрифта. Из преимуществ также можно выделить наличие иконок таких социальных сетей как Вконтакте и Одноклассники.3. Mono Social Icons Font
Идеальное решение для быстрой интеграции шрифтовых иконок в проект, уже имеется код для вставки на CSS, SCSS и пример HTML. Единственный недостаток отсутствие популярных русских социальных сетей.4. Pixeden — Social Icon Pack
Хорошие иконки с мощной демонстрационной страницей, можно видеть всю прелесть использования шрифтовых иконок и их стилизацию средствами CSS5. Pictonic
Ничего лишнего, только самое основное. Есть почти все соц сети включая вконтакте. Содержание архива приятно порадует не только разработчиков, но и дизайнеров.6. Social Media Icons Pack
Пакет из 74 шрифтовых иконок7. Socicon — the social icons font
Шрифт социальных иконок сделанный во Франции8. JustVector Icons Font
Значок для приложения: как создать, технические характеристики, аспекты дизайна
У каждого жителя США на смартфоне установлено больше сотни программ, и это число с каждым годом только растет. Чтобы вырваться вперед в конкурентной борьбе за пользователя, создайте уникальную иконку приложения, которая улучшит опыт взаимодействия с брендом. Как это сделать, расскажем в статье.
- Что такое значок приложения
- Технические характеристики иконок для Android и iOS
- Топ-пять аспектов дизайна иконок
- Три способа создать иконку
- Заключение
Что такое значок приложения
Небольшое изображение, которое пользователи видят в меню телефона, — это один из важных элементов айдентики. Иконка помогает выделиться, запомнить бренд и раскрыть суть вашего уникального предложения.
По статистике 70% мобильных приложений загружаются после поиска в App Store или Google Play (остальные — в результате рекламных кампаний, промо в соцсетях, обзоров и т.д.). Поэтому ваша задача — создать дизайн, который мгновенно привлечет внимание и вызовет желание узнать, что стоит за визуальным образом.
Технические характеристики иконок для Android и iOS
Существует два основных типа иконок — для систем Android и iOS. Хотя на первый взгляд они очень похожи, но отличаются множеством технических нюансов, которые стоит учитывать при разработке.
Google Play Store (Android) | App Store (iOS | |
Размер | 512 px × 512 px |
|
Формат | 32-разрядный PNG | PNG |
Цветовое пространство | sRGB | sRGB или P3 |
Форма | Полный квадрат. Google Play автоматически скругляет углы (радиус скругления — 20% от размера) и добавляет тени | Квадрат без закругленных углов и теней |
Топ-пять аспектов дизайна иконок
21% миллениалов удаляют мобильное приложение, если им не нравится, как иконка выглядит на экране. Поэтому важно продумать не только функциональность, но и эстетическую составляющую.
1. Простота
Лаконичность — это ключ к удачному дизайну. Вот какие нюансы нужно учесть:
- Отсекайте лишнее. Чем больше деталей — тем сложнее будет распознать и запомнить изображение, а также масштабировать его. Помните, что иконка должна быть хорошо различима в разных размерах: в магазине приложений, меню телефона и на панели настроек.
- Используйте символику. Сфокусируйтесь на одном узнаваемом элементе, как сделали Pinterest (кнопка), Snapchat (привидение) или Instagram (камера). В качестве иконки может выступать главный визуальный символ бренда — логотип, если он отвечает принципам минимализма.
- Лайфхак: изучите значки ваших любимых приложений и проанализируйте, какие символы использованы в их разработке.
2. Цвет
Этот элемент брендинга может стать решающим при выборе приложения. Рассказываем, как правильно подобрать цветовую гамму:
- Используйте не больше двух-трех цветов, как большинство популярных компаний, например, Airbnb, Pandora или Dropbox. Большое количество оттенков будет сливаться в одно нечеткое пятно.
- Берите пример с топ-брендов. Исследование показало, что чаще всего они выбирают для графики синий цвет (Google Calendar, Safari, Twitter, LinkedIn). Второе и третье места делят красный и белый, причем красный чаще всего используют бренды, связанные с едой и напитками.
- Убедитесь, что выбранные цвета соответствуют вашему бизнесу, привлекают целевую аудиторию и согласуются с остальными элементами фирменного стиля.
- Проверьте, как значок смотрится на разных фонах — цветном, черном и белом.
3. Согласованность
Визуальный символ приложения должен соответствовать его содержанию. Гармоничный образ помогает воспринимать продукт как единое целое и вызывает более сильную эмоциональную привязанность.
- Используйте один язык дизайна: цветовую палитру, стиль и приемы. В вашем приложении присутствует градиент, необычная геометрия или ретро-стиль? Примените их и в иконке.
- Если у вас несколько приложений, оформите их в едином стиле, как сделал Adobe для своих продуктов: Photoshop Sketch, Illustrator Draw, Lightroom, Skan и других.
- Привяжите символику к функциональности приложения, чтобы пользователь с первого взгляда понял, о чем ваш продукт. К примеру, винный рейтинг Vivino использует виноградную гроздь, а музыкальный сервис Spotify — символ громкости динамика.
4. Лишние элементы
Длинные надписи и фотографии — ненужные элементы на маленьком значке. Они рассеивают внимание пользователей и затрудняют восприятие.
- Люди воспринимают изображения в 60 тысяч раз быстрее, чем слова, а при выборе приложения скорость может иметь решающее значение.
- Помните: если вам приходится использовать слова, значит, вы не исчерпали весь потенциал визуальных образов. Подбирайте метафоры к вашему бизнесу, пока не найдете подходящий символ.
- Исключения — короткие названия брендов (BBC News, Uber) или использование первой буквы («F» у Facebook и Foursquare).
- Тот же принцип работает и с фотографиями, детали на которых будут неразличимы в маленьком разрешении. Если у вас есть любимый снимок, который характеризует бизнес, используйте для брендинга его элементы, создав из них векторное изображение.
5. Уникальность
Ваша иконка будет постоянно конкурировать с тысячами других за внимание пользователя. Поэтому важно отстроиться от конкурентов, чтобы дизайн был уникальным и вызывал эмоциональную привязанность.
- Изучите самые популярные приложения в вашей нише, проанализируйте, какие приемы они используют. Подумайте, за счет чего вы можете дифференцироваться: цветовой гаммы, символики или графики.
- Проанализируйте, какие элементы привлекают вашу целевую аудиторию, а какие, наоборот, отталкивают. Учитывайте результаты при разработке значка.
Source: by Ramotion
Бонусные советы:
- Проведите A/B-тестирование. Если не можете выбрать между двумя вариантами иконок, перед запуском организуйте маркетинговое исследование. A/B-тестирование — это метод, который позволяет запустить в работу оба варианта одновременно и сравнить, какой из них эффективнее.
- Учитывайте сезонность. Подумайте, как вы можете «оживлять» иконку к праздникам или громким событиям: Рождеству, «черной пятнице» или Хэллоуину. Это может быть изменение цвета или добавление небольшого характерного элемента.
- Следите за трендами. Соблюдайте грань между слепой погоней за модой и актуальностью. Не нужно обновлять иконку каждый сезон, но следить за глобальными трендами стоит. Например, если все конкуренты уже перешли на модную плоскую графику, а вы до сих пор используете 3D-эффект, значит, пора сменить значок.
Source: by Jakub Kuik
Три способа создать иконку
В зависимости от опыта и бюджета вы можете за несколько минут разработать значок онлайн, потратить время на дизайн в профессиональных редакторах или отдать работу на аутсорс.
1. Графические редакторы. Подойдет пользователям, у которых есть опыт работы в Photoshop или Illustrator. Плюс этого способа в том, что вы получите уникальный результат даже при нулевом бюджете.
2. Онлайн-сервисы:
- Logaster. Онлайн-генератор создаст логотип, который вы можете кастомизировать и скачать бесплатно в небольшом размере, подходящем для иконки мобильного приложения.
- Canva. Бесплатный редактор с тысячами шаблонов графики и возможностью персональной адаптации.
- Iconsflow. Сервис с более чем 200 тысяч значков: просто выберите подходящий, измените цвет, размер и добавьте эффекты.
- Appicon. Этот редактор адаптирует готовое изображение под размеры иконок для iOS и Android.
Мечтаете о собственном лого?
Введите название компании в поле ниже и наш генератор предложит вам лучшие дизайны!
3. Дизайнер. Если вам недостает опыта, но вы готовы выделить бюджет на брендинг, наймите графического дизайнера, который специализируется на иконках приложений: обратитесь на биржи (Upwork, Fiverr), попросите рекомендаций у знакомых или поищите в соцсетях.
Заключение
Подытожим самые важные моменты, о которых стоит помнить при разработке значка мобильного приложения.
- Позаботьтесь о простоте, узнаваемости и уникальности.
- Следите за трендами, чтобы оставаться актуальным.
- Учитесь у топ-брендов. Например, из этого списка самых популярных мобильных приложений 2019 года:
- Facebook Messenger
- TikTok
- SHAREit
- Likee
- Snapchat
- Netflix
- Spotify
IcoMoon – шрифты с иконками и css спрайты для сайта
Здравствуйте, уважаемые друзья. Сегодня я хочу рассказать вам о сервисе IcoMoon, который позволяет создавать шрифты с иконками (иконочные шрифты).
Шрифты с иконками (иконочные) – это обычные шрифты, только символы представлены в виде иконок. Что позволяет управлять ими с помощью CSS стилей, так же, как и обычными шрифтами.
Такие иконки сейчас очень популярны при создании различных интернет-проектов. Пример таких иконок вы можете увидеть на моём блоге – это иконки социальных сетей, метаданных, обозначение комментариев и так далее.
Я уже рассказывал вам о применении таких иконок при создании сайта, когда речь шла о псевдоэлементах before и after. Где в качестве инструмента для подбора иконок использовался сервис Awesome.
Возможности сервиса IcoMoon.
В отличие от подобных сервисов, которые позволяют подключать иконочные шрифты к сайту, IcoMoon позволяет создать свои шрифты, только с необходимыми иконками. А также редактировать их и загружать свои.
В сервисе на выбор есть бесплатные наборы иконок и платные. В бесплатном доступе у вас будет 490 иконок.
Все иконки – это векторные изображения, которые вы можете скачать в формате SVG, PDF, EPS, Ai. А в платном пакете и в рабочем формате фотошопа PSD.
Все иконки, созданные с помощью сервиса, оптимизированы и соответствуют стандартным размерам шрифтов. Что позволяет удобно и быстро масштабировать их, при необходимости.
Пакеты доступных иконок
Вы также можете загружать свои собственные иконки и делать из них шрифты. А ещё вы можете установить приложение IcoMoon для браузера Гугл Хром и работать с иконками даже без подключения к сервису.
Сервис в режиме реального времени формирует ссылки, стили и коды для быстрого внедрения в вашем проекте.
Преимущества и недостатки шрифтов с иконками.
Конечно, иконки не могут заменить сложных графических изображений, но в некоторых случаях их преимущество перед растровыми изображениями, неоспоримо.
1 – гибкое управление цветом, размером и другими эффектами с помощью CSS стилей.
2 – масштабировать иконки так же легко, как и шрифты без потери качества.
3 – иконки одинаково хорошо смотрятся на различных экранах устройств. То есть они адаптивные.
4 – все иконки в проекте загружаются одним http запросом. Что ускоряет загрузку сайта в целом.
5 – иконки, как буквы в тексте, очень мало весят и загружаются моментально.
6 – шрифты иконки совместимы со всеми браузерами.
7 – скачав шрифты, вы можете использовать их в локальных проектах.
К недостаткам можно отнести то, что на некоторых мобильных браузерах иконки всё-таки не отображаются.
Иконки созданы по сетке 16Х16, 32Х32 и так далее. Так вот если вы захотите использовать нестандартный размер, то без дополнительных стилей css не обойтись.
Ну а так если не требуется сложной графики, то дизайнерское решение вполне можно реализовать с помощью иконок. Тем самым уменьшив размеры загружаемой графики, запросы к серверу, и увеличив скорость загрузки сайта.
Как создать шрифт с иконками и css спрайты в сервисе IcoMoon?
Изначально вы должны пройти на главную страницу сервиса IcoMoon, где можете ознакомиться с возможностями и посмотреть иконки. Вы также можете выбрать бесплатный пакет иконок и скачать его.
Но как правило, для проекта не нужно столько иконок и достаточно выбрать только самые необходимые. Для этого нажимаем на кнопку IcoMoon App.
Включаем генератор иконок
Перед вами откроется набор бесплатных иконок, с которыми вы можете работать, а также сможете добавить иконки из библиотеки и свои тоже.
Доступные инструменты генератора
Изначально представлены лишь основные иконки, дополнительные можно выбрать из библиотеки. Для этого нужно пролистать страницу вниз и нажать на ссылку Add Icons From Library…. После чего выбираете понравившиеся иконки и нажимаете на кнопку Add.
Добавление иконок из библиотеки
Когда нужные иконки откроются у вас перед глазами, вы можете выбрать необходимые и сделать из них либо css спрайт, либо иконочный шрифт.
Как создать css спрайт из иконок?
Для начала выбираете нужные иконки. Для этого просто нажимаете по нужным изображениям. Если необходимо выстроить иконки в определённой последовательности, то можно использовать инструмент перемещение и выставить иконки как надо.
После, нажимаете на кнопку Generate SVG, PNG, PDF.
Создание спрайта
Далее, все выбранные иконки будут представлены на экране, где можно переименовать название, изменить размер и получить код для каждой иконки в отдельности.
Изменение параметров спрайта
По умолчанию для скачивания выбраны форматы иконок SVG и PNG. А нам ещё нужно выбрать формат css спрайта и задать параметры отступа. Также можно добавить фоновое изображение и изменить цвет, но это уже по желанию.
Для того чтобы выбрать формат спрайта нажмите на кнопку Preferences – отметьте чекбокс Include Tiles (css sprite) и задайте отступы между иконками.
Выбор формата css спрайт
После того как свойства определены, нажимаете на кнопку Download, внизу экрана и скачиваете архив со всеми необходимыми файлами. Где у вас будут и файлы с изображениями, и стили css.
Файлы спрайта
Это очень удобно, так как стили уже определены и вам не нужно самостоятельно выставлять смещение изображений для получения нужного.
Скачать спрайт
Примечание: в стилях для спрайтов указан путь к файлу в формате SVG, вы же, используйте файл в формате PNG, его же и загружайте на хостинг. Файлы в этом формате меньше весят на 40-50%.
Как создать шрифт с иконками?
Точно так же, как и в примере со спрайтом, выбираете необходимые иконки, только в этот раз нажимаете на кнопку Generate Font, внизу экрана.
Создание иконочного шрифта
Далее, откроется страница с выбранными иконками, где вы также можете получить код, переименовать иконки и задать свойства шрифта.
Свойства шрифта
Перед сохранением и скачиванием шрифта, откройте свойства Preferences и отметьте чекбокс Support IE7 & IE6. Это обеспечит показ иконок на старых браузерах. Правда, это обеспечение придётся ещё подключить к сайту.
Подключение поддержки старых браузеров
Для скачивания шрифта необходимо нажать на кнопку Download.
Скачивание шрифта
Вот и всё готово к установке на сайт.
Как установить иконочные шрифты на сайт?
О том, как установить css спрайты на сайт я уже рассказывал. Кому интересно, посмотрите статью по ссылке. Здесь же рассмотрим вариант использования шрифтов с иконками с сервиса IcoMoon.
Шаг 1.
Для начала нужно распаковать архив со шрифтами и скопировать папку Font на ваш хостинг. Для WordPress лучше скопировать эту папку в папку с темой.
Шаг 2.
В папке с архивом, который вы скачали с сервиса IcoMoon, есть файл style.css. Все стили из этого файла нужно перенести в ваш основной файл стилей. Я покажу именно такой пример. Но, можно переименовать этот файл и подключить его как отдельный файл стилей.
Вставить эти стили лучше всего в начале основного файла стилей, перед тегом body. Для этого открываем административную панель WordPress – «Внешний вид» – «Редактор» – «Таблица стилей (style.css)». И вставляем стили.
Вставка стилей шрифта
Шаг 3.
Теперь в нужном месте исходного кода нужно вставить код, отвечающий за вывод иконки.
Конструкция этого кода выглядит так:
<span></span>
где, icon-home3 – это название иконки.
Посмотреть название иконки можно в файле demo.html, который также находится в архиве, скачанном ранее с IcoMoon.
Просмотр имён иконок
В качестве наглядного примера я покажу, как добавить иконки в адаптивное меню.
Изначально вид меню имеет вот такой вид.
Вид меню без иконок
Теперь, необходимо в исходный код меню внедрить и код иконок, с учётом пунктов меню. Меню располагается в файле header.php. Вот именно его я открываю и рядом с названием пунктов меню добавляю код иконок. Прямо внутри ссылки. Так, иконка унаследует стили ссылки.
Вставка кода иконки
В итоге добавления шрифта с иконками, меню приобрело следующий вид.
Вид меню с иконками на компьютере
Вид меню с иконками на смартфоне
Согласитесь, такое меню смотрится привлекательней. И всё благодаря шрифтам с иконками. Таким образом, иконки можно внедрить в любом месте на сайте, где это необходимо. А используя стили css, можно придать иконке нужный вид.
А теперь посмотрите видеоурок в котором я шаг за шагом показываю, как создать шрифты с иконками и как их установить на сайт.
На этом у меня сегодня всё, друзья. Пробуйте, внедряйте, задавайте вопросы в комментариях, буду рад помочь. Всем желаю успеха и до встречи в новых статьях и видеоуроках.
С уважением, Максим Зайцев.
иконок преимуществ — 3057 бесплатных векторных иконок
- Авторы
- Пакеты
- Дополнительные инструменты
Прочие товары
Freepik Бесплатные векторы, фото и PSD Онлайн-редактор Freepik Редактируйте свои шаблоны Freepik Slidesgo Бесплатные шаблоны для презентаций Набор историй Бесплатные редактируемые иллюстрацииИнструменты
Образец значка Создавайте шаблоны значков для своих обоев или социальных сетейGoogle Workspace
Иконки для слайдов и документов +2. 5 миллионов бесплатных настраиваемых значков для ваших слайдов, документов и таблиц - английский
- Español
- английский
- Deutsch
- Português
- Français
- 한국어
- Стать автором
- Стоимость
- Бесплатная регистрация
- Войти
Тип
Икона
изображений Значок преимущества PNG | Векторные и PSD файлы
instagram значок социальных сетей дизайн шаблона вектор
4167 * 4167
instagram значок instagram логотип
800 * 800
facebook логотип facebook значок
4167 * 4167
социальные набор медиа иконок facebook
800 * 800
модные постепенные иконки социальных сетей
1200 * 1200
instagram значок в социальных сетях вектор шаблон дизайна
4167 * 4167
вектор значок местоположения
1024 * 1024
значок whatsapp логотип whatsapp
800 * 800
шаблон дизайна значка социальных сетей whatsapp вектор логотип whatsapp
4167 * 4167
instagram логотип социальные сети значок instagram
800 * 800
некоторые значки социальных сетей
1200 * 1200
facebook s значок ocial media логотип facebook
4167 * 4167
значок местоположения
1200 * 1200
набор иконок социальных сетей логотип
800 * 800
живой значок дизайн шаблона вектор изолированных иллюстрация
4167 * 4167
значок facebook логотип facebook значок fb логотип fb
800 * 800
значок instagram логотип instagram
800 * 800
значок телефона в сплошном круге
3000 * 3000
белый значок instagram png логотип instagram
1200 * 1200
значок Instagram значок социальных сетей пользовательские истории кнопок
1200 * 1200
кнопка подписки на YouTube со значком «Нравится»
2000 * 2000
значок instagram Логотип Instagram
800 * 800
Значок Instagram логотип
800 * 800
900 06зеленая галочка значок плоский стиль
5000 * 5000
значок логотипа YouTube
800 * 800
значок социальных сетей YouTube
800 * 800
WhatsApp социальные сети значок дизайн шаблона вектор логотип whatsapp
4167 * 4167
значок логотипа facebook fb логотип
800 * 800
значок логотипа instagram
800 * 800
значок вектора местоположения
1024 * 1024
вызов телефон значок вектор
3333 * 3333
красный значок местоположения на карте элемент значок местоположения
1200 * 1200
instagram 3d значок сердца
1200 * 1200
информационные значки значок набор различных стилей
1200 * 1200
набор иконок социальных сетей
1099 * 800
черный социальные значки СМИ
1200 * 1200
значок instagram логотип instagram
800 * 800
значок местоположения вектор
1200 * 1200
логотип значка WhatsApp
800 * 800
ICON Health & Фитнес, Inc.
Мы помогаем людям жить своей лучшей и здоровой жизнью
Истоки
В 1977 году двое одноклассников сидели за кухонным столом в том самом доме, который изображен выше. зарисовка бизнес-идей на салфетке. Предприниматели начали с небольшого импорта бизнес по продаже различных товаров, в том числе дровяных печей и часов.Раннее обнаружение тенденции фитнеса и бега, основатели ICON переключили свое внимание на новые возможности в этих новых отраслях. В 1980-х годах ICON представила беговые дорожки, которые складывались для хранения. Результат был SpaceSaver ™ — инновация ICON, которая позволяет потребителям «вписать фитнес в дом» и вызвало рост в категории домашнего фитнеса. Этот ранний пример демонстрирует синергию дизайна, разработки и производства ICON. знания. Спустя десятилетия последовало еще много простых, но блестящих улучшений. позволяя ICON руководить инновациями. Сегодня ведущие бренды ICON, включая NordicTrack и ProForm, занимают первые места оборудование в каждой из трех крупнейших категорий отрасли — беговые дорожки, стационарные велосипеды и эллиптические тренажеры.Инновации с брендом iFit в носимых устройствах и в Интернете Решения для фитнеса поддерживают мотивацию и информированность потребителей. Наша марка обуви Altra одежда для фитнеса, шоссейного бега и трейлраннинга расширяет предложения ICON для фитнеса и здоровая жизнь.
Логан Лайф
Основатели ICON сохранили штаб-квартиру в том же городе, где все началось: Логан, штат Юта, расположен в красивой долине Кэш. Это просто. Этот великолепный город на севере штата Юта находится прямо посреди удивительных катание на лыжах, рыбалка, охота, катание на горных велосипедах, скалолазание, походы и многое другое на открытом воздухе виды деятельности. Логан находится всего в нескольких часах езды от шести национальных парков. Старая пословица слова «Играй, где работаешь, работай, где играешь», легко подводит итог жизни здесь, в долине. Логан может похвастаться невысокой стоимостью жизни, минимальным трафиком и временем в пути, легким доступом к Международный аэропорт Солт-Лейк-Сити был признан одним из самых безопасных городов в Соединенные Штаты, чтобы жить.Cache Valley также имеет одно из лучших образований в страна, начиная с Pre-K и заканчивая местным университетом, Университет штата Юта — ВСТРЕЧАЙСЯ!
.