Содержание

Графический дизайн иконок и концептов, руководство

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

Подробнее о вакансии здесь  https://papavector.com/vacancy

Вы научитесь:

— размножать иконки по шаблонам:

  • editable stroke 
  • glyph
  • chalk 
  • color
  • flat color

— сохранять иконки в 5 форматах;

— размножать концепты;

— сохранять концепты.

— размножать брошюру по образцу.

I. Начало работы

1. Скачайте ai файл.

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

2. Следуйте инструкциям в гайде.  

* Вам необходимо пройти полный цикл работы с иконками, концептами  и брошюрой : от размножение в разных стилях по шаблонам до сохранения в 5 форматах ai, eps, jpeg, svg и png. 

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

3. Для нас важны временные показатели, поэтому зафиксируйте время затраченное на выполнение т.з. Рекомендуем для точности использовать таймер. 

Рекомендации для  успешного прохождения т.з. :

  • Ознакомьтесь с примерами работ студии  https://www.iconfinder.com/bsd555   
  • Прочитайте статью по покраске иконок https://support.iconfinder.com/en/articles/2620425-colors 
  • Узнайте, что является плагиатом в стоковом графическом дизайне.
II. Размножение иконок

Ваша задача:

  1.  Переделать четыре иконки в разные стили по образцу (editable stroke, glyph,chalk,color, flat color).
  2.  Сохранить иконки в 5 форматах (ai, eps, jpeg, svg, png)
  3.  Построение композиции.

В исходном файле вы найдете 4 иконки, которые расставлены в один ряд. Прежде чем приступить к размножению иконок вам нужно собрать сет 2*2 (симметрично отображать иконки не нужно). 

Пожалуйста, при формировании сета, учитывайте “однобокость иконок”. 

Однобокость иконки — это загруженность деталями иконки с какой-либо стороны. Пример:

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

Ниже приведен пример сета 2*2. Если иконка симметричная, то ее можно ставить в любой угол. 

Размножение по шаблонам

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

1. Шаблон editable stroke 

Шаблон editable stroke  — это линейные иконки, так и остаются в том виде, в котором вы их получили в исходном файле (не разобранные для форматов ai, eps и jpeg).

Для этого шаблона нужно: 

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

 

2)  При сохранении соло иконок, для форматов ai, eps и jpeg добавляем полосочку 

 

Пример, как должен выглядеть общий сет с заголовком, и соло иконок: 

 

 2. Шаблон glyph 

Шаблон glyph — это выдавливание разобранного контура.

Для этого шаблона нужно: 

1) Сделать шаблон по видео “Шаблон glyph”

2) Только для общего сета покрасить одну иконку в два цвета (но потом соло иконки сохраняются черным все. Цветная иконка только в сете)

Пример

3) Округлить внешние углы. Вот пример округления внешних углов. Красным помечены – все, которые нужно округлить (внешние углы, которые выпирают из иконки). А зеленым — те углы, которые не нужно округлять, они внутри иконки).

3. Шаблон chalk 

Шаблон chalk — это имитация мела. 

Для этого шаблона нужно: 

1) Сделать шаблон по видео “шаблон chalk”

2) Сделать подложку (только для AI, Eps, Jpeg) просто прямоугольником. Цвет подложки #262626. Для форматов Png и Svg — подложки не нужно, там белое на белом.

Пример

3) Убрать колючки. острые колючки — это торчки, которые сильно искажают форму, например, вот так. Их нужно аккуратно убрать, переместив точки или постирать

4) Кисть Feather

 4. Шаблон color 

Покраска color — это покраска всего сета в одном стиле с использованием бликов и теней. 

Для этого шаблона нужно: 

  1. Подобрать референсы по смыслу темы и выбрать палитру.
  2. Палитра должна быть реалистичной. Не нужно красить малиновым деньги, или зеленым собак.
  3. Палитра не должна быть грязной или сильно яркой. Она должна привлекать потенциального покупателя к сету, но и не быть агрессивной. 
  4. Покрасить весь сет в 3-4 цвета + цвета теней или бликов.
  5. Можно менять цвет обводки.
  6. Желательно не оставлять неокрашенные части иконки.

Пример:

