Банк иконка: Иконки банка — 98,125 бесплатных иконок — Независимое театральное объединение "Зрительские симпатии"

Содержание

Наши партнеры

ВТБ — банк с государственным участием (60,9% принадлежит государству). Первый по размеру уставного капитала банк в стране и второй по величине активов. Традиционно предлагает ипотечные кредиты по минимальным и акционным ставкам. Например, для покупателей квартир большой площади от «Меридиана» действует сниженная ставка по кредиту — уникальная для тюменского рынка.
Крупнейший транснациональный и универсальный банк России, Центральной и Восточной Европы. Контролируется Центральным банком РФ (принадлежит 51% уставного капитала). Доля «Сбербанка России» в общем объёме активов российского банковского сектора составляет 28,7 %. Банк осуществляет проектное финансирование ГК «Меридиан» с 2008 года и традиционно предлагает линейку ипотечных продуктов покупателям. Является стратегическим финансовым партнером.
Государственный банк, созданный на базе ОАО «АИЖК» и банка «Российский капитал». Является основным оператором по ряду социальных госпрограмм, например, по «детской» ипотеке и материнскому (семейному) капиталу. Активно сотрудничает с ГК «Меридиан» по данным направлениям.
Банк «Открытие» входит в топ‐10 крупнейших банков России. Работает на финансовом рынке с 1993 года. Ключевым акционером банка «Открытие» является Банк России с долей 99,99%. Головной офис банка удобно расположен в непосредственной близости от офиса ГК «Меридиан».
ПАО «БАНК УРАЛСИБ» — универсальный банк с развитой филиальной сетью. Входит в ТОП‐30 крупнейших банков страны. Банк отличает высокая лояльность к клиентам «Меридиана» в плане оперативности рассмотрения заявок и одобрения ипотеки.
Банк основан в 1993 году. Клиентами банка являются более 30 тысяч юридических лиц и сотни тысяч физических лиц по всей России. Банк представлен в 26 городах. Преимущество банка — оперативное рассмотрение кредитной заявки от клиентов «Меридиана» — от 25 минут.
«Промсвязьбанк» — российский государственный банк. Банк входит в список из одиннадцати системно значимых кредитных организаций. По величине активов «Промсвязьбанк» входит в ТОП‐10 российских банков (9 место) и занимает 15‐е место среди кредитных организаций Центральной и Восточной Европы по размеру собственного капитала.
Является коммерческим банком газовой промышленности, создан в 1990 году. Основной акционер — ПАО «Газпром». В числе клиентов Газпромбанка — около 5 миллионов физических и порядка 45 тысяч юридических лиц. Банк активно кредитует клиентов «Меридиана», работающих в нефтегазовой сфере и проживающих в северных городах Тюменской области.
«Росбанк Дом» — банк, специализирующийся на ипотечном кредитовании. Является дочерней структурой французской группы Societe Generale в России. Преимущество сотрудничества с банком для клиентов «Меридиана» — высокий процент одобрения ипотечных заявок.
Альфа-банк — крупнейший частный банк в России, входящий в пятёрку крупнейших банков России по объёму активов Лучший ипотечный банк Восточной Европы 2019 по версии журнала Global Finance, в рамках премии Best Consumer Digital Bank Awards.
Сургутнефтегазбанк — это один из крупнейших региональных банков РФ. Присутствие банка во всех секторах рынка банковских услуг делает его альтернативой любому другому банку и обеспечивает его функционирование в современных условиях. Банк обладает технической оснащенностью, позволяющей ему успешно решать задачи сегодняшнего дня и обеспечивать стабильное развитие.
Металлинвестбанк — крупный российский коммерческий банк. Успешно работает на рынке с 1993 года. На сегодняшний день Банк является универсальным кредитным учреждением с сильными рыночными позициями на межбанковском и валютном рынках.

опыт Райффайзенбанка — Дизайн на vc.ru

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

9682 просмотров

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

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

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

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

Подготовка

Один из важнейших этапов проекта по переработке иконок – подготовительная работа, и если провести ее правильно, дальше все пойдёт гладко.

Первая встреча с рабочей группой

Рабочая группа

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

Сбор и описание метафор

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

Рабочий файл

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

Категория – позволяет отфильтровать и посмотреть иконки только в заданной категории, а также дает понимание агентству, в какую категорию складывать иконки в Figma.
Описание – поясняет дизайнерам из агентства, в каком контексте используется иконка.
Имя файла – желательно, чтобы у всех иконок наименование было в едином формате. Мы выбрали простой стиль написания kebab-case: слова пишутся строчными буквами, а для разделения используется дефис. Имя файла в рабочем документе должно совпадать с именем файла в Figma. Дополнительно можно следовать строгим правилам наименования, например, исходить только из контекста использования иконки или только из значения метафоры.

