Иконки картинки: 165,700 бесплатных иконок — скачивайте в SVG и PNG

%d0%b8%d0%ba%d0%be%d0%bd%d0%ba%d0%b8 PNG, векторы, PSD и пнг для бесплатной загрузки

схема бд электронный компонент технологии принципиальная схема технологическая линия

2000*2000

набор векторных иконок реалистичные погоды изолированных на прозрачной ба

800*800

green environmental protection pattern garbage can be recycled green clean

2000*2000

вектор поп арт иллюстрацией черная женщина шопинг

800*800

чат комментарий образование синий значок на абстрактных облако сообщение

5556*5556

blue series frame color can be changed text box streamer

1024*1369

дизайн плаката премьера фильма кино с белым вектором экрана ба

1200*1200

Крутая музыка вечеринка певца креативный постер музыка Я Май Ба концерт вечер К

3240*4320

ма дурга лицо индуистский праздник карта

5000*5000

Векторная иллюстрация мультфильм различных овощей на деревянном ба

800*800

в первоначальном письме ба логотипа

1200*1200

ба конфеты шоколад

800*800

Буква c с логотипом дизайн вдохновение изолированные на белом ба

1200*1200

в первоначальном письме bd логотипа

1200*1200

концепция образования в выпускном вечере баннер с цоколем и золотой ба

6250*6250

сердце сердцебиение любовь свадьба в квартире цвет значок векторная icon

5556*5556

bd письмо 3d круг логотип

1200*1200

Счастливого Дивали традиционного индийского фестиваля карта с акварелью ба

5041*5041

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

8542*8542

вектор поп арт иллюстрацией черная женщина шопинг

800*800

чат пузыри комментарии разговоры переговоры аннотация круг ба

5556*5556

календарь дата месяц год время синий значок на абстрактное облако ба

5556*5556

instagram компас навигационная линия и глиф сплошной значок синий ба

5556*5556

в первоначальном письме bd логотип шаблон

1200*1200

в первоначальном письме bd шаблон векторный дизайн логотипа

1200*1200

коробка и объектив камеры значок дизайн вдохновение изолирован на белом ба

1200*1200

в первоначальном письме шаблон векторный дизайн логотипа

1200*1200

облака комиксов

5042*5042

круглая буквица bd или db дизайн логотипа вектор

5000*5000

стекло

5556*5556

99 имен аллаха вектор al baith асма husna

2500*2500

вектор абстрактный баннер дизайн веб шаблон коллекции веб ба

1200*1200

новые facebook покрытия с red lion и черный и синий полигональной ба

5556*5556

кормить галерея instagram устанавливает линию и символ твердого значок голубой ба

5556*5556

клубника цифровой логотип дизайн вдохновение изолирован на белом ба

1200*1200

церковь

5556*5556

фитотерапия натуральная чаша плоский цветной значок вектор икона ба

5556*5556

ценю хорошо как плоская цвет значок векторная icon замечания

5556*5556

instagram наборы акций бизнес плоская линия заполнена значок вектора ба

5556*5556

малыш парень им значок на прозрачных ба новорожденного весы вес

5556*5556

ба набор ярким цветом hexagones вектор гранж элементы дизайна

4500*4500

камран аббас ба урду каллиграфия бесплатные eps и png

5000*5000

b8 b 8 письма и номер комбинации логотипа в черном и gr

5000*5000

передача стороны идея перечень услуг значок на прозрачных ба решение

5556*5556

серые облака png элемент для вашего комикса bd

5042*5042

bd письмо логотип

1200*1200

bd письмо логотип

1200*1200

классическая винтажная зеленая рок гитара логотип с деревом и полутоновым ба

5000*5000

рисованной свинины логотип кабана вдохновение изолирован на белом ба

1200*1200

Шань Хай Цзин Ба змея свинья Луан птиц

3508*2480

Где найти иконки (картинки) для своего логотипа?

Содержание:
1. Где и как искать иконки?
2.Как найти иконку в Google
3.Как найти иконку при помощи Яндекса

Создаете логотип в logaster.ru, но не можете найти нужную иконку, картинку так как предложенные нами варианты вам не подходят?

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

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

Для этого нужно:
1. Создать логотип, используя для этого любую из предложенных Логастером иконок.
2. Скачать полученное в результате изображение.
3. Найти новую иконку по своему вкусу.
4. Заменить старую картинку в логотипе на новую.

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

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

Где и как искать иконки?

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

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

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

Как найти иконку в Google:

1. Выберите «Поиск по картинкам».
2. Напишите ключевые слова для поиска. Например, «собака» или «dog».
3. Уточните свой поисковый запрос, используя слова «иконка», «вектор», «клип-арт» и т. д.
4. Выберите «Инструменты поиска» — «Тип» — «Иллюстрация».

Как найти иконку при помощи Яндекса:

1.

Выберите «Поиск по картинкам».
2. Напишите ключевые слова для поиска.
3. Используйте фильтры (размер, ориентация, тип, цвет), отображенные на картинке ниже.
В итоге вы получаете перечень изображений, которые можете сохранять и использовать для своего логотипа.

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

Flaticon

Большая бесплатная коллекция монохромных векторных изображений. Поиск нужного изображения выполняется по словам (на английском) или по категориям. Затем достаточно выбрать иконку и скачать ее.

Freepik

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

Find Icons

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

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

Freeicons

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

IconSearch

Очень много иконок разного качества, которые можно скачать в формате PNG и ICO. Преимуществом сервиса является русскоязычный интерфейс и возможность поиска картинок на русском языке.

Iconsguide

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

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

После того как вы нашли нужную иконку (картинку) самое время заменить старую! О том, как это сделать, читайте в статье «Как заменить иконку в логотипе?»

Как в iOS заменить стандартные иконки приложений на любые картинки

Одним из нововведений iOS 14 стала возможность менять стандартные иконки приложений на свои картинки. Строго говоря, на самом деле речь идёт о ярлыках и такая возможность была доступна и ранее, но в iOS 13 у вас на экране появлялись две версии одного приложения — что может быть неудобно, если у вас и так куча программ.

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

Вот как сделать необычные иконки:

1. Зайдите в приложение «Команды».
2. Нажмите на иконку «+», чтобы добавить новую команду.
3. Найдите действие «Открыть приложение», рядом выберите подходящее из установленных на устройстве.
   
4. Нажмите на иконку в виде трёх точек рядом с названием команды.
5. Нажмите на кнопку «Добавить на экран “Домой”».
   
6. Выберите в качестве иконки любое изображение с устройства и задайте название, которое будет отображаться под ярлыком.
   