Чего следует избегать: 

  1. Не делайте кашу из цветов, лучше меньше, но аккуратно подобранная палитра, чем много оттенков.
  2. Все иконки должны быть окрашены одной палитрой, а не каждая иконка со своими цветами.
  3. Издалека покраска тоже должна восприниматься привлекательно, должны быть видны тени и блики. Попробуйте примерить на какой-либо сайт ваши окрашенные иконки. 

 5. Шаблон flat color 

flat color — это покраска, как color, только без линий обводки. Получается, что вы красите только контуры, а обводку нужно убрать

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

Пример иконок 

Сохранение иконок

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

По итогу должна получиться следующая структура папок. 

В основной папке Insurance-and-protection-icons у вас будет 5 папок с названием темы и названием шаблонов (в них сохраняются пары файлов форматов eps и jpeg).  

И отдельная папка Insurance-and-protection-icons-AI-PNG-SVG в которой вы повторяете всю структуру 5 папок, где будут файлы в форматах AI-PNG-SVG

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

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

Очень важен порядок файлов! 

Это значит, что с именем Insurance-and-protection-icons-editable-stroke-1 должен идти общий сет, потом с именем Insurance-and-protection-icons-editable-stroke-2 должна идти иконка, которая в сете в левом верхнем углу, дальше с именем Insurance-and-protection-icons-editable-stroke-3 должна идти иконка, которая в сете в правом верхнем углу и т. д.

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

Все форматы вы сохраняете вручную.

Все файлы: 

  • цветовой режим RGB 
  • разрешение среднее 150

AI формат нужно выбрать Иллюстратор 10

 

Формат eps — 10 EPS

 

 Формат jpeg 

Формат svg 

Форматы png

Сохранение editable stroke: 

AI, Eps, Jpeg

  • иконки не разбираются
  • общий сет с заголовком
  • соло иконки с подписью (под подписью имеется ввиду — полоска «Editable stroke»)
  • цвет линий иконок #333333
  • размер артборда 5000*5000 для сета и для соло
  • каждая иконка сгруппирована

Png и Svg

  • иконки разобраны (проверить с помощью вектор инспектор про, он должен показывать 0)
  • сет без заголовка
  • соло иконки без подписи
  • цвет контуров #333333
  • размер артборда 4000*4000
  • каждая иконка сгруппирована

! Оценивается размещение сета и соло иконок на артборде.  

!! Следите за расстояниями, отступами, как в заголовках, так и самого сета. 

Сохранение glyph:

AI, Eps, Jpeg, Png и Svg

  • иконки разобраны (проверить с помощью вектор инспектор про, он должен показывать 0)
  • сет без заголовка
  • соло иконки без подписи
  • цвет контуров #000000
  • размер артборда 5000*5000 (для AI, Eps, Jpeg). Размер артборда 4000*4000 (Png и Svg).
  • каждая иконка сгруппирована

! Оценивается размещение сета и соло иконок на артборде. 

!! Следите за расстояниями, отступами, как в заголовках, так и самого сета. 

Сохранение chalk: 

  • сет без заголовка
  • соло иконки без подписи

AI, Eps, Jpeg

  • иконки разобраны (проверить с помощью вектор инспектор про, он должен показывать 0)
  • цвет контуров иконок белый
  • цвет подложки #262626
  • кисть Feather
  • убраны колючки, и мусор мелкий
  • размер артборда 5000*5000 для сета и для соло
  • каждая иконка сгруппирована

Png и Svg

  • иконки разобраны (проверить с помощью вектор инспектор про, он должен показывать 0)
  • цвет контуров иконок белый
  • подложку не нужно, получается белая иконка на пустом артборде
  • кисть Feather
  • убраны колючки, и мусор мелкий
  • размер артборда 4000*4000 для сета и для соло
  • каждая иконка сгруппирована

! Оценивается размещение сета и соло иконок на артборде.  

!! Следите за расстояниями, отступами, как в заголовках, так и самого сета. 

Сохранение color:

AI, Eps, Jpeg, Png и Svg

  • иконки разобраны (проверить с помощью вектор инспектор про, он должен показывать 0)
  • сет без заголовка
  • соло иконки без подписи
  • размер артборда 5000*5000 (для AI, Eps, Jpeg). Размер артборда 4000*4000 (Png и Svg).
  • каждая иконка сгруппирована

