Иконки для сайтов: Векторные иконки и стикеры — PNG, SVG, EPS, PSD и CSS

для чего нужны, виды, форматы и правила

Пример различного оформления одного и того же набора иконок. Автор — Liubov Osipenko. Источник

Зачем используют иконки в дизайне

Иконки в дизайне — это важный элемент, который выполняет разные задачи в зависимости от местоположения и замысла автора. Вот некоторые из них.

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

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

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

Пример того, как иконки структурируют контент в блоке о преимуществах сервиса. Источник

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

Виды иконок

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

Типы иконок по функции

• Информационные. Это иконки, которые передают какую-то информацию или сообщение пользователю. Например, иконка звездочки может означать, что поле обязательно для заполнения, а иконка восклицательного знака — что есть какое-то предупреждение или ошибка.
• Навигационные. Это иконки, которые помогают пользователю перемещаться по сайту или приложению. Например, иконка гамбургера может открывать меню навигации, а иконка стрелки — возвращать на предыдущую страницу или экран.
• Интерактивные. Это иконки, которые запускают какое-то действие или функцию при нажатии или наведении. Например, иконка корзины может добавлять товар в список покупок, а иконка сердечка — ставить лайк или добавлять в избранное.
• Брендовые. Это иконки, которые представляют какой-то бренд, компанию или продукт. Они могут быть частью логотипа или фирменного знака. Например, иконка яблока — это символ компании Apple.
• Иллюстративные. Это иконки, которые изображают какой-то объект, сцену или персонажа. Они могут быть детализированными или стилизованными. Например, иконка домика может иллюстрировать раздел о недвижимости, а иконка смайлика — раздел о настроении.

Яркие иконки-иллюстрации от Patswerk. Источник

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

Типы иконок по стилю

• Плоские иконки. Это иконки, которые не имеют объема, теней, градиентов или других эффектов. Они состоят из простых геометрических форм и однотонных цветов. Они выглядят минималистично и современно.

Сет плоских иконок. Автор — Rehan Khan. Источник

• Линейные иконки. Это иконки, которые состоят только из контуров без заливки. Они могут быть одноцветными или многоцветными. Они выглядят легко и элегантно.
• 3D-иконки. Это иконки, которые имитируют трехмерный объем с помощью теней, света, перспективы и других эффектов. Они могут быть реалистичными или карикатурными. Они выглядят динамично и привлекательно.

Очень красивые трехмерные «стеклянные» иконки. Автор — Hesam Sanei. Источник

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

Пример иконок, стиль которых копирует ручную рисовку. Источник

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

Конечно, это далеко не весь перечень видов этих маленьких картинок. Например, еще их можно классифицировать по тематике пака:

• социальные сети;
• бизнес;
• интернет-маркетинг;
• аналитика;
• наука;
• инновации;
• животные;
• бытовая техника;
• детские товары и т. д.

Форматы иконок для сайтов и приложений

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

Растровые форматы, такие как PNG или JPG, не рекомендуются для иконок для сайтов, так как они теряют качество при масштабировании и не поддерживают прозрачность. Однако, если вы все же хотите использовать растровые иконки, то убедитесь, что они имеют достаточное разрешение и сжаты для уменьшения размера файла.Единственным исключением является favicon — маленькая иконка, которая отображается рядом с адресом сайта в браузере. Для favicon обычно используется формат ICO, который поддерживает разные размеры и глубину цвета в одном файле. Вы можете создать favicon из любого изображения с помощью специальных генераторов или конвертеров.

Основные правила создания иконок для веб-дизайна