У нас получился симбиоз двух этих подходов.
Наименования команд (Raiffeisen-Online (RO), Web-site…) – в этот раздел мы складывали иконки из разных команд для сравнения. Колонка Current Pack – для существующего набора. Метафора согласована, не согласована – отображает для агентства финальную метафору. Важно, что определяется только метафора, а не способ отрисовки.
16×16 / 24×24 – показывает нужные нам размеры иконок. Здесь же цветом отмечали готовность иконки со стороны агентства и проставляли дату выполнения.

Tips&Trics: Рабочий документ на подготовительном этапе можно собирать где удобно: в Google Docs, в iCloud. Главное, чтобы все могли туда добавлять иконки из своих проектов.

Бриф для агентства

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

Количество иконок

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

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

Принципы построения

Принципы

В нашем случае они максимально простые: все квадраты, прямоугольники и круги рисуются по заданной сетке; толщина линий равна 2 px; углы скругляются, но окончания остаются острыми – мягкие и острые формы рифмуются с логотипом.

Tips&Trics:
Иконки должны быть максимально простыми, хорошо считываться, желательно, чтобы они не были сложносоставными, содержали не более двух объектов внутри и не несли двойного смысла. Не стоит пытаться вложить в иконку все содержание и смысл метафоры, иначе будет каша, и никто не сможет уловить смысл.

Сетка

При построении иконок используется сетка и определяются основные размеры, допустимые к использованию. Мы используем два размера, основной – 24х24, дополнительный – 16х16. В размере 16х16 всего несколько иконок, в основном это стрелки, галочки и другие простые формы из категорий Actions и Navigation.

Основные размеры

Tips&Trics: Не нужно абсолютно все пытаться впихнуть в сетку, иначе в определенных группах у разных иконок будет неправильная развесовка, когда одна иконка кажется меньше или, наоборот, больше другой. У нас были исключения, но они составляли всего 10-15 % проекта.

Технические требования (чек-лист)

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

Категоризация

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

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

Описание процесса

Лучше с самого начала определить удобный процесс работы с агентством. Мы двигались итерациями по 20-30 иконок. Для ускорения работы мы сделали под иконки отдельный файл в Figma, куда дали доступ дизайнерам из агентства. Каждый фрейм – отдельная категория. Под иконками проставили теги, чтобы было понятно, что это за иконка и в каком контексте она может использоваться.

Файл с иконками в Фигма

Tips&Trics: Теги или описание метафоры под каждой иконкой в Figma лучше проставлять сразу, в процессе. Я этого не сделал, и потом мне пришлось потратить досадно много времени на тегирование 570 элементов.

Процесс создания

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

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

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

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

Tips&Trics: В самом начале проекта нужно набраться терпения, так как дизайнерам-отрисовщикам из агентства нужно время, чтобы прочувствовать правила и принципы, описанные в гайдах. Будьте готовы к ошибкам: у нас в начале их было около 50% в каждой итерации, а затем количество несоответствий сократилось до 20-10%.

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

Переписка в рабочем чате с дизайнерами

В нашем приложении используется очень много иконок, и некоторые из них встречаются в разных контекстах. Поэтому важно было проверить все существующие метафоры, а также убедиться, что после обновления набора иконки будут корректно использоваться всеми командами банка. Так, мы пересмотрели некоторые визуальные образы, чтобы они могли использоваться во всех продуктах и интерфейсах. Мы уже обновили все иконки в UI Kit и теперь проверяем, все ли потребности покрывает новый набор.
Ольга Струзберг, старший UX-дизайнер, Райффайзенбанк

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

Файл с обратной связью для каждой итерации в Notion

Tips&Trics: Коммуникаций в процессе не должно быть слишком много. После отрисовки всех иконок я решил еще раз критически посмотреть на них с дизайнерами банка, и сделал созвоны раз в неделю. Каждую из 500 (!) иконок мы могли обсуждать минут 20, и очень скоро я осознал, что если мы будем продолжать в том же духе, проект затянется на несколько месяцев. Чтобы сэкономить время, я решил сам экспертно оценить результат, а локальные проблемы с каждой иконкой решать отдельно уже после релиза.

Внедрение

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

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

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

Описание процесса создания и изменения иконки

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

Сводный файл для разработчиков

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

Сводная таблица в Фигма

Tips&Trics: Для быстрого поиска иконки на портале дизайн-системы в сводной таблице необходимо указать теги.

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

Файловая структура вместо таблицы

Потом это все прогоняется скриптом, который на выходе отдает так называемый «план миграции», то есть сопоставляет новую и старую иконку и заодно строит файл сопоставления иконки и тегов. Далее запускается Codemode, который опираясь на этот план миграции правит код, где используются иконки.

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

«Чтобы иконки корректно заехали в нашу библиотеку на фронте, мы начали составлять таблицу соответствия в Figma. Когда значительная часть работы уже была проделана, встретились с фронтенд-разработчиками по конкретной реализации, и оказалось, что табличка в Figma не очень подходит для выгрузки в код. Для корректного обновления ребята предложили написать скрипт, который мог бы помочь свести иконки и их названия, но так как мы уже потратили несколько недель на сборку сводных таблиц по каждой категории, решили выгрузить их в текстовом виде в отдельный файл, а в следующий раз попробовать скрипт. 😅 Мы сделали выводы и в очередной раз отметили необходимость синхронизации на каждом из этапов»
Виктория Дубровская,
руководитель направления по развитию платформ разработки Core Foundation Mobile and Frontend