! Оценивается размещение сета и соло иконок на артборде. 

!! Следите за расстояниями, отступами, как в заголовках, так и самого сета. 

 Сохранение flat color:

AI, Eps, Jpeg, Png и Svg

  • иконки разобраны (проверить с помощью вектор инспектор про, он должен показывать 0)
  • сет без заголовка
  • соло иконки без подписи
  • размер артборда 5000*5000 (для AI, Eps, Jpeg). Размер артборда 4000*4000 (Png и Svg).
  • каждая иконка сгруппирована

! Оценивается размещение сета и соло иконок на артборде.  

!! Следите за расстояниями, отступами, как в заголовках, так и самого сета. 

III. Размножение концептов

Ваша задача:

  1. Переделать апп скрины : перекрасить исходные апп скрины, создать из исходных двух апп скринов пару, перекрасить пару.
  2. Сохраните концепты по инструкции.
  3.  Построение композиции.

В исходном файле найдите два апп скрина из 3 страниц каждый.

1 апп скрин 2 апп скрин

1. Составьте пару (самостоятельно соедините эти два апп скрина, чтобы сделать 1 сет из 6 страниц — 3 страницы сверху, 3 страницы снизу). И перекрасьте пару в одну покраску (сделать цвет обводки как в верхнем апп скрине и поменять цвета).

2. Вытяните иконки с кружочками и подписями и переделайте их в синий шаблон (в синем шаблоне 5 страничек, а вам нужно три. Поэтому нужно лишние убрать странички и поправить подложку. Также проследить, чтобы по периметру был одинаковый отступ. Цвета взять из шаблона).

3. Из синих тоже сделайте двойку, как в примере.

4. Вытяните отдельно иконки в кружочках с подписями из исходных концептов. И вытяните отдельно иконки с подписями из голубого варианта.

5. Сделайте сет из иконок из исходных апп скринов, и точно такой же сет из голубых апп скринов. Добавьте заголовок “Future office concepts” по ширине сета.

 

VI.  Построение композиции


Ваша задача:

Из исходной брошюры сделать брошюру-симмиляр (вытянуть иконки и заголовки из исходной брошюры и вставить в шаблон брошюры-симмиляра, по образцу).


   Особенности:

  1.  Страница брошюры-симмиляра — составить композицию из иконок первой страницы и можно добрать из 4 страницы исходника. Перенести заголовок с первой страницы
  2.  Страница брошюры-симмиляра — вставить иконки и заголовок с исходной 2 страницы. Перенести заголовок со второй страницы
  3.  Страница брошюры-симмиляра — вставить иконки и заголовок с исходной 3 страницы. Перенести заголовок с третьей страницы.
  4.  Страница брошюры-симмиляра — вставить иконки и заголовок с исходной 4 страницы (если останутся лишние иконки с исходника — можно в композицию первой страницы вставить).Перенести заголовок с четвертой страницы.


 

Важно, чтобы иконки и заголовок с первой страницы исходника были на первой странице брошюры-симмиляра (со второй страницы исходника — на второй странице брошюры-симмиляра и т.д.).

Пример готовой работы: 

   -исходная брошюра

 -переделанная брошюра

 

Сохранение концептов

После того, как вы закончили с размножением концептов, приступаем к сохранению.

По итогу должна получиться следующая структура папок. 

Future-office-app-screens: 

  1. сохраняются просто исходные апп скрины и пара из них 
  2. иконки и текст должны быть разобраны (вектор инспектор про должен показывать 0). Сами подложки страничек — не нужно разбирать
  3. размер артборда 3000 по меньшей стороне
  4. сохранить в 5 форматах, с такими же параметрами, как при размножении иконок

Future-office-app-screen-similars: 

  1. сохраняются просто голубые апп скрины и пара из них 
  2. иконки и текст должны быть разобраны (вектор инспектор про должен показывать 0). Сами подложки страничек — не нужно разбирать
  3. размер артборда 3000 по меньшей стороне
  4. сохранить в 5 форматах, с такими же параметрами, как при размножении иконок

