12 уникальных способов применения иконок в текстовых полях
Аудио перевод статьи
Текстовые поля — важнейший элемент любой формы. Иконки внутри полей могут быть не только декоративными. Если применять их правильно, они позволяют расширить функционал формы и при этом не занимают много места.
В статье вы найдете 12 способов применения иконок в текстовых полях. Вы узнаете, как должны работать те или иные опции и почему они зачастую эффективнее альтернативных решений.
А принципы дизайна идеального набора иконок вы найдете здесь.
Используете ли вы по максимуму потенциал текстовых полей? Ведь эти элементы способны на большее, чем просто ввод данных. Как же сделать их более удобными для заполнения? Используйте “лоток ввода” (input tray).
Это специальная область, которая располагается внутри текстового поля рядом с подписью и видимым текстом, Здесь можно размещать иконки для динамического взаимодействия с данными ввода. Мы расскажем о 12 уникальных способах их применения, благодаря которым процесс заполнения любой формы станет проще и приятнее.
1. Показать пароль
Используйте иконку глаза, чтобы показать пароль на этапе регистрации или входа в систему. Перечеркнутый глаз, напротив, скрывает пароль, возвращая его в первоначальное состояние. Это позволяет сократить количество опечаток и упростить исправление ошибок.
2. Скопировать введенные данные
Иконка “Копировать” позволяет пользователям без труда скопировать и вставить нужные данные. Разместите ее в области ввода, чтобы людям не пришлось выделять текст вручную. Когда человек нажимает на иконку, текст автоматически сохраняется в буфере обмена.
3. Загрузить файл
Нет необходимости размещать рядом с полем загрузки файлов отдельную кнопку «Выберите файл». Иконка загрузки внутри поля способна справиться с этой задачей намного эффективнее, при этом вам не придется создавать дополнительные элементы. Кликнув по полю, пользователи получат доступ к файловой системе.
4. Всплывающая подсказка
Если пользователям требуется дополнительный контекст для заполнения поля, подумайте о добавлении иконки “i”.
Вместо того чтобы размещать информацию вокруг поля, вы можете расположить иконку в области ввода. Когда человек кликнет по ней, он увидит всплывающую подсказку.
5. Очистить поле ввода
Иконка “X” для очистки поля ввода упрощает задачу, если в поле был введен длинный текст. Вместо того, чтобы выделять его вручную и нажимать клавишу Delete, пользователь может просто кликнуть по иконке.
6. Текущее местоположение
Благодаря этой иконке пользователям не придется прилагать слишком много усилий и вводить свое текущее местоположение вручную. Просто нажмите на нее, и местоположение будет определено, а затем добавлено автоматически.
7. Голосовой ввод
Добавьте в поле иконку голосового ввода, чтобы при необходимости пользователи могли не набирать текст вручную. Нажав на нее, они смогут продиктовать нужные сведения в микрофон своего устройства.
8. Сканировать штрих-код
Такая иконка позволит вам сэкономить время и усилия, которые вы обычно тратите на ввод QR- и штрих-кодов.
Когда пользователи нажимают на нее, для сканирования включается камера устройства.
9. Поле выбора даты
Вместо того чтобы печатать даты вручную, можно выбирать их в специальном поле. Просто поместите в область ввода иконку календаря. Когда пользователь кликнет по ней, под полем ввода откроется поле выбора даты.
10. Тип кредитной карты
Когда пользователи вводят номер своей кредитной карты, вы можете автоматически отображать тип карты в лотке ввода. Все, что вам понадобится, — иконка с правильным названием компании.
11. Выпадающий список
Вы можете объединить текстовое поле и выпадающее меню, чтобы создать аккуратный стандартный выпадающий список. Необходимо просто поместить иконку направленной вниз стрелки в область ввода и сделать так, чтобы список опций отображался каждый раз, когда пользователи нажимают на поле.
12. Отправить данные
Вы даже можете превратить иконку внутри поля в кнопку отправки. Это актуально, если у вас имеется только одно текстовое поле.
Вместо того, чтобы создавать отдельную кнопку, используйте для отправки данных иконку со стрелкой.
Дайте шанс иконкам внутри текстовых полей, чтобы взаимодействия пользователей с формой стали более динамичными. Вы сэкономите место, а также сократите время и усилия, которые обычно требуются людям для ее заполнения.
Места — Яндекс Карты. Справка
- Добавить закладку
- Открыть список
- Добавить домашний и рабочий адреса
- Создать свой список закладок
- Изменить адрес
- Переименовать список закладок
- Перенести закладку в другой список
- Поделиться списком закладок
- Удалить закладку из списка
Вы можете создавать списки избранных мест на карте, чтобы быстро перейти к нужному объекту, например магазину, кинотеатру, домашнему и рабочему адресам.
Также вы можете добавить в избранное остановки и маршруты общественного транспорта.
Найдите нужное место на карте.
В карточке объекта под его названием нажмите значок .
Выберите список Избранное или создайте новый.
Объект будет отмечаться на карте значком выбранного списка.
- Если вы авторизованы
Нажмите на изображение профиля.
В боковом меню нажмите Закладки.
Выберите нужный список.
- Если вы не авторизованы
Нажмите кнопку и авторизуйтесь. Подробнее см. раздел Вход на Яндекс.
Перенести закладки в другой аккаунт не получится.
К закладкам в списках можно добавлять личные комментарии:
Откройте список закладок и найдите нужное место в списке.
Введите текст в поле Оставить комментарий к месту.
Нажмите Сохранить.
При необходимости личные комментарии к закладкам можно редактировать или удалять.
Откройте раздел Закладки.
На вкладке Места введите адрес.
Для этого в строке Дом или Работа нажмите Добавить адрес.
Введите его вручную или выберите нужную точку на карте.Нажмите Сохранить.
Закладки Дом и Работа отображаются на карте постоянно.
По умолчанию закладки сохраняются в списке Избранное.
Чтобы создать свой список (например, «Музеи» или «Театры»):
Откройте раздел Закладки.
На вкладке Места нажмите Создать список.
Введите название списка.
Чтобы изменить цвет и форму метки на карте, нажмите Выбрать иконку.
Если потребуется, нажмите Добавить описание и внесите дополнительную информацию.
Нажмите Сохранить.
Откройте раздел Закладки.
На вкладке Места откройте список, адрес в котором нужно изменить.
Наведите указатель на значок и выберите Изменить.
Внесите изменения и нажмите Сохранить.
Откройте раздел Закладки.
На вкладке Места в строке нужного списка наведите указатель на значок .
Нажмите Редактировать.
Введите новое название списка и нажмите Сохранить.
Откройте раздел Закладки.
На вкладке Места откройте нужный список. В строке нужного списка наведите указатель на значок .
В строке с нужным адресом наведите указатель на значок и выберите Перенести.
Выберите список для переноса или создайте новый.
Вы можете отправить другим пользователям ссылку на ваш список закладок, чтобы его могли посмотреть и подписаться на обновления.
Откройте раздел Закладки.
На вкладке Места справа от названия списка нажмите .
Нажмите Поделиться.
Скопируйте ссылку и отправьте ее пользователю, с которым хотите поделиться списком. Список будет доступен всем, кто перейдет по ссылке.
Редактировать список может только его владелец. Если владелец изменит список, он изменится у всех, кто получил к нему доступ.
Чтобы закрыть доступ к списку:
Откройте раздел Закладки.
На вкладке Места справа от названия списка нажмите .
Нажмите Настройки доступа.
Отключите опцию Ссылка на список активирована.
Вы можете убрать место из списка:
- В разделе Закладки
Откройте нужный список.
В строке с нужным адресом наведите указатель на значок .
Нажмите Удалить.
- В карточке объекта
Откройте карточку объекта.
Нажмите кнопку .
Написать в службу поддержки
4801 иконки мест — бесплатно в SVG, PNG, ICO
Получите неограниченный доступ к более чем 6,4 миллионам активов
Получите неограниченное количество загрузокМеста Значок
Места Значок
Места Значок
Места Значок
Места Значок
Места Значок
Места Значок
Места Значок
Места Значок
Оптимизация мест Значок
Места Значок
Места Значок
Места Значок
Места Значок
Места Значок
Места Значок
Места Значок
Места Значок
Места Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Места
Значок
Места Значок
Места под солнцем Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Оптимизация мест Значок
Мои места Значок
Парковочные места Значок
Парковочные места Значок
Исторические места Значок
Любимые места Значок
Исторические места Значок
Знаменитые места Значок
Любимые места Значок
Недавние места Значок
Знаменитые места Значок
Исторические места Значок
Озеро Места Значок
Озеро Места Значок
Любимые места Значок
Любимые места Значок
Места для питья Значок
Исторические места Значок
Исторические места Значок
Исторические места Значок
Исторические места Значок
Исторические места Значок
Главная Места Значок
Главная Места Значок
Главная Места Значок
Избегайте общественных мест Значок
Избегайте людных мест Значок
Избегайте общественных мест Значок
Hr Больница Расположение Места Карты Значок
Найти карты больниц Расположение Медицинские центры Значок
Место Значок
Рейкьявикская церковь Значок
Расположение Значок
Подиум Значок
Достопримечательности Сан-Диего Значок
Подиум Значок
Подиум Значок
Подиум Значок
Подиум Значок
Подиум Значок
Подиум Значок
Подиум Значок
Подиум Значок
Подиум Значок
Расположение
Значок
Расположение Значок
Расположение Значок
Расположение Значок
Церковь Значок
Фотография Значок
Гол Гумбаз Значок
Гол Гумбаз Значок
Несколько местоположений Значок
Пирамида Майя Значок
Гол Гумбаз Значок
Гол Гумбаз Значок
Гол Гумбаз Значок
Гол Гумбаз Значок
Избегайте ресторана Значок
Фотография Значок
Фейсбук Значок
Расположение Значок
Фотография Значок
Фотография Значок
Церковь Значок
Пин-код местоположения Значок
Форсквер Значок
Форсквер Значок
Бильярд Значок
Сеульская башня Значок
Великая стена Значок
Великая стена Значок
Несколько направлений Значок
Несколько направлений Значок
Несколько направлений Значок
Несколько направлений Значок
Несколько направлений Значок
Несколько направлений Значок
Любимая папка Значок
Ворота Индии Значок
Венеция и ее достопримечательности
Посетите ли вы Венецию во время карнавала, во время Мостры (кинофестиваль) или во время различных биеннале (организация искусства) – в Венеции всегда найдется захватывающее и вневременное место, которое стоит открыть…
Весь город является объектом Всемирного наследия ЮНЕСКО, и когда вы посещаете Венецию, вы быстро понимаете, почему.
У Венеции такое богатое прошлое, что в ней так много мест, которые обязательно нужно увидеть, потому что они полны великолепия!
Icon-Icon создала подборку мест Венеции, которые обязательно нужно посетить. Места, которые можно найти в ряде фильмов, которые, мягко говоря, символичны, или в культовых песнях, которые обязательно останутся в вашей памяти.
Знаменитые места лагуны, которые стоит посетитьПервым в этом списке стоит Дворец дожей!
Известный как политический и культурный центр Венеции до наполеоновского завоевания — Дворец дожей с его экстравагантной архитектурой почти 1000 лет был резиденцией венецианских дожей, символом культуры и могущества лагуны. Обязательно к посещению!
посещение Дворца дожей
Еще одно легендарное место: Базилика Святого Марка… Легендарная базилика благодаря своим вместительным помещениям и византийскому стилю… Но что более важно, базилика, лев которой вдохновил так много душ художников Коко Шанель! Льва Святого Марка и ее страсть к византийским крестам Шанель нашла здесь!
посещение базилики Сан-Марко
Что касается художников, близких Коко Шанель, то камера Лукино Висконти запечатлела Венецию, как никто другой.
И именно из другого шедевра, вдохновленного Венецией, он завершает фильм, призванный передать загадочную атмосферу Венеции… Адаптированный роман Томаса Манна «Смерть в Венеции» Лукино Висконти (1971) вовлекает зрителей в плавучий город начала. XX века… С тщедушным Тадзио в главной роли, одетым в мариньер — отсылка очевидна.
Висконти запечатлел великолепие театра Ла Фениче в фильме Senso. Вступительная сцена снималась в Ла Фениче — одном из самых роскошных и культовых храмов итальянской оперы.
«Ла Фениче» — впечатляющее величественное здание, история которого тесно связана с работами Россини, Беллини, Доницетти или Верди… И современная программа, которая соответствует своему легендарному статусу!
Весной 1866 года здесь шла опера Джузеппе Верди «Трубадур» — легендарная опера!
reservation la fenice
Вот еще одна легенда, на этот раз архитектурная… Вот одно из мест Венеции, которые обязательно нужно увидеть: Палаццо Контарини дель Боволо.
Палаццо с внешней лестницей, вдохновленной Пизанской башней, которая сделала его одним из самых известных и посещаемых мест Венеции с момента его постройки в 15 веке.
визит боволо
Хочешь вернуться в прошлое? Здесь находится один из старейших дворцов города, ныне музей, галерея Ca’d’oro в переводе означает «золотой дом» – своим прозвищем этот палаццо обязан своим позолоченным и полихромным внешним украшениям, которые когда-то украшали его стены…
посещение музея Ca’d’oro Gallery
Венеция стала столицей современного искусства. благодаря Пегги Гуггенхайм.
Нелепый и дальновидный дух Пегги Гуггенхайм живет в каждой комнате этого музея, бывшего ее дома — и редкие арт-пространства, которые хранят так много знаковых произведений из истории искусства… От художников до гениальных скульпторов, Музей Гуггенхайма предлагает собрать вместе самые взрывоопасные и революционные видения искусства.
опыт Пегги Гуггенхайм
Еще одно место искусства Венеции – Палаццо Грасси. Его внушительная высота господствует над Венецией с 1772 года — а недавно в Палаццо Грасси разместилась коллекция Франсуа Пино, как в авангардной и смелой коллекции!
booking palazzo Grassi
Уникальность Венеции заключается в великолепном стекольном искусстве 16-го века… и чтобы открыть его, нужно отправиться на острова Мурано и Бурано.
Острова славятся своим мастерством и невероятными изделиями из стекла, которые веками вдохновляли другие страны делать то же самое – острова Мурано и Бурано также богаты архитектурным великолепием… От красочных зданий до типичных остерий!
Именно в Венеции 16-го века, эпицентре международной торговли в то время, Уильям Шекспир помещает свою работу под названием Венецианский купец. В 2004 году Майкл Рэдфорд адаптировал его к фильму с Аль Пачино в главной роли.
В Венеции мы идем купаться… на остров Лидо. Остров, где проходит Мостра (Венецианский кинофестиваль), представляет собой другую сторону венецианского образа жизни — здесь есть частный пляж и дворцы, но, что более важно, атмосфера, более оторванная от оживленной Венеции…
Мы пересекаем лагуну по мосту Риальто… Это самый старый из четырех мостов через Гранд-канал в Венеции. Он завораживает своей конструкцией, полностью выполненной из истрийского камня и мрамора.
Невольно вспоминается сцена из фильма Дэвиса Лены 1955 года « Каникулы в Венеции».