• Иконки должны соответствовать цели и контексту применения. Перед началом работы четко определите, на каком ресурсе будут использоваться иконки (какова тематика сайта или приложения, цветовая схема), а также в каких блоках они будут находиться и с какой целью (например, в блоке преимуществ с целью убедить пользователя обратиться в компанию). Исходя из этого, выбирайте стилистику, настроение и цвет иконок. 
• Иконки должны быть простыми, читаемыми и узнаваемыми. Избегайте излишних деталей, сложных форм и неоднозначных символов. Используйте привычные образы, которые соответствуют теме и функции иконок. Чтобы не создавать образы с нуля, вы можете вдохновиться работами других дизайнеров на одной из площадок, где они их демонстрируют, например Behance или Dribble. 
• Иконки в наборе должны быть согласованными и гармоничными. Следуйте одному стилю, цветовой схеме, типу линий и теней для всех иконок. Например, если вы решили использовать тонкую прерывистую линию для изображения границ значков, то все значки в вашем наборе должны иметь такие границы, то есть не добавляйте экземпляры с толстыми сплошными линиями. Также учитывайте пропорции, углы и отступы между элементами иконки. Используйте сетку для выравнивания и масштабирования иконок, чтобы они были симметричными.

Пример, когда все иконки в паке выглядят единообразно. Автор — Peter Garvin. Источник

• Иконки должны быть адаптивными и оптимизированными. Проверяйте, как ваши иконки выглядят на разных устройствах, разрешениях и платформах. Используйте векторный формат (например, SVG), который позволяет изменять размер иконок без потери качества. Сжимайте файлы иконок для ускорения загрузки сайта.
• Иконки должны быть информативными и функциональными. Подумайте, какую цель вы хотите достичь с помощью иконок: привлечь внимание, упростить навигацию, повысить конверсию или что-то еще. Добавляйте подписи или подсказки к иконкам, если это необходимо для понимания. 
• Тестируйте и получайте обратную связь. Проверяйте свои иконки на разных устройствах и в разных ситуациях, чтобы убедиться в их качестве и эффективности. Спрашивайте мнение других людей, особенно потенциальных пользователей, о том, как они воспринимают и понимают ваши иконки.

5 лайфхаков по созданию дизайна иконок

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

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

Примеры сетки для создания иконок в руководстве по Material Design. Источник

• Используйте копирование и отражение. Копирование и отражение — это простой способ создавать симметричные и сложные формы без лишних усилий. Вы можете копировать и отражать части иконок по горизонтали или вертикали, а также комбинировать разные формы для создания новых.
• Используйте операции с фигурами. Операции с фигурами — это функция, которая позволяет вам объединять, вычитать, пересекать или разделять разные фигуры для создания новых в графических редакторах, например Adobe Illustrator. Вы можете использовать эту функцию для создания сложных или оригинальных форм из простых.
• Используйте цветовые палитры и градиенты. Цветовые палитры и градиенты помогут вам подобрать гармоничные и модные цвета для ваших иконок, а также создать объем и настроение. Вы можете использовать готовые цветовые палитры или градиенты из библиотек или ресурсов, или создавать свои собственные.

Где скачать бесплатные иконки

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

Flaticon — самая большая база бесплатных иконок для любого проекта. Вы можете скачать иконки в форматах PNG, SVG, EPS, PSD и CSS. Вы также можете редактировать цвет и размер иконок, создавать коллекции и использовать плагин для Google Workspace.

Freepik — сайт с более 900 тысячами бесплатных иконок в форматах PNG, EPS и SVG. Вы можете найти иконки по разным категориям, таким как еда, бизнес, спорт и т.д.Icons8 — сайт с более 1,2 миллионами бесплатных векторных иконок в форматах SVG и PNG. Вы можете выбрать стиль иконок, такой как плоский, линейный или 3D, а также настроить цвет и размер.

Каталог иконок на сайте Icons8. Источник

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

профессия
веб-дизайнер

Научиться

Как иконки на сайте влияют на конверсию

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

Предки иконок на сайте: пиктограмма и идеограмма – в чем разница?

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

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

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

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

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

Как работают иконки на сайте и зачем они нужны

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

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

Основные функции иконок на сайте:

1. Привлекают внимание – яркие тематические иконки цепляют взгляд пользователей и акцентируют внимание на контенте.
2. Помогают понять смысл – изображения легче воспринимаются пользователем, нежели голый текст.
3. Ориентируют в интерфейсе – правильно размещенные иконки могут служить ориентирами, помогая пользователям быстрее находить нужные им функции и разделы на сайте или в приложении.
4. Экономят визуальное пространство – позволяют передать информацию с помощью компактных изображений, тем самым освобождают место на экране и делают дизайн более чистым и удобочитаемым.
5. Устанавливают связь с пользователем – иконки могут быть эмоционально заряжены через стилистику и создавать положительное впечатление о бренде.

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

5 основных принципов создания иконок

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

1. Единый стиль

   Существует множество стилей иконок: тонкие линии, залитые, 3D-иконки, скругленные и острые формы. Чтобы иконки выглядели гармонично, следует использовать их из одного набора или в одном стиле. Набор иконок называется «иконпаком» или «сетом».

2. Информативность

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

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

3. Простота

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

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

4. Соответствие бренду

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

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

   Вот такой иконопак подойдет для стогих сфер бизнеса:

5. Размер

   Обычно наборы иконок создаются одного размера. Популярные размеры включают 16×16, 24×24, 32×32, 48×48 и 256×256 пикселей.

   Однако вы также можете использовать размеры, удобные для вашего проекта. Главное, чтобы внутри одного набора иконки не отличались друг от друга. Если вам нужны разные размеры, лучше создать отдельные наборы иконок. Например, иметь наборы иконок размером 16×16, 24×24 и 40×40 – нормально и даже хорошо.

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

Когда стоит отказаться от использования иконок в дизайне сайта

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

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

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

Обычно мы просто помещаем иконку с изображением шестеренки и добавляем текст «собственное производство». Но что видит посетитель сайта? Всего лишь иконку в виде шестеренки.

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

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

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

Использование реальных фотографий вместо иконок

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

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

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

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

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

Так надо ли отказываться от иконок на сайте?

Нет, конечно. Иконки все еще полезны, особенно если вы хотите привлечь внимание посетителей к определенным элементам на вашем сайте.

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

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

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

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

#дизайн #картинки на сайте #маркетинг #поведенческие факторы #фишки для сайта #создание сайта #структура сайта

Топ-5 сайтов с бесплатными иконками

Абхинав Дуа

Абхинав Дуа

Менеджер по работе с партнерами @ Филиал

Опубликовано 14 августа 2021 г.

+ Подписаться

Значки повсюду, когда вы видите значок «Увеличительное стекло», вы знаете, что он представляет Поиск или всякий раз, когда вы видите значок «Колокольчик», он представляет

Уведомления .

Точно так же при подготовке PPT рекомендуется включать значки вместе с текстом, это помогает лучше понять и привлечь внимание зрителя. Особенно, когда вы объясняете особенности вашего продукта.

Я создал сотни PPT и использую значки почти в каждой презентации. Я рекомендую ниже 5 веб-сайтов для бесплатных иконок:

1. Flaticon

Веб-сайт: https://www.flaticon.com/

На этом веб-сайте 5,2+ миллионов иконок и потрясающая коллекция иконок разных цветов и форматов файлов.

Работает на модели Freemium, вы можете скачать любую иконку в формате PNG, а если вы хотите загрузить в любом другом формате, таком как SVG, EPS и т. д., вам необходимо приобрести пакет Premium.

• Формат значка: только PNG (бесплатный пользователь)
• Размеры изображения: до 512 пикселей
• Цвет: любой цвет. Он имеет онлайн-редактор значков, где вы можете настроить значок в соответствии с вашими требованиями.

2. The Noun Project

Веб-сайт: https://thenounproject.com/

Этот веб-сайт содержит 3+ миллионов иконок и является одним из моих любимых. Этот веб-сайт никогда не разочаровывает и всегда имеет значок, связанный с вашим контентом.