Future-office-app-screen-concepts: 

  1. это именно иконки с подписями из исходных апп скрина и сета
  2. можно подтянуть подпись ближе к иконке
  3. расположить иконки на артборде, так чтобы иконка занимала 70% пространства
  4. для форматов Ai, Eps, Jpeg  — сохраняется соло иконка с подпись и подпись перекрашивается в цвет обводку. Иконка не разбирается. Текст — разбирается. Размер артборда 5000*5000
  1. для форматов Svg и Png — соло иконки без полосочки. И все разобрано. Размер артборда 4000*4000

Future-office-app-screen-concept-similars

  1. это именно иконки с подписями из переделанных голубых апп скринов и сет
  2. можно подтянуть подпись ближе к иконке
  3. расположить иконки на артборде, так чтобы иконка занимала 70% пространства
  4. для форматов Ai, Eps, Jpeg  — сохраняется соло иконка с подписью и подпись перекрашивается в цвет обводки. Иконка не разбирается. Текст — разбирается. Размер артборда 5000*5000
  1. для форматов Svg и Png — соло иконки без полосочки. И все разобрано. Размер артборда 4000*400.

Brochure-similars

  1. Сохранить брошюру-симмиляр в отдельную папку. Папку назвать “Brochure-similars”
  2. Разобрать брошюру ( текст и иконки — должны быть контурами, никаких линий обводки).
  3. Брошюру-симмиляр сохранить отдельно в тех же форматах, что и апп скрины. Размер артборда 2600px по высоте (а по ширине — сохранить соотношение сторон).  
 
Отправка тестового задания

Чтобы отправить  тестовое задание, перейдите по ссылке https://papavector.com/vacancy , выберите раздел Отдел графики → вакансия — Графический дизайнер, симилярист → Отправить заявку → Прикрепить архив.

Тестовое присылайте в одном файле ZIP, если размер файла более 50 Мб — в поле “комментарий” указывайте ссылку на файл на гугл/яндекс диске. Также в  поле  “комментарий” укажите, пожалуйста, ссылку на портфолио и сколько времени в часах/минутах заняло у вас выполнение всего тестового задания.

 

Структура библиотеки компонентов в Figma на примере большого банковского приложения — Дизайн на vc.ru

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

10 032 просмотров

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

Мы, дизайн-студия Mish, продолжительное время занимались дизайном двух мобильных приложений для SBI банка: классического банкинга для взрослых и отдельного банковского приложения для детей.

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

Строение компонента

Покажем, из чего состоит компонент, на примере строки списка высотой 64px, одного из самых распространенных элементов в проекте.

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

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

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

Чтобы вместо значка доллара поставить на обложку другую иконку, нужно перетащить ее с зажатым Opt+Cmd из панели Assets. Панель Assets — это второй таб левой панели слоев. Шорткат для быстрого вызова Assets — Opt+2. Важно, чтобы новая иконка была такого же размера, например, 24х24, иначе при замене она сожмется или растянется.

Фон круга под иконкой удобнее менять из Related components на правой панели инструментов. Другой же способ изменения фона — поменять его цвет через стиль или палитру. Но мы решили по максимуму упаковать все в компоненты и создали шесть компонентов обложек для разных цветов. Так, если понадобится изменить цвет фона на всем проекте, мы сможем сделать это быстрее.

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

Предварительно нужно все логотипы и аватарки занести в цветовые стили.

Путь к компоненту

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

list64+icon/1-1 — элемент списка с одним заголовком и суммой;

list64+icon/2-2 — с заголовком, подзаголовком и суммой с подстрочником.

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

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

Чтобы в Related components находились нужные компоненты, их важно правильно назвать.

Например, компоненты фонов для иконок в нашем проекте названы примерно так:

componentsAndroid/lists/elements/circle40x40/dark

componentsAndroid/lists/elements/circle40x40/white

componentsAndroid/lists/elements/circle40x40/white15

componentsAndroid/lists/elements/circle40x40/blue

componentsAndroid/lists/elements/circle40x40/blue5

componentsAndroid/lists/elements/circle40x40/blue10

Теперь же рассмотрим, из чего состоит полный путь к компонентам.

componentsAndroid — название файла.

lists — название фрейма в файле.

Дальше уже идет рукописное имя, каждый элемент которого между знаками «/» создает еще один уровень вложенности. И в конце имя самого элемента.

Также еще один уровень вложенности можно создать, поделив файл на страницы.

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

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

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