Внедрение через дизайн-систему

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

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

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

Бесплатная иконка банка и пакет иконок банка

Связанные изображения из iStock | Сохранить сейчас

деньги свинья удача

Копилка с монетами

диаграмма деньги копилка

Копилка

банк плюс добавлять

Банк — плюс

банк стрелка

Банк — стрелка

деньги свинья наличные

Money_Pig

кредит карта амекс

Кредитная карта_amex_gold

бухгалтерский учет статья банк

Бизнес сайт золотой

банкомат баланс корзины

Синий дацюань

бизнес банки дойная корова

Коммерческие и финансовые

положить деньги в копилку глянцевая иконка накормить поросенка деньгами

Копилка глянцевая (PSD)

калькулятор кредит карта

Калькулятор, кредитные карты, кассовый аппарат, банка для накопления денег

банк проверять

Банковский чек

банк бизнес икона

Банки и бизнес набор

финансовый значок значок экономики и инвестиций мировой финансовый кризис

Значок здания банка (PSD)

банкомат баланс корзины

Синий значок Daquan

банк

Банк

банк

Банк

банк карты

Банковские_карты

банк

Банк

банк иена отмена

Bank_yen2_cancel

банк сделка вниз

Bank_transaction_down

нанокостюм фабрика банк

Нанокостюм — Заводской банк —

банк карандаш

Банк_карандаш

банк иена обновить

Bank_yen_refresh

банк увеличить

Банк2_zoom

банк сделка верно

Банк_транзакция_право

банк фунт

Bank_pound2

банк иена дискета

Bank_yen2_diskette

банк евро Информация

Bank_euro_info

банк банк вверх вверх

Банк2_up

банк фунт звезда

Bank_pound2_star

банк иена вниз

Bank_yen_down

банк верно

Банк_право

банк фунт перезагрузить

Bank_pound_reload

банк фунт бинокль

Банк_фунт_бинокль

банк фунт дискета

Bank_pound_diskette

банк иена обновить

Bank_yen2_refresh

банк фунт увеличить

Bank_pound_zoom

банк иена замок

Bank_yen_lock_open

банк замок открыть

Bank_lock_open

банк иена помощь

Bank_yen2_help

банк

Банк2

банк левый

Банк2_левый

банк фунт перезагрузить

Bank_pound2_reload

банк евро увеличить

Банк_euro2_zoom

банк иена перезагрузить

Bank_yen_reload

банк сделка перезагрузить

Bank_transaction_reload

банк евро закрывать

Bank_euro_close

банк евро механизм

Банк_euro2_gear

банк Информация

Банк_информация

банк евро пирамида

Банк_евро_пирамида

банк фунт карандаш

Bank_pound_pencil

банк увеличить

Банк_зум

банк иена вниз

Bank_yen2_down

банк иена бинокль

Банк_иена_бинокль

банк евро замок

Банк_euro2_lock_open

банк фунт

Bank_pound

банк фунт замок

Bank_pound_lock_open

банк сделка звезда

Банк_транзакция_стар

банк механизм

Банк_шестерня

Ищете фотографии банка? Перейти к фото

Связанные ключевые слова

банк бизнес фунт валюта иена наличные деньги финансы

Подробнее

Связанные изображения из iStock | Сохранить сейчас

94 435 Банковские иконки — бесплатно в SVG, PNG, ICO

Все активы
3D иллюстрации
Лотти Анимации
Иллюстрации
Иконки

Фильтры

Эксклюзив для IconScout

Все активы

3D-иллюстрации

Анимации Lottie

Иллюстрации

Иконки

Бесплатно

Премиум

Все

Индивидуальные

9 0006 Packs

Line

Flat

Colored Outline

Glyph

Gradient

Isometric

Dualtone

Doodle

Rounded

Наклейка

Бизнес
Финансы
Электронная коммерция и покупки
Управление бизнесом
Разнообразный
Покупка
Сеть и связь
Пользовательский интерфейс
Сео и Интернет
Развитие дизайна
Здания
Запускать
Маркетинг и брендинг
Каникулы
Инфографика
Фондовый рынок
Развитие веб-сайта
Корпоративная жизнь
Преступность и безопасность
Сетевые инструменты
Научная технология
Криптовалюта
Магазин
Школа
Путешествовать
Гостиница
Недвижимость
Продажи
Торговая площадка
Доставка

Получите неограниченный доступ к более чем 6,7 миллионам активов

Получите неограниченное количество загрузок

Банковское дело Значок

Банковское дело Icon

Просмотреть все Банковские иконки

У вас уже есть аккаунт? Войти.