7. Нажмите «Добавить».

Готово! Теперь можно удалить обычную версию приложения (но обязательно оставьте её в Медиатеке). На более старых iOS оригинальные приложения можно убрать в отдельную папку и задвинуть на дальний экран.

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

Вот несколько примеров.

sorry i havent been online for the past few weeks… but i just want to show you guys my homescreen layout😆 #ios14homescreen pic.twitter.com/HWorertPXF

— tiff 🍂 (@petalewood) September 20, 2020

they weren’t lying when they said this bitch takes almost 3 hours to do #ios14homescreen pic.twitter.com/oHxm8sk9M7

— (clau)dia (@yxclauu) September 20, 2020

I am very satisfied #ios14homescreen pic.twitter.com/l2VeMCcA6a

— S with the finesse✨ (@alannis240) September 20, 2020

do u guys like my #ios14homescreen ??
🥺🥺🥺🥺 pic.twitter.com/ou6JHTM1EE

— jena.. #coconut2020˚⁀➷｡ (@jenanotfound) September 20, 2020

finished my ios14 homescreen ♡ #iOS14 #ios14homescreen pic. twitter.com/VsZSmSIeTE

— ˑ༄ؘ ۪۪۫۫ ▹ ♡ ◃ ۪۪۫۫ ༄ؘ ˑ (@roseadiance) September 20, 2020

#ios14homescreen it took two hours but i really like it 🙂 pic.twitter.com/3qN9RRxvjC

— kendall (@tastedarayofsun) September 20, 2020

im really discouraged looking back at my home screen now after seeing everyone else’s :c #ios14homescreen pic.twitter.com/pPXBOK0uOA

— f r o g (@sadfroug) September 20, 2020

just spent the last hour and a half doing this #ios14homescreen pic.twitter.com/GTt8ZeAd83

— Poof (@Poofdraws) September 20, 2020

I was feeling very 2000s 🥺 okay bye pic.twitter.com/DAw2fOjgCR

— 𝖄𝖚𝖓𝖌 𝖇𝖆𝖍𝖆𝖒𝖎♡✨ (@RiShaunRoulette) September 20, 2020

in loves with this #ios14homescreen ♡︎⚡️ pic. twitter.com/fmKTdVXUc2

— 🦋🎸 (@90editss) September 20, 2020

Tedious, yet fun. I’m proud of myself #iOS14 #ios14homescreen pic.twitter.com/ecdCK6MpKg

— Brooke (@_BadAngelz_) September 20, 2020

my lock screen goes so hard #ios14homescreen pic.twitter.com/76Or0q56Xk

— ireland (@bitchasstyler) September 20, 2020

Читайте также 🧐

Картинки и иконки

Иконки на фоне кляксы

Иконки и другие изображения на фоне кляксы

Клякса имеет 3 варианта отображения:

• обычное
• при наведении мышки
• при нажатии на нее

Для каждого из них используются свои параметры: иконка, форма, наклон и масштаб

---

Корова-бабочка на CSS

Анимационная картинка летящей и играющей на гитаре коровы

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

Анимация и сама корова-бабочка выполнена на чистом CSS

---

Гамбургер иконки с анимированными переходами

7 разных вариантов перехода гамбургер иконки в крестик

«Гамбургер» — название иконки, состоящей из трёх параллельных горизонтальных линий, символизирующих список меню.

В данной заметке для такой иконки представлено 7 разных анимированных переходов в крестик по клику. Классы для гамбургера и крестика переключаются на jQuery

---

Флаги стран мира на SVG

Иконки с флагами стран мира в SVG формате

Иконки для каждой страны представлены в двух вариантах, в пропорции 1х1 и 4×3

---

Девушка и бабушка на диване

Анимированная картинка на тему «Сидим дома»

Картинка сделана на SVG и без проблем вписывается в блок или секцию любого размера.

---

Вращающийся земной шар

Вращающийся земной шар на CSS и SVG и несколько вариантов его оформления

Из готовых вариантов оформления шара имеется:

• 7 вариантов оформления сферы
• 3 варианта ее тени
• 9 вариантов мировой карты

---

Миньон на CSS

Изображение миньона выполненное на CSS

Картинка выполнена в точечных размерах (пикселях) и при необходимости масштабирования потребуется применить css-свойство transform: scale()

---

SVG иконки популярных брендов

1155 бесплатных SVG иконок с логотипами популярных брендов

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

---

Анимированное изображение хранилища данных

Massive Storage выполненный на SVG с CSS анимацией.

Решение выполнено на SVG и без проблем вписывается в блок или секцию любого размера.

---

Что происходит? Все меняют иконки приложений в iOS 14, и вы тоже можете

Вместе с iOS 14 Apple добавила новые возможности кастомизации рабочего стола для iPhone. И я сейчас говорю не только про виджеты и библиотеку приложений — теперь любой может за несколько кликов поменять иконку приложения на iPhone. Причем для этого не нужно ничего скачивать, все можно сделать с помощью приложения «Команды». Помимо возможности генерировать собственные команды, приложение по умолчанию содержит более 300 встроенных действий и поддерживает многие программы для iOS. Сейчас расскажу, как поменять иконку приложения на iPhone.

Сеть охватил настоящий флешмоб — все меняют себе иконки в iOS 14

Как поменять иконку приложения на iPhone

Рассмотрим на примере нашего приложения AppleInsider. ru — вдруг вам надоел зеленый кружок и вы хотите заменить его на что-то необычное.

1. Откройте приложение «Быстрые команды». Если его у вас нет, восстановите его из App Store. Нажмите на плюсик в правом верхнем углу и выберите «Добавить действие».

Создайте новую команду

2. На следующем этапе воспользуйтесь поиском и введите «Открыть приложение». Нажмите на это действие, откроется список всех ваших приложений. Выберите нужное — в нашем случае AppleInsider.ru.

Выберите любое приложение из списка

3. Затем введите название для своей новой команды и нажмите «Добавить на экран Домой». Вам будет предложено изменить имя приложения и его иконку — нажмите на ее и выберите «Выбрать фото».

Добавьте команду на рабочий стол, поменяйте иконку

4. Выберите фото или картинку из своей галереи и добавьте ее к своей иконке. После нажатия на кнопку «Добавить» она появится на вашем рабочем столе!

Осталось дать иконке название и добавить ее на рабочий стол!

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

Поменять рабочий стол в iOS 14

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

Иногда доходит до абсурда

Помимо вышеупомянутого способа с приложением «Команды» для кастомизации иконок, они также пользуются приложениями со сторонними виджетами вроде Widgetsmith. С его помощью можно создавать свои виджеты с разными цветами, шрифтами и оформлением.