Ускорить процесс переименования также можно с помощью плагинов.

Структура библиотеки

Библиотеку мы расположили в трех файлах:

  1. файл с компонентами иконок и иллюстраций, общих для двух платформ;
  2. файл с компонентами элементов iOS;
  3. файл с компонентами элементов Android.

Если в проекте предполагается свыше тысячи экранов, мы рекомендуем хранить компоненты в отдельных файлах. Что может случиться, если хранить компоненты в одном файле с макетами — читайте в нашей предыдущей статье.

Выводы:

  1. Если в проекте предполагается свыше тысячи экранов, храните компоненты в отдельных файлах.
  2. Разные состояния элемента лучше делать отдельными компонентами, а не скрытыми слоями. Иконки же нужно переключать в панели компонентов.
  3. Называйте компоненты и слои в них осмысленно, используйте вложенность с помощью слэша «/” и иерархии внутри файла: название файла/название страницы/название фрейма/внутренняя иерархия с “/».
  4. Продумывайте заранее структуру библиотеки, дабы сэкономить себе время в будущем.

18 601 значков структуры — бесплатно в SVG, PNG, ICO

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

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структурированные данные Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Статистика структуры Значок

Структура Значок

Структура Значок

Структура Значок

Организация структуры Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структурные данные Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структурированные данные Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Структура Значок

Организация структуры Значок

Структура Icon

Org Structure Icon — Illustrationen und Vektorgrafiken

324Grafiken

  • Bilder
  • Fotos
  • Grafiken
  • Vektoren
  • Videos

Durchstöbern Sie 324

org structure icon lizenzfreie Stock- und Vektorgrafiken. Oder starten Sie eine neuesuche, um noch mehr faszinierende Stock-Bilder und Vektorarbeiten zu entdecken.

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

Struktursymbol. Logo-Element-Illustration

organogrammdiagramm-infografiken für die unternehmenshierarchie. Графический элемент Unternehmensorganisationsstruktur. vorlage für die branchen der unternehmensorganisation. современный вектор-информация-графика-баум-макет-дизайн. — значок организационной структуры сток-график, -клипарт, -мультфильмы и -символ

Органограмма-инфографика для Die Unternehmenshierarchie….

schwarze rechteckige schaltfläche mit .org — значок организационной структуры stock-grafiken, -clipart, -cartoons und -symbole

Schwarze rechteckige schaltfläche mit .org

organigramm-symbol. Flussdiagramm-символ. signieren sie den коллективная работа-вектор. — значок организационной структуры сток-графика, -клипарт, -мультфильмы и -символ

Organigramm-Symbol. Flussdiagramm-Symbol. Signieren Sie den…

flaches design kreisförmiges organigramm vektorillustration. — значок организационной структуры — графика, -клипарт, -мультфильмы и -символ

Flaches Design Kreisförmiges Organigramm Vektorillustration.

Square Knopf mit .org — иконка организационной структуры стоковая графика, -клипарт, -мультфильмы и -символ

Square Knopf mit .org

органограмма инфографика, векторный дизайн — иконка организационной структуры стоковая графика, -клипарт, -мультфильмы и -символ

Organigramm Infografiken, Vektordesign

auswahl des domainnamens, registrierung der webdresse. Ноутбук Riesiger и Mann Winziger. serverregistrierung на хостинге, интернет-сайт-url-сайт, киберсквоттинг в Интернете. векторный мультфильм flaches konzept — значок организационной структуры сток-график, -клипарт, -мультфильмы и -символ

Auswahl des Domainnamens, Registrierung der Webdresse. Рисигер…

Flussdiagramm, workflow, analyse-gliederungssymbol. стричграфик-вектор. — значок организационной структуры — графика, клипарт, мультфильмы и символы

Flussdiagramm, Workflow, Analyse-Gliederungssymbol. Стричграфик-В

. орг-символ флеш-графика дизайн — значок организационной структуры сток-графика, -клипарт, -мультфильмы и -символ

. org-Symbol flash Grafik Design

.org-Symbol. Diese 100% lizenzfreie Vektorillustration zeigt das Hauptsymbol, das in Schwarz in einem weißen Quadrat abgebildet ist. Die Alternative Farboptionen in Blau, Grün, Gelb und Rot befinden sich rechts neben dem Symbol und sind in einer vertikalen Spalte angeordnet.