Иконки, доступные на этом сайте, зарегистрированы по лицензии Creative Commons. Если вы загружаете с помощью «Базовой загрузки», вы должны указать создателя.

• Формат значка: PNG и SVG
• Цвет: только черный (для базовой загрузки)

Примечание: если вы загрузите файл формата SVG, вы можете легко изменить его цвет в соответствии с вашими требованиями.

3. База данных иконок

Веб-сайт: https://www.iconsdb.com/

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

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

• Формат значка: ICO, PNG, JPG, GIF, ICNS
• Размеры изображения: до 512 пикселей вместе с параметром «Пользовательский размер»
• Цвет: любой цвет

4. Значки материалов Google

Веб-сайт: https // fonts.google.com/icons

Разработчики мобильных приложений и веб-сайтов уже знают этот веб-сайт и широко используют эти значки.

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

• Формат значка: SVG, PNG
• Размер изображения: до 48dp
• Цвет: черно-белый (если загружен SVG, можно применить любой цвет)

5. Материал значков пользовательского интерфейса

Сайт: https ://materialui.co/icons

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

Подобно значкам материалов Google, их можно использовать в PPT, и они более понятны при объяснении функций продукта и экранов,

• Формат значка: SVG
• Цвет: любой цвет, значок можно настроить в соответствии с требованиями. .

  —

  Это 2-й артикул из Серия PPT 90 109 . Если вы не читали 1-ю статью , тогда, пожалуйста, оформите заказ

  Топ 5 сайтов с бесплатными шаблонами PPT /

  Лучшие веб-сайты с иконками 2022 года — Easy UX

  Лучшие веб-сайты с иконками 2022 года — Easy UX — Medium

  7 декабря 2021 г.

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

  Нажмите на любой из «веб-сайтов с изображениями» ниже, чтобы открыть соответствующий URL-адрес. Нажмите здесь 08 Нажмите здесь

  Нажмите здесь

  Нажмите здесь

  Нажмите здесь

  Дизайн иконок

  Иконография

  Дизайн

  Тренды

  Автор Easy UX

  98 подписчиков

  Надежная и профессиональная информация о UX и UI дизайне.

  Еще от Easy UX

  Easy UX

  Лучшие профили UX, за которыми стоит следить в LinkedIn …

  Чтение: 4 мин·17 февраля 2019 г.

  Easy UX

  В чем заключается дизайн взаимодействия

  Что такое дизайн опыта (XD)? Это дизайн пользовательского интерфейса, визуальный дизайн, веб-дизайн или UX-дизайн?

  3 min read·Jan 20, 2022

  Easy UX

  Виртуальная реальность должна стать полностью реалистичной к 2030 году жить во вчерашнем дне из-за технологический прогресс, который…

  5 минут чтения·14 октября 2018 г.

  Easy UX

  Дизайн взаимодействия с пользователем  — «Удобство использования, доступность и удовольствие от продукта»

  Термин «дизайн взаимодействия с пользователем» (UX, UXD, UED или XD) — это процесс, посредством которого удовлетворение пользователя продуктом повышается за счет…

  Чтение: 4 мин·31 октября 2018 г.

  Просмотреть все на Easy UX

  Рекомендовано на Medium

  Christina Sa

  в

  Пример использования UX-дизайна, благодаря которому меня наняли 901 86

  Получение работы в UX дизайн сложный, но один конкретный пример помог мне выделиться из толпы. Я разработал нетрадиционный…

  ·8 мин чтения·16 марта

  Helena Zhang

  в

  7 принципов дизайна значков

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

  ·10 минут чтения·29 января 2020 г.

  Списки

  Дизайн иконок

  29 историй·11 сохранений

  Истории, которые помогут вам стать дизайнером

  9 0008 11 историй·98 экономит

  Интересные темы дизайна

  199 историй·12 сохранений

  Figma 101

  7 историй·15 сохранений

  Михал Малевич

  Существует ПЯТЬ уровней навыков пользовательского интерфейса.