Widgetsmith позволяет делать собственные виджеты

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

Ну такое…

Еще несколько приложений со сторонними виджетами:

1. Color Widgets — для создания собственных виджетов;

Color Widgets тоже позволяет создавать новые виджеты

2. Coinbase — финансовые виджеты;

Крутая штука для мониторинга курсов разных валют

3. Night Sky — красивые погодные виджеты.

Зачем нужны быстрые команды в iOS

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

В iOS 14 «Быстрые команды» обзавелись дополнительными триггерами, провоцирующими включение в зависимости от наступления определенных событий, например, при достижении аккумулятором определённого уровня заряда. То есть, если iPhone разрядился ниже заданных пределов, можно настроить автоматическую активацию режима энергосбережения.

иконки — Дизайн на vc.ru

Подготовка иконок к работе в дизайн-системе.

{«id»:197293,»url»:»https:\/\/vc. ru\/design\/197293-dizayn-sistema-ikonki»,»title»:»\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438″,»services»:{«facebook»:{«url»:»https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki&title=\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438″,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki&text=\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438″,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc. ru\/design\/197293-dizayn-sistema-ikonki&text=\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438″,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki»,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438&body=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}

8529 просмотров

Кто я и почему об этом пишу?

Привет, меня зовут Андрей Насонов, я UI/UX-дизайнер, работаю руководителем дизайн отдела в Elonsoft. Мы создаём программные продукты и помогаем компаниям из разных отраслей масштабировать свой бизнес.
Я занимаюсь дизайном с 2008 года, начинал как графический дизайнер, но с 2015 года работаю веб-дизайнером.

Мне интересна разработка сервисного дизайна, проектирование дизайн-систем и автоматизация дизайн- и бизнес-процессов.

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

Помещайте иконки во фреймы

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

Допустим, у нас три иконки: 22x15px, 18x20px и 10x5px. Каждая из них должна быть во фрейме 24x24px.

Оставлять иконки без фрейма нельзя!

Всегда помещайте иконки во фрейм

Экспортировать иконки нужно также во фрейме.

Важно! Экспортировать нужно именно иконку во фрейме, а не слой иконки. После чего помещать ее уже в контейнер 24x24px.

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

Иконка выровнена по геометрическому центру. Отступы: слева и справа по 10px. Но из-за особенностей формы иконки возникает ощущение, что она сдвинута влево.

Иконка выровнена по визуальному центру. Отступы: слева 12px, справа 8px. Иконка специально сдвинута вправо, чтобы визуально казалось, что иконка располагается по центру.

Компонент из фрейма с иконкой

Создайте компонент из фрейма с иконкой.

Компонент из фрейма с иконкой

Это поможет вам быстро заменить одну иконку на другую, использовав функцию «Instance».

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

Замена иконок с помощью функции «Instance»

Иконки лучше всего именовать на английском. Если вы скачали иконку, а у нее уже есть название на английском — не переименовывайте ее.

Так вы быстрее запомните название иконок и будете легко находить на тех ресурсах, где их берете.

Заодно и новые слова на английском выучите, если у вас с ним беда, как и у меня. 😄

{«url»:»https:\/\/booster.osnova.io\/a\/relevant?site=vc»,»place»:»between_entry_blocks»,»site»:»vc»,»settings»:{«modes»:{«externalLink»:{«buttonLabels»:[«\u0423\u0437\u043d\u0430\u0442\u044c»,»\u0427\u0438\u0442\u0430\u0442\u044c»,»\u041d\u0430\u0447\u0430\u0442\u044c»,»\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c»,»\u041a\u0443\u043f\u0438\u0442\u044c»,»\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c»,»\u0421\u043a\u0430\u0447\u0430\u0442\u044c»,»\u041f\u0435\u0440\u0435\u0439\u0442\u0438″]}},»deviceList»:{«desktop»:»\u0414\u0435\u0441\u043a\u0442\u043e\u043f»,»smartphone»:»\u0421\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u044b»,»tablet»:»\u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b»}},»isModerator»:false}

Хранение иконок

Статья 224, лишение свобод…… . . ладно 😄

Один проект может содержать иконки разных размеров. Например, стандартные 24x24px, 16x16px или 20x20px для элементов меньшего размера.

Основные иконки 24x24px мы храним в артборде «Icons 24». Остальные иконки размер которых больше или меньше 24px храним в «Other Icons». Обычно их не очень много.

Артборд «Trash Icons» нужен чтобы хранить в нем различные варианты иконок. Например, вы подобрали или нарисовали три иконки чата, выбрали из них одну и поместили ее в артборд «Icons 24», а другие два варианта иконки перемещаете в артборд «Trash Icons». На случай, если вы передумаете и захотите изменить свой выбор вам не придется искать их снова.

Фон и цвет

Чтобы при выделении компонентов с иконкой в настройках Fill не отображались лишние цвета — удалите у компонента белый фон, даже если он отключен.

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

Удаление фона и применение стиля цвета

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

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

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

Констрейнтс

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

Важно! Сonstraints нужно настраивать именно у слоя с иконкой, а не у всего компонента.

Настройка constraints

Массовые действия с иконками

Все вышеописанные действия можно проделать с несколькими иконками сразу.

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

Мусор в иконках

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

Например, Material Design иконки имеют белый фоновый слой.

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

В случае с одноцветной иконкой — все элементы должны быть объединены в один слой.

После того, как вы объединили слои, не забывайте применять «Outline Storke» к объединенной фигуре.

Объединение иконки в один слой

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

Так выглядит SVG-код иконки, когда компонент иконки имеет несколько слоев и они не объединены в один. Код получился очень длинным и имеет целых 7 параметров «Fill» для разных элементов иконки. Так делать нельзя.

Размер файла иконки 1318 байт

А так выглядит SVG-код иконки, когда все слои объединены. Код гораздо меньше и имеет всего 2 параметра «Fill». Один для фона контейнера, другой для цвета иконки. Так делать можно.

Размер файла иконки 803 байта

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

После сжатия код иконки стал еще меньше, но внешний вид иконки не изменился.

Размер файла иконки 508 байт

Ресурсы с иконками

Ну и напоследок несколько ресурсов откуда можно брать иконки.

Material Design Icons Community
Огромный набор иконок, который содержит официальные иконки Material Design, а также иконки созданные сообществом по гайдам Material Design. На мой взгляд, это лучший набор на данный момент. Он покрывает 90% моих потребностей.
В Figma есть специальный плагин.

Material Design Icons
Официальные иконки Material Design. К сожалению, на этом сайте иконки имеют довольно странные тэги. Из-за этого некоторые иконки нереально найти через поиск. Да и файл иконки содержит в себе лишний слой с белым фоном, который на мой взгляд, не нужен.
Плагин в Figma.

Boxicons
Есть хорошие альтернативы иконкам из предыдущих ресурсов. Но не все иконки pixel perfect.
Так же имеется плагин в Figma.

Feathericon
Хороший набор качественных outline иконок. Иконки сделаны контуром с обводкой, что позволяет масштабировать и изменять толщину линий самих иконок.
Плагин в Figma

IBM icons
Иконки от IBM созданные самой компанией и сообществом.

Лучшая иконка — это текст. Я уже писал, что классный интерфейс в… | by Антон Григорьев

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

Пиктограммы существуют с ранних дней человечества. Их часто считают первыми проявлениями письменности. Некоторые неграмотные народы всё ещё пользуются ими для письменной коммуникации.

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

Иконки быстро завоевали интерфейсы. Взгляните на фото первого коммерческого графического пользовательского интерфейса на настольном компьютере (Xerox Star). Дизайнер Дэвид Смит придумал концепцию иконок и метафору рабочего стола:

Понятно, почему иконки так распространились в интерфейсах. Во-первых, с ними UI становится визуально привлекательней. И при правильном использовании они придают приложению визуальный характер.

Во-вторых, иконка может заменить длинное словесное описание. Это очень хорошо для небольших экранов. Но есть и обратная сторона: большинство иконок сложно понять. Они заставляют задуматься. Какой смысл в красивом, но непонятном интерфейсе? Отсюда вывод: используйте иконку только тогда, когда её смысл понятен всем на 100%.

При разговоре о непонятных иконках я вспоминаю забавную картинку, которую Рон опубликовал в твиттере:

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

При обсуждении этой темы с клиентами я часто слышу: «Люди будут работать с приложением каждый день и быстро запомнят значения иконок». Звучит логично, но я не уверен, что это действительно так. Я открываю Apple mail несколько раз в день, но всё ещё не уверен, на какую иконку надо нажать, чтобы написать письмо:

Вот ещё плохая новость: пользователи избегают непонятных элементов интерфейса. Недоверие к незнакомому — в нашей природе. Когда Google решил в интерфейсе Gmail спрятать остальные приложения за непонятной иконкой, очевидно, его поддержка получила кучу запросов с вопросами вроде «Где мой Гугл-календарь?»

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

В последующей версии перейти к написанию твита стало намного проще.

А вы знали, что в Инстаграме можно отправлять приватные сообщения друзьям? Нужно нажать вот сюда:

Если вы пользуетесь Инстаграмом, скорее всего, иконку вы видели. А нажимали? Непонятно, что она означает.

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

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

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

То же самое можно сказать о приложении Tumblr для iOS. Большинству из нас иконки покажутся странными, но пользователи Tumblr’а легко в них ориентируются.

Приложение Rdio для мака выглядит так:

Большинство иконок понятно в контексте проигрывания музыки. Единственная странность в том, что у одной из иконок — 2 значения: регулировка звука и идентификация звучащего сейчас трека.

Повторяю: используйте иконку только тогда, когда её смысл понятен всем на 100%. Сомневаетесь — уберите иконку. Замените обычным текстом, он всегда понятнее.

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

Так сделано в App Store для мака. Но им это необходимо, так как одни лишь иконки будут слишком непонятными.

То же самое в веб-версии Твиттера:

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

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

Вставить значки в Microsoft Office

Вставить значок

1. Выберите Вставить > Иконки .

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

   Начиная с версии 1908, вы можете искать значки , используя поле в верхнем левом углу.

3. Выберите значок и нажмите Вставить в правом нижнем углу.

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

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

   Совет: Хотите быстро изменить цвет значка? Щелкните значок правой кнопкой мыши, выберите Заливка и выберите нужный цвет.

Вставка значков в Visio

Процесс вставки значков в Visio немного отличается. Здесь вам нужно перейти в меню Shapes , выбрать Basic Shapes , а затем Icons .Оттуда вы сможете выбрать одну из категорий значков и выбрать значки, которые хотите вставить в диаграмму.

Вставить файлы SVG

SVG — это масштабируемый векторный графический файл, который представляет собой изображение, которое можно вращать, раскрашивать и изменять размер без потери качества. Приложения Office, включая Word, PowerPoint, Outlook и Excel, поддерживают вставку и редактирование файлов SVG.

Чтобы вставить файл SVG в Office для Windows, перетащите файл из проводника Windows в документ.

Вставить значок

1. Выберите Вставить > Иконки .

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

3. Выберите значок и нажмите Вставить в правом нижнем углу.

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

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

   Совет: Хотите быстро изменить цвет значка? Щелкните значок правой кнопкой мыши, выберите Заливка и выберите нужный цвет.

Вставить файлы SVG

SVG — это масштабируемый векторный графический файл, который представляет собой изображение, которое можно вращать, раскрашивать и изменять размер без потери качества.Приложения Office, включая Word, PowerPoint, Outlook и Excel, поддерживают вставку и редактирование файлов SVG.

Чтобы вставить файл SVG в Office для Mac, перейдите к Вставить > изображений > Изображение из файла .

windows 8.1 — значки фотографий имеют только общее изображение

У меня возникла эта проблема с моей новой установкой Windows 8.1.

После того, как я установил большинство обычных приложений Windows, которые я использовал в Windows 7, я начал знакомство с новой ОС и ее приложениями «ModernUI».

Стандартные значки типов файлов, отображаемые в приложении «Фото», действительно озадачили меня, но поиски в Интернете, наконец, привели к решению: любая установка последней версии офисного пакета с открытым исходным кодом «LibreOffice» изменяет реестр общего графического файла Windows. типы нежелательным образом, так что они обрабатываются как документ , а не как изображение .

На http: // answers есть очень длинная ветка о проблемах и решениях.microsoft.com/en-us/windows/forum/windows8_1-pictures/windows-81-photos-app-does-not-show-any-photos/5b1740bc-d87d-4d07-afe5-c1a60cdecd55?page=6&msgId=9cdf0542- aab0-4a0b-85aa-e9f6d40b64fc

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

  Редактор реестра Windows версии 5.00

[HKEY_LOCAL_MACHINE \ SOFTWARE \ Microsoft \ Windows \ CurrentVersion \ Explorer \ KindMap]
".wpg" = "изображение"
".dxf" = "картинка"
".emf" = "изображение"
".eps" = "изображение"
".met" = "картинка"
".pct" = "изображение"
".wmf" = "изображение"
".bmp" = "картинка"
".cdr" = "картинка"
".cmx" = "картинка"
".gif" = "картинка"
".jpg" = "картинка"
".jpeg" = "картинка"
".jpe" = "картинка"
".pbm" = "картинка"
".pcx" = "картинка"
".pgm" = "изображение"
".png" = "картинка"
".ppm" = "изображение"
".psd" = "картинка"
".ras" = "изображение"
".svg "=" изображение "
".tga" = "картинка"
".tif" = "изображение"
".tiff" = "изображение"
".xbm" = "картинка"
".xpm" = "картинка"
".pcd" = "картинка"
  

Я надеюсь, что это поможет, но я (пока) недостаточно знаком с внутренним устройством Windows, чтобы объяснить проблему и решение, представленное здесь.

Карточка

Picture Elements — Домашний помощник

---

Карточка Picture Elements — один из самых универсальных типов карточек.

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

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

Переменные конфигурации

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

Строка camera_image (необязательно) Строка camera_view (необязательно, по умолчанию: auto)

«live» покажет вид в реальном времени, если включен поток .

карта state_filter (необязательно)

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

dark_mode_image строка (необязательно)

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

dark_mode_filter строка (необязательно)

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

Элементы

Элементы — это активные компоненты (значки, значки, кнопки, текст и т. Д.), Которые накладываются на изображение.

На карточку «Элементы изображения» можно добавить несколько различных типов элементов:

Государственный знак

Этот элемент создает значок, представляющий состояние объекта.

Переменные конфигурации

Подсказка к государственному значку. Установите значение null, чтобы скрыть.

карта tap_action (необязательно) карта hold_action (необязательно) double_tap_action map (необязательно)

Государственная икона

Этот элемент представляет состояние объекта с помощью значка.

Переменные конфигурации

Подсказка значка. Установите значение null, чтобы скрыть.

state_color логический (Необязательно, по умолчанию: true)

Установите значение true , чтобы значки окрашивались, когда объект активен.

карта tap_action (необязательно) карта hold_action (необязательно) double_tap_action map (необязательно)

Государственная этикетка

Этот элемент представляет состояние объекта посредством текста.

Переменные конфигурации

строка атрибута (необязательно)

Если присутствует, будет показан соответствующий атрибут вместо состояния объекта.

Текст перед состоянием объекта.

Подсказка ярлыка. Установите значение null, чтобы скрыть.

карта tap_action (необязательно) карта hold_action (необязательно) double_tap_action map (необязательно)

Кнопка вызова службы

Этот объект создает кнопку (с произвольным текстом), которую можно использовать для вызова службы.

Переменные конфигурации

service_data map (необязательно)

Значок Элемент

Этот элемент создает статический значок, не связанный с состоянием объекта.

Переменные конфигурации

Значок для отображения (например, mdi: home ).

Подсказка значка. Установите значение null, чтобы скрыть.

Объект для использования для дополнительной информации / переключения.

карта tap_action (необязательно) карта hold_action (необязательно) double_tap_action map (необязательно)

Элемент изображения

Создает элемент изображения, который накладывается на фоновое изображение.

Переменные конфигурации

Объект для использования для state_image и state_filter , а также цель для действий.

Подсказка к изображению. Установите значение null, чтобы скрыть.

карта tap_action (необязательно) карта hold_action (необязательно) double_tap_action map (необязательно) Строка camera_image (необязательно) Строка camera_view (необязательно, по умолчанию: auto)

«live» покажет вид в реальном времени, если включен поток .

state_image map (необязательно) карта state_filter (необязательно) строка aspect_ratio (необязательно, по умолчанию: 50%)

Условный элемент

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

Переменные конфигурации

Список идентификаторов объектов и соответствующих состояний.

Состояние объекта равно этому значению. *

state_not строка (необязательно)

Состояние объекта не равно этому значению. *

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

Пользовательские элементы

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

Переменные конфигурации

Имя карты с префиксом custom: (например, custom: my-custom-card ).

Варианты исключений

Переменные конфигурации

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

Примечания к атрибутам элемента

Как использовать объект стиля

Размещайте и стилизуйте элементы с помощью CSS. Также возможны дополнительные / другие ключи. Обратите внимание, что стиль по умолчанию для большинства элементов включает translate (-50%, -50%), что означает, что предоставленные вами координаты будут определять положение центра элемента.

  стиль:
  # Позиционирование элемента
  осталось: 50%
  верх: 50%
  # Перезаписать цвет значков
  "- paper-item-icon-color": розовый
  

Как использовать state_image

Укажите другое изображение для отображения в зависимости от состояния объекта.

  state_image:
  "on": /local/living_room_on.jpg
  "выкл": /local/living_room_off.jpg
  

Как использовать state_filter

Укажите различные фильтры CSS

  state_filter:
  "on": яркость (110%) насыщенная (1.2)
  «выкл.»: яркость (50%), поворот оттенка (45 градусов)
  

Как использовать нажмите и удерживайте

Если указана опция hold_action , это действие будет выполнено, когда объект будет нажат и удерживается полсекунды или более.

  tap_action:
  действие: переключить
hold_action:
  действие: call-service
  сервис: light.turn_on
  service_data:
    entity_id: light.bed_light
    яркость_pct: 100
  

Примеры

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

  тип: элементы изображения
изображение: / local / floorplan.PNG
элементы:
  - тип: состояние-значок
    tap_action:
      действие: переключить
    entity: light.ceiling_lights
    стиль:
      наверху: 47%
      осталось: 42%
  - тип: состояние-значок
    tap_action:
      действие: переключить
    объект: light.kitchen_lights
    стиль:
      наверху: 30%
      осталось: 15%
  - тип: гос. этикетка
    сущность: sensor.outside_temperature
    стиль:
      наверху: 82%
      осталось: 79%
  - тип: гос. лейбл
    сущность: Climate.kitchen
    атрибут: текущая_температура
    суффикс: «° C»
    стиль:
      наверху: 33%
      осталось: 15%
  - тип: сервисная кнопка
    title: Выключи свет
    стиль:
      верх: 95%
      осталось: 60%
    услуга: помощник по дому. выключи
    service_data:
      entity_id: group.all_lights
  - тип: значок
    значок: mdi: home
    tap_action:
      действие: перейти
      навигационный_путь: / lovelace / 0
    стиль:
      Топ 10%
      осталось: 10%
  

Пример изображений

  тип: элементы изображения
изображение: /local/floorplan.png
элементы:
  # state_image & state_filter - переключение при нажатии
  - тип: изображение
    entity: light.living_room
    tap_action:
      действие: переключить
    изображение: /local/living_room.png
    state_image:
      "выкл": / local / living_room_off.PNG
    фильтр: насыщенный (0,8)
    state_filter:
      "on": яркость (120%) насыщенная (1,2)
      стиль:
        наверху: 25%
        осталось: 75%
        ширина: 15%
  # Камера, красная рамка, прямоугольник с закругленными углами - отображать дополнительную информацию при нажатии
  - тип: изображение
    объект: camera.driveway_camera
    camera_image: camera.driveway_camera
    стиль:
      Топ-5%
      осталось: 10%
      ширина: 10%
      граница: 2 пикселя сплошной красный
      радиус границы: 10%
  # Одно изображение, state_filter - вызов службы по клику
  - тип: изображение
    сущность: media_player. гостиная
    tap_action:
      действие: call-service
      сервис: media_player.media_play_pause
      service_data:
        entity_id: media_player.living_room
    изображение: /local/television.jpg
    фильтр: яркость (5%)
    state_filter:
      играет: яркость (100%)
    стиль:
      верх: 40%
      осталось: 75%
      ширина: 5%
  

Условный пример

  тип: элементы изображения
изображение: /local/House.png
элементы:
  # условно показывать ярлык кнопки выключения ТВ, когда папы нет дома, а дочь дома
  - тип: условный
    условия:
      - сущность: датчик.присутствие_дочь
        состояние: "дом"
      - объект: sensor.presence_dad
        состояние: "not_home"
    элементы:
      - тип: состояние-значок
        объект: switch.tv
        tap_action:
          действие: переключить
        стиль:
          наверху: 47%
          осталось: 42%
  

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

Игровой дизайн 101: Где найти бесплатные значки, изображения и графику для прототипов

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

[ Впервые опубликовано 28 сентября 2018 г. — Последнее обновление 11 января 2021 г.]

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

Пришло время познакомиться с огромными мирами общественного достояния и Creative Commons.

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

Прежде чем мы перейдем к нескольким определениям:

Public Domain — название вещи, которая свободно доступна каждому для любых целей. Никакого разрешения, кредита или лицензии не требуется. Золотой стандарт вещей, доступных в Интернете.

Creative Commons — сокращенно «CC», это название вещи, которую можно использовать бесплатно (за деньги), но с некоторыми оговорками.Ограничения или требования для произведений в Creative Commons часто содержат некоторые дополнительные условия — «BY» означает, что вы должны предоставить кредит, «ND» означает отсутствие производных (не меняйте его), «NC» означает некоммерческий (не использовать его в вещах, которые вы будете продавать / на которых будете зарабатывать деньги), а «SA» означает ShareAlike (измените или переделайте его, но вы должны предоставить кредит и выпустить свои изменения под той же лицензией). Это может показаться сложным, но большая часть графических материалов, с которыми я сталкивался, написана просто «ПО» (спасибо создателю). Узнайте больше о лицензиях здесь.

CC0 — способ отказа создателей от авторских прав — система «без сохранения прав» — предложенная Creative Commons. Несмотря на то, что вещи похожи на общественное достояние, они проактивно присвоены обозначением «CC0» их создателем. Подробнее об этом термине здесь.

Без лишних слов…

Иконки

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

• http://game-icons.net — более 3000 иконок, общих для игр. Сортируйте по тегам, жанрам игр или ищите именно тот меч, который вам нужен. Измените цвета переднего плана и фона, разделите различные элементы значка, затем загрузите его в формате SVG или PNG. Здесь действуют лицензии Creative Commons .
• http://thenounproject.com — на первой странице написано «более миллиона тщательно отобранных значков», и я не сомневаюсь в этом ни на секунду. Это самая большая коллекция, с которой я когда-либо сталкивался, и единственная причина, по которой она вторая в этом списке, заключается в том, что первый ресурс относится к играм. Noun Project также включает в себя множество глаголов и прилагательных. Стандартные значки по умолчанию черно-белые, и лицензии Creative Commons применяются к большинству значков (например, ставьте отметку). При обновлении (10 долларов в месяц или 40 долларов в год) вы получаете коммерческую бесплатную лицензию на рассматриваемое произведение и можете загрузить его в точном цвете (шестнадцатеричный код) по вашему выбору. И да, если вы относитесь к категории людей с очень ограниченным бюджетом, 10 долларов США действительно дают вам доступ к тарифному плану «все, что вы можете» и лицензию на использование этих значков на постоянной основе , даже после аннулирования вашей учетной записи.На сайте есть несколько значков Public Domain, но на самом деле основное внимание уделяется Creative Commons или обновлению вас до платной учетной записи.
• http://publicicons.org/ — простые универсальные иконки. Их не так много, и они не связаны с разработкой игр, но являются общественным достоянием и имеют единый стиль. Общественное достояние.
• https://www.iconfinder.com/free_icons — 2,8 миллиона значков и более 100 000 бесплатных значков, но «бесплатно» здесь часто означает указание автора или ссылку на него.Прочитай внимательно. Приобретайте наборы или по меню. Дайте кредит или заплатите пару баксов.
• https://www.rawpixel.com/board/539757/vintage-illustrations?sort=curated&premium=free&rating_filter=all&mode=shop&page=1 — небольшие, но качественные иконки, выпущенные в общественное достояние.

Картинки

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

• https://pixabay.com/ — это моя первая остановка для картинок из общественного достояния. Общественное достояние.
• https://unsplash. com — еще один исключительный выбор. Общественное достояние.
• https://pixnio.com/ — еще один отличный выбор. Общественное достояние.
  
• https://www.pexels.com — больше фотографий в открытом доступе.
• https://ccsearch.creativecommons.org — эта поисковая система организована той же организацией, что и Creative Commons, и предназначена для того, чтобы показать, сколько всего материала доступно в соответствии с этими условиями лицензирования.Справедливости ради стоит сказать, что доступно более миллиарда объектов. Найдите то, что вам нравится, щелкните миниатюру, затем посмотрите источник и текст кредита (который можно скопировать одним щелчком мыши). Однако не всегда понятно, как загружать полноразмерные фотографии, и вам, возможно, придется оставить этот сайт на правах первоисточника. Creative Commons.
• http://flickr.com/creativecommons/ — я помещаю это здесь для завершения. Если вы выполняете поиск по лицензии Creative Commons, указанной выше, она уже включает результаты поиска Flickr.Версия Flickr будет искать только изображения в своей базе данных, но есть несколько более продвинутых фильтров (включая поиск по цвету, поиск по шаблону, поиск по дате и т. Д.). Creative Commons.

Art

Сканирование или высококачественные фотографии произведений искусства.

• https://www.si.edu/openaccess — Смитсоновский институт предлагает «более 3 миллионов двумерных и трехмерных цифровых предметов из наших коллекций — и многие другие будут в будущем». Сюда входят изображения и данные из 19 музеев Смитсоновского института, девяти исследовательских центров, библиотек, архивов и Национального зоопарка.”
• https://www.metmuseum.org/art/collection — Музей искусств Метрополитен в Нью-Йорке, в комплекте с записями о происхождении (возможно, отличный способ добавить некоторый ароматный текст)
• https: // www . rijksmuseum.nl / en / rijksstudio — Создайте бесплатную учетную запись и получите доступ к большому количеству произведений искусства из этого голландского музея. Материалы, не относящиеся к общественному достоянию, скачать нельзя, но все, что есть, будет иметь кнопку загрузки. Нужны сверхвысокие разрешения? Заполните форму на их сайте.
• https: // images.nga.gov/en/page/show_home_page.html — В Национальной галерее искусств США можно загрузить множество изображений из общественного достояния. Он использует термин «открытый доступ», но прямо говорит: «Изображения этих работ теперь доступны бесплатно для любого использования, коммерческого или некоммерческого. Пользователям не нужно связываться с Галереей для получения разрешения на использование этих изображений ».
• https://search.getty.edu/gateway/search?q=&cat=highlight&f=%22Open+Content+Images%22&rows=10&srt=a&dir=s&pg=1 — Музей Гетти в Лос-Анджелесе, Калифорния называет их ‘ Открытые изображения содержимого », а их более 150 000. Вы захотите выполнить поиск или сузить поиск с помощью просмотра, а затем открыть изображение в новой вкладке или щелкнуть правой кнопкой мыши, чтобы сохранить его.
• https://thewalters.org/experience/virtual/ — здесь можно найти множество художественных и оцифрованных рукописей, в том числе в их потоке на Flickr. Здесь все CC0.
• https://www.oldbookillustrations.com — именно то, что предлагается в URL, иллюстрации старых книг.
• https://creativelawcenter.com/museums-open-access-images — отличное чтение о том, почему (в США) изображение произведения искусства, являющееся общественным достоянием, также считается общественным достоянием.Также ссылки на ряд музеев, которые предлагают коллекции общественного достояния. Еще больше источников здесь.

Космос, подводные и другие экзотические места

Графика

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

• https://openclipart.org — доступно множество графики, от иконок до фотографий и картинок (естественно). Различные уровни качества изображения, но множество вариантов загрузки.Обойдите параметры размера, которые вы видите под кнопкой «Загрузить», и введите точный размер в пикселях, который вы хотите, в поле PNG. Сайт конвертирует файл SVG в PNG такого размера за кулисами, а затем отображает PNG на следующей странице для загрузки. Согласно странице «Лицензия» внизу, «Все клипарт переданы в общественное достояние».
• https://commons.wikimedia.org — «собрание из 65 570 039 свободно используемых медиафайлов, в создание которых может внести свой вклад каждый». Просматривайте общие категории, прокручивая вниз.
• https://www.flaticon.com/ — красочные простые иконки. Требуется указание ссылки для бесплатных иконок, но не для платных подписок.
• https://texture.ninja — более 5000 текстур, тщательно распределенных по типам материалов. Отлично подходит для фонов.
• https://www.textures.com — дерево, камень, двери, основания и многое другое. Отлично подходит для фонов. Бесплатные участники могут загружать до 15 изображений каждый день или перейти на Премиум доступ для более крупных версий или большего количества загрузок. Согласно странице с вопросами о лицензиях, наиболее близким к настольным играм будет «Печатные носители», в которых говорится: «» Вам не нужно платить нам гонорары, и нет никаких ограничений на количество копий или регионы, в которых продукт выпущен.Вам не нужно упоминать наш веб-сайт как источник материалов ».

Создание карт

• https://azgaar.github.io/Fantasy-Map-Generator/ — дайте вам одно предположение, что делает этот сайт. Если не догадались, посмотрите вверх. Это довольно серьезный инструмент с тоннами опций для процедурного создания, настройки и изменения практически всех аспектов карты. Это проект с открытым исходным кодом и активным сообществом Reddit, но мне не удалось на 100% подтвердить авторские права на то, что вы создаете. Не стесняйтесь написать автору по электронной почте или спросить в группе Reddit.
• https://inkarnate.com/ — имеет бесплатную версию, но профессиональная версия (5 долларов в месяц или 25 долларов в год) — это версия, допускающая коммерческое использование.
• https://watabou.itch.io/medieval-fantasy-city-generator — Создайте карту города с множеством изменений, которые нужно внести. С веб-сайта: «Вы можете использовать карты, созданные генератором, по своему усмотрению: копировать, изменять, включать в свои коммерческие ролевые игры и т. Д. Указание авторства приветствуется, но не требуется.У этого же автора есть еще несколько интересных проектов на странице itch.io.
• http://rollforfantasy.com/tools/map-creator.php — еще один замечательный инструмент для создания карт, если вы хотите создавать плитки, похожие на Каркассон, которые можно вращать. Вам нужно будет щелкнуть и перетащить свой путь к карте, созданной с помощью их инструментов, но это просто означает, что вы получите полный контроль. С веб-сайта: «Вы можете использовать созданные вами карты в книгах, играх и подобных проектах, если мой сайт указан. На этом сайте есть ряд других забавных инструментов — обратите внимание на Flag Creator, Outfit Creator и многое другое.
• http://www.gozzys.com/dungeon-maps — генератор случайных карт подземелий с выбором цвета и размера фона. Также ищите в меню генератор карт дикой местности и генератор карт пещер. Доступно по лицензии Creative Commons — подробности см. На странице «О программе».

Другие интересные вещи

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

• http://sinisterdesign.net/open-source-board-game-box-art-icons — вы знаете те значки на коробке, которые показывают продолжительность игрового процесса, количество игроков и идеальный возраст? Кажется, каждый делает свои собственные … но они стандартизированы и бесплатны для использования. Доступен как лицензия CC0.
• https://editor.freelogodesign.org/?lang=EN — сделать логотип. Бесплатный вариант — это небольшая загрузка вашего творения в формате PNG (квадрат 200 пикселей), а вариант с высоким разрешением дает вам полный размер и несколько вариантов формата файла. Удобно, если вы решите, что вам нужен больший размер, обновить его довольно просто.

Передаю вам

Какие инструменты общественного достояния или Creative Commons вы использовали?

Как добавить пользовательские значки и виджеты на домашний экран iPhone в iOS 14

С iOS 14, наконец, вы можете проявить творческий подход к домашнему экрану iPhone.

В течение 13 лет на домашнем экране iOS отображались ряды значков приложений с закругленными квадратами, но с обновлением мобильной ОС на прошлой неделе Apple берет страницу из Android, чтобы разрешать приложениям различных форм и размеров, где бы они ни были. Люди сходят с ума от нестандартного внешнего вида своих приложений и виджетов; просто проверьте хэштег # ios14homescreen в Твиттере.

Один пользователь, например, использовал MS Paint для создания забавных любительских иконок. Секрет здесь в приложении «Ярлыки». Читайте дальше, чтобы узнать, как обновить домашний экран iOS.

---

Пользовательские значки для вашего iPhone

Откройте приложение «Ярлыки» на своем iPhone и коснитесь знака «плюс» (+) в правом верхнем углу экрана, чтобы перейти на страницу «Новый ярлык». Выберите Добавить действие.

Нажмите значок «Сценарий». (Если у вас возникнет соблазн нажать на «Приложения», вы увидите только действия, созданные создателем приложения, такие как запуск твита, а не просто открытие приложения.) Нажмите «Открыть приложение», затем выберите трехточечный значок меню. в правом верхнем углу, чтобы отобразить подробности.Выберите «Добавить на главный экран». Нажмите на нижний, меньший значок рядом с названием вашего нового ярлыка (Новый ярлык — имя по умолчанию; коснитесь обведенного X, чтобы переименовать его).

Вот мы и подошли к сути совета: мини-меню «Изменить значок» позволяет выбрать файл, фотографию из фотопленки или сделать снимок с помощью камеры iPhone, чтобы заменить значок. Коснитесь Добавить на главный экран и коснитесь значка рядом с ярлыком под именем на главном экране и значком . В появившемся всплывающем окне выберите «Файл», «Фото» или «Сделать фото».Вы можете обрезать изображение, чтобы настроить то, что будет отображаться, но, к счастью, изображение не обязательно должно быть квадратным или определенного размера.

Нажмите Добавить> Готово . Вы можете увидеть мои новые значки на скриншоте, последние два на домашней странице, для Acrobat и AccuWeather. (Я использовал Paint 3D в Windows 10 для значка Acrobat).

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

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

---

Хотя настраиваемые значки — забавное упражнение, мне гораздо больше нравятся виджеты на главном экране.iOS некоторое время предлагала виджеты, которые можно было открыть, проводя пальцем слева направо на домашней странице, но сама домашняя страница могла содержать только значки. С iOS 14 все меняется: теперь вы можете размещать большие виджеты для часов, погоды, карт или курсов акций прямо на домашних страницах.

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

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

Большинство опций теперь являются услугами Apple, хотя по мере того, как разработчики обновляют свои приложения, вы должны получить намного больше в ближайшие дни. Google обновил свои виджеты до нового стиля, как и DuckDuckGo и Night Sky.

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

изображений Бога: Руководство для детей по пониманию икон

Арт. № 9781888212587

Джон Космас Скинас

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

Купите круглый значок Христа Вседержителя , изображенный на лицевой обложке книги!

Подтверждения

Картинки с Богом — увлекательная и восхитительная книга для детей и взрослых! Текст предлагает ясный предварительный просмотр событий и людей на иконах, подготавливая читателя УВИДЕТЬ ЧЕРЕЗ ОКНА НЕБЕС (иконки) на то, что есть и СЕЙЧАС, и когда-либо, и ДО ВЕКА ВЕКОВ.Это одно из лучших изданий православных детских книг за последнее время. Эта книга станет желанным подарком для людей любого возраста. — Ян Ишам

Для любого родителя, который желает поделиться со своими детьми и возродить в себе чувство благоговения перед глубиной, красотой и богословским значением некоторых из самых любимых икон Церкви, книга Изображения Бога Джона Космаса Скина является отличным ресурсом. . Я с удовольствием узнал вместе с детьми о символике и контексте священных образов, ярко и красочно представленных на страницах этой увлекательной книги.Это то, что мы будем читать снова и снова. — Молли Сабурин

Возрастной диапазон: 3–12 лет

Автор: Джон Космас Скин

Формат: Мягкая обложка (скрепка)

Размеры: 8 X 8 дюймов

Длина страницы: 32 страницы

Издатель: Ancient Faith Publishing

ISBN: 9781888212587

Розничная цена: 12 $. 95

ПОСМОТРИТЕ … Изображения Бога: Руководство для детей по пониманию икон

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

Как мы можем улучшить? Расскажите нам здесь

Описание

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

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

Выбрать из:

• Домашний набор: art, ванна, перед сном, поездка на велосипеде, завтрак, чистка зубов (2x), церковь, чистая комната, чистая лестница, чистый стол, расческа, танец, дезодорант стоматолога, десерт, ужин, посуда, доктор , напиток, время с семьей, кормить домашних животных, свободное время, игры, мусор, одеваться, выходить, гимнастика, стрижка, шапка / перчатки, домашнее задание, стирка курток, библиотека, свет, лосьон, обед, заправлять постель, ночь кино, музыка урок, сон, перекусить, игра вне дома, собрать рюкзак, вечеринка, забрать игрушки, пижамы, свидание, детская площадка, головоломки, чтение, туалет, школа, накрыть стол, обувь, шоппинг, душ, закуска, специальное мероприятие, спорт , плавание, планшет, время игрушек, поездка, телевизор, распаковка рюкзака, видеоигры, пробуждение, прогулка, мытье рук (2 раза) и зоопарк / аквариум.
• Набор чувств: Счастливый, грустный, возбужденный, испуганный, нервный, шаткий, любимый, подавленный, обиженный, смущенный, безумный, разочарованный, смущенный, больной, скучающий, обеспокоенный и усталый.
• Сенсорный набор: Прыжки, утяжеленное одеяло, людное место, очки, качели, туннель, вонючее место, мое пространство, позы тела, чистка зубов, жевание и мяч.
• Школьный набор: сборка, прибытие, искусство, завтрак, календарь, центры, время кружка, уборка, компьютеры, кабинка / шкафчик, отчисление, английский язык, производственная практика, иностранный язык, игра, групповая работа, самостоятельная работа, инструмент / группа, библиотека, состав, обед, математика, музыкальный класс / хор, физкультура, упаковать рюкзак, читать вслух, чтение, перерыв, отдых, туалет, упражнения по безопасности, наука, показать и рассказать, закуска, общественные науки, особое мероприятие, правописание , планшет, рюкзак распаковать, руки мыть, писать.

  No related posts.