Flussdiagramm, рабочий процесс, analysesymbol. глиф-стильвектор eps. — значок организационной структуры сток-графики, -клипарт, -мультфильмы и -символ

Flussdiagramm, Workflow, Analysesymbol. Глифен-Стилвектор ЭПС.

organigramm infografiken mit personensymbol und abstrakte linie, unternehmensstruktur, hierarchie der mitarbeiter, организация векторной иллюстрации. — значок организационной структуры стоковые графики, -клипарты, -мультфильмы и -символы

Органиграмма, инфографика с персональными символами и абстрактными линиями,…

символ для определения местоположения. mitarbeiter, планета, weltweit, удаленная работа, онлайн, интернет, sterne bewerten, bewerten, достижения. geschäftskonzept. glasmorphismus-стил. векторный символ для бизнеса и размещения — значок организационной структуры фондового графика, -клипарт, -мультфильмы и -символ

Символ для унифицированного Sätze. Mitarbeiter, Planet, weltweit,…

структурная диаграмма-линиенсимвол. диаграмма, анализ, einkommen, geschäft, wachstum, karriere, диаграмма. инфографик-концепт. glasmorphismus-стил. vektorliniensymbol für business und werbung — значок организационной структуры сток-график, -клипарт, -мультфильмы и -символ

Strukturdiagramm-Liniensymbol. Diagramm, Analyse, Einkommen,…

.org Farbe Diamant Vector icon — значок организационной структуры фондовая графика, -клипарт, -мультфильмы и -symbole

. org Farbe Diamant Vector Icon

.org Farbe Diamant Vector Symbol. Das Symbol ist schwarz und befindet sich auf einer Diamantvektorschaltfläche. Die Taste ist flach weiß und der Hintergrund ist hell. Die Composition ist einfach и элегантный. Das Vektorsymbol ist der Выдающийся Teil dieser Illustration. Es gibt fünf альтернатива Schaltflächenvariationen auf der rechten Seite des Bildes. Die Alternative Farben sind Rot, Gelb, Grün, Lila und Blau.

символ для определения местоположения. работа в команде, mitarbeiter, arbeit, kommunikation, sprechblase, menschen, online. geschäftskonzept. глазоморфизм. ui-telefon-app-bildschirm mit einer hand. векторный символ для unternehmen — оргструктура значок стоковой графики, -клипарт, -мультфильмы и -symbole

Символ для негеорднете Sätze. Работа в команде, Mitarbeiter, Arbeit,…

символов для анализа данных. kreisdiagramm, pfeil, geld, stunter, Dollar, einkommen, ausgaben, analysen, prozentsatz, gehalt, datenbanken. инфографик-концепт. vektorliniensymbol für business und werbung — значок организационной структуры сток-график, -клипарт, -мультфильмы и -символ

Символ для анализа данных. Kreisdiagramm, Pfeil, Geld,…

organigramm infografiken mit personensymbol und abstrakte linie, unternehmensstruktur, hierarchie der mitarbeiter, организация vector illustration. — значок организационной структуры сток-график, -клипарт, -мультфильмы и -символ

Organigramm Infografiken mit Personensymbol und Abstrakte Line,…

.org-symbol auf schwarz-weiß-vektor-hintergründe — значок организационной структуры сток-график, — клипарт, -мультфильмы и -символ

.org-Symbol auf schwarz-weiß-Vektor-Hintergründe

.org-Symbol auf schwarz-weißen Vektorhintergründen. Diese Vektorillustration enthält zwei Variationen des Symbols, eine in Schwarz auf einem hellen Hintergrund auf der linken Seite und eine andere Version in Weiß auf einem dunklen Hintergrund auf der rechten Seite. Das Vektorsymbol ist einfach, aber Elegant und kann auf verschiedene Arten verwendet werden, einschließlich Website- oder mobiler Anwendungssymbole. Dieses lizenzfreie Bild basiert zu 100% auf Vektoren und alle Designelemente können auf jede Größe skaliert werden.

символ «бизнес-набор». диаграмма, analysen, werbung, маркетинг, диаграмма, konferenz, рант, geschäftsmann. konzept der datenanalyse. неоморфизм-стиль. векторный символ для бизнеса и размещения — значок организационной структуры — графика, -клипарт, -мультфильмы и -символ

Символ «Бизнес-набор». Diagramme, Analysen, Werbung, Marketing,…

organigramm infografiken mit personensymbol und abstrakte linie, unternehmensstruktur, hierarchie der mitarbeiter, организация vector illustration. — значок организационной структуры — графика, -клипарт, -мультфильмы и -символ

Организационная инфографика с персональным символом и абстрактными линиями,…

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

Инфографика организации с символами и абстракциями,…

.org-symbol auf weißer runder vektor-schaltfläche — значок организационной структуры -cartoons und -symbole

.org-Symbol auf weißer runder Vektor-Schaltfläche

регистрация домена. isometrisches geschäftskonzept. — значок организационной структуры сток-графики, -клипарт, -мультфильмы и -символ

Регистрация домена. Isometrisches Geschäftskonzept.

organigramm-infografiken mit personensymbol und abstrakte linie, geschäftsstruktur. — значок организационной структуры сток-графика, -клипарт, -мультфильмы и -символ

Организационная-информация с символами и абстрактными линиями,…

Организационная-информация с символами и абстрактными линиями, Geschäftsstructur, Hierarchie der Mitarbeiter, org Vectorillustration.

.org значок на летнем фоне-вкус — значок организационной структуры сток-графики, -клипарт, -мультфильмы и -symbole

. org значок на открытом Farbkreis-вкус

domänen-org-signierschaltflächen. 5 векторных иконок символ интернет-домена верхнего уровня. — значок организационной структуры — графика, -клипарт, -мультфильмы и -символ

Domänen-ORG-Signierschaltflächen. 5 Icons Vector Top-Level-Interne

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

Handy Flat Design Icon с Dot Org Icon и Lupenzeichen.

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

Handy Flat Design Icon с Dot Org Icon и Lupenzeichen.

.org-Symbol Square Buttonset — иконка организационной структуры Stock-grafiken, -clipart, -cartoons und -symbole

.org-Symbol Square Buttonset

unternehmensorganisationsdiagramm. структура unternehmens. organogrammdiagramm-infografiken für die unternehmenshierarchie. — значок организационной структуры — графика, -клипарт, -мультфильмы и -символ

Unternehmensorganisationsдиаграмма. Struktur des Unternehmens….

Organigramm des Unternehmens. Struktur де Unternehmens. Органограмма Geschäftshierarchie. Графический элемент Unternehmensorganisation. Modernes Vektor-Info-Grafik-Baum-Layout-Design

organigramm infografiken mit personensymbol und abstrakter linie, geschäftsstruktur, hierarchie der mitarbeiter, Organization — orgstructure icon stock-grafiken, -clipart, -cartoons und -symbole

Organigramm Infografiken mit Personensymbol und абстрактор Линия,

organische infografiken — значок организационной структуры stock-grafiken, -clipart, -cartoons und -symbole

Organische Infografiken

satz von dünnlinien-infografik-rundbauvorlage — значок организационной структуры stock-grafiken, -clipart, -cartoons und -symbole

Satz von Dünnlinien -Infografik-Rundbauvorlage

.org строгий линейный символ — значок организационной структуры сток-графика, -клипарт, -мультфильмы и -symbole

.org строгий линейный символ

ручной набор простых словесных фраз. handgezeichnete schriftzüge. abgekürzt популярные фразы с лол, вау, упс, бум и прочее. nahtloses packpapier. — значок организационной структуры — графика, -клипарт, -мультфильмы и -символ

Hand zeichnen Set Base Sprechen Phrasen. Handgezeichnete…

ein teamwork-zuweisungsschema, ein infodiagramm, das eine struktur der Organization darstellt — значок организационной структуры stock-grafiken, -clipart, -cartoons und -symbole

Ein Teamwork-Zuweisungsschema, ein Infodiagramm, das eine…

satz von sechs bunten geschäftskonzept struktur — значок организационной структуры stock-grafiken, -clipart, -cartoons und -symbole

Satz von sechs bunten Geschäftskonzept Struktur

Set von sechs bunten Geschäftsstrukturkonzepten, Unternehmensorganigrammschemen mit Personensymbolen. Векториллюстрация. 9

клипарт, -cartoons und -symbole

Set von sechs bunten Geschäftsstruktur Konzept

Set von sechs bunten Geschäftsstrukturkonzepten, Unternehmensorganigrammschema mit Personensymbolen. Векториллюстрация.

схема рабочего процесса. prozessdiagramm mit schritten, flussdiagramm-kreisschema mit optionen und symbolen vector abstrakte business infographic vorlage — значок организационной структуры сток-график, -клипарт, -мультфильмы и -символ

Схема рабочего процесса. Prozessdiagramm mit Schritten, Flussdiagramm-Kr

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

домен-имя-концепция с изображением человека вектор-иллюстрация

satz von sechs bunten geschäftskonzept struktur — значок организационной структуры фондовый график, -клипарт, -мультфильмы и -символ

Satz von sechs bunten Geschäftskonzept Struktur

geschäft иерархический символ на прозрачном фоне. geschäft hierarchische знак. флахен стил. иерархия-структура-концепт. geschäft иерархический символ для их веб-дизайна, логотипа, приложения, пользовательского интерфейса. — значок организационной структуры — графика, -клипарт, -мультфильмы и -символ

Geschäft hierarchischen Symbol auf Transparentem Hintergrund.

Организационная схема infografik, vektordesign — значок организационной структуры stock-grafiken, -clipart, -cartoons und -symbole

Организационная схема Infografik, Vektordesign

organigramm. — значок организационной структуры сток-графики, -клипарт, -мультфильмы и -символ

Organigramm.

Organigramm-Infografiken mit Personensymbol und abstrakter Line, Geschäftsstruktur, Hierarchie der Mitarbeiter, org Vektorillustration.

organigramm infografiken mit personensymbol und abstrakte linie, unternehmensstruktur, hierarchie der mitarbeiter, организация векторной иллюстрации. — значок организационной структуры — графика, -клипарт, -мультфильмы и -символ

Organigramm Infografiken mit Personensymbol und Abstrakte Line,…

домен верхнего уровня der beschilderung. com, eu, netz и org. — значок организационной структуры сток-графика, -клипарт, -мультфильмы и -символ

Верхний уровень-Домен дер Beschilderung. Com, Eu, Netz und Org.

Die Anführer der Gruppe Zukunft element Symbole Business – logo — organigrammvorlage der unternehmenshierarchie. — значок организационной структуры — графика, -клипарт, -мультфильмы и -символ

Organigrammvorlage Unternehmenshierarchie.

Organigrammvorlage des Unternehmens Geschäftshierarchie, Personenstruktur, Charakter-Cartoon Geschäftsleute konzeptionell, Vektor-Illustration.

Organigramm-Infografiken mit Personensymbol und Abstrakter zeile — значок организационной структуры stock-grafiken, -clipart, -cartoons und -symbole , орг Векториллюстрация.

organigramm-infografiken mit personensymbol und abstrakter linie. — значок организационной структуры сток-графики, -клипарт, -мультфильмы и -символ

Организационная-информационная графика с персональными символами и абстрактными линиями.

Organigramm-Infografiken mit Personensymbol und abstrakter Line, Geschäftsstruktur, Hierarchie der Mitarbeiter, org Vektorillustration.

Организационная структура Infografik, vektordesign — значок организационной структуры stock-grafiken, -clipart, -cartoons und -symbole

Организационная структура Infografik, Vektordesign

registrierungs- und domainnamenkonzept — значок организационной структуры сток-графика, -клипарт, -мультфильмы и -symbole

Registrierungs- und Domainnamekonzept

organigrammvorlage für unternehmen der unternehmenshierarchie. — значок организационной структуры сток-графики, -клипарт, -мультфильмы и -символ

Organigrammvorlage für Unternehmen der Unternehmenshierarchie.

organigramm infografiken, business-symbol, vektor-design — значок организационной структуры сток-графика, -клипарт, -мультфильмы и -символ

Organigramm Infografiken, Business-Symbol, Vektor-Design

vektor-webheader-vorlage der domäneautorität in flacher — значок организационной структуры stock-grafiken, -clipart, -cartoons und -symbole

Vector-Webheader-Vorlage der Domäneautotorität in flacher

8 -Заголовок Hero-Bild как Konzept der Domain-Autorität.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *