home.social

#иконки — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #иконки, aggregated by home.social.

  1. Информационный мусор в интерфейсах

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

    habr.com/ru/articles/1017602/

    #дизайн_интерфейсов #дизайн_сайтов #дизайн_приложений #копирайтинг #копирайтинг_в_it #визуализация_информации #колористика #навигация #иконки

  2. Информационный мусор в интерфейсах

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

    habr.com/ru/articles/1017602/

    #дизайн_интерфейсов #дизайн_сайтов #дизайн_приложений #копирайтинг #копирайтинг_в_it #визуализация_информации #колористика #навигация #иконки

  3. Информационный мусор в интерфейсах

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

    habr.com/ru/articles/1017602/

    #дизайн_интерфейсов #дизайн_сайтов #дизайн_приложений #копирайтинг #копирайтинг_в_it #визуализация_информации #колористика #навигация #иконки

  4. Информационный мусор в интерфейсах

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

    habr.com/ru/articles/1017602/

    #дизайн_интерфейсов #дизайн_сайтов #дизайн_приложений #копирайтинг #копирайтинг_в_it #визуализация_информации #колористика #навигация #иконки

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

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

    habr.com/ru/articles/984420/

    #иконки #icon #icons #iconset #экзон #иконпак #icon_pack

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

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

    habr.com/ru/articles/984420/

    #иконки #icon #icons #iconset #экзон #иконпак #icon_pack

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

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

    habr.com/ru/articles/984420/

    #иконки #icon #icons #iconset #экзон #иконпак #icon_pack

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

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

    habr.com/ru/articles/984420/

    #иконки #icon #icons #iconset #экзон #иконпак #icon_pack

  9. Битва за уникальный сайт: где искать редкие фото и картинки, которых нет у конкурентов

    Любой сайт или блог оживает не только за счёт текста, но и благодаря картинкам. И чем качественнее и уместнее медиаконтент, тем более увлекательным и запоминающимся получается проект. Но создавать изображения с нуля или заказывать фотосъёмку не всегда есть возможность, поэтому часто используют фотостоки. Shutterstock, Adobe Stock, Unsplash — знакомые названия? В этом и кроется ловушка: сервисы, призванные помочь, незаметно превращают уникальные бренды в близнецов! Ведь их знают и ваши конкуренты. В итоге — одни и те же улыбающиеся люди в костюмах, типовые ноутбуки на столе или «абсолютно идеальные» неживые офисы кочуют с сайта на сайт — от банков и онлайн-школ до стартапов и НКО. Так как же разорвать этот порочный круг? В этой статье мы покажем альтернативные площадки с характерным контентом и разберём, где искать нишевые платформы с живой, нешаблонной и по-настоящему редкой фотографией. Готовы выйти за рамки улыбчивых менеджеров и найти своё уникальное визуальное лицо? Тогда поехали.

    habr.com/ru/companies/beget/ar

    #фотостоки #подборка #подборка_ресурсов #дизайн #иконки #фотографии #изображения #природа #еда #нишевые_бренды

  10. Битва за уникальный сайт: где искать редкие фото и картинки, которых нет у конкурентов

    Любой сайт или блог оживает не только за счёт текста, но и благодаря картинкам. И чем качественнее и уместнее медиаконтент, тем более увлекательным и запоминающимся получается проект. Но создавать изображения с нуля или заказывать фотосъёмку не всегда есть возможность, поэтому часто используют фотостоки. Shutterstock, Adobe Stock, Unsplash — знакомые названия? В этом и кроется ловушка: сервисы, призванные помочь, незаметно превращают уникальные бренды в близнецов! Ведь их знают и ваши конкуренты. В итоге — одни и те же улыбающиеся люди в костюмах, типовые ноутбуки на столе или «абсолютно идеальные» неживые офисы кочуют с сайта на сайт — от банков и онлайн-школ до стартапов и НКО. Так как же разорвать этот порочный круг? В этой статье мы покажем альтернативные площадки с характерным контентом и разберём, где искать нишевые платформы с живой, нешаблонной и по-настоящему редкой фотографией. Готовы выйти за рамки улыбчивых менеджеров и найти своё уникальное визуальное лицо? Тогда поехали.

    habr.com/ru/companies/beget/ar

    #фотостоки #подборка #подборка_ресурсов #дизайн #иконки #фотографии #изображения #природа #еда #нишевые_бренды

  11. Битва за уникальный сайт: где искать редкие фото и картинки, которых нет у конкурентов

    Любой сайт или блог оживает не только за счёт текста, но и благодаря картинкам. И чем качественнее и уместнее медиаконтент, тем более увлекательным и запоминающимся получается проект. Но создавать изображения с нуля или заказывать фотосъёмку не всегда есть возможность, поэтому часто используют фотостоки. Shutterstock, Adobe Stock, Unsplash — знакомые названия? В этом и кроется ловушка: сервисы, призванные помочь, незаметно превращают уникальные бренды в близнецов! Ведь их знают и ваши конкуренты. В итоге — одни и те же улыбающиеся люди в костюмах, типовые ноутбуки на столе или «абсолютно идеальные» неживые офисы кочуют с сайта на сайт — от банков и онлайн-школ до стартапов и НКО. Так как же разорвать этот порочный круг? В этой статье мы покажем альтернативные площадки с характерным контентом и разберём, где искать нишевые платформы с живой, нешаблонной и по-настоящему редкой фотографией. Готовы выйти за рамки улыбчивых менеджеров и найти своё уникальное визуальное лицо? Тогда поехали.

    habr.com/ru/companies/beget/ar

    #фотостоки #подборка #подборка_ресурсов #дизайн #иконки #фотографии #изображения #природа #еда #нишевые_бренды

  12. Битва за уникальный сайт: где искать редкие фото и картинки, которых нет у конкурентов

    Любой сайт или блог оживает не только за счёт текста, но и благодаря картинкам. И чем качественнее и уместнее медиаконтент, тем более увлекательным и запоминающимся получается проект. Но создавать изображения с нуля или заказывать фотосъёмку не всегда есть возможность, поэтому часто используют фотостоки. Shutterstock, Adobe Stock, Unsplash — знакомые названия? В этом и кроется ловушка: сервисы, призванные помочь, незаметно превращают уникальные бренды в близнецов! Ведь их знают и ваши конкуренты. В итоге — одни и те же улыбающиеся люди в костюмах, типовые ноутбуки на столе или «абсолютно идеальные» неживые офисы кочуют с сайта на сайт — от банков и онлайн-школ до стартапов и НКО. Так как же разорвать этот порочный круг? В этой статье мы покажем альтернативные площадки с характерным контентом и разберём, где искать нишевые платформы с живой, нешаблонной и по-настоящему редкой фотографией. Готовы выйти за рамки улыбчивых менеджеров и найти своё уникальное визуальное лицо? Тогда поехали.

    habr.com/ru/companies/beget/ar

    #фотостоки #подборка #подборка_ресурсов #дизайн #иконки #фотографии #изображения #природа #еда #нишевые_бренды

  13. Happy Mac и бомбочка: дизайнер Сьюзен Кэр и ее работы

    Сьюзен Кэр — американская художница и графический дизайнер, которая разрабатывала элементы интерфейса и шрифты для первого Apple Macintosh. Она также работала консультантом по дизайну в Microsoft, IBM, Sony и Pinterest и других компаниях. Рассказываем в нашей статье, как Кэр, не имея опыта в графике и шрифтах, создала визуальный дизайн для Mac.

    habr.com/ru/companies/onlinepa

    #apple #macintosh #шрифты #иконки

  14. Happy Mac и бомбочка: дизайнер Сьюзен Кэр и ее работы

    Сьюзен Кэр — американская художница и графический дизайнер, которая разрабатывала элементы интерфейса и шрифты для первого Apple Macintosh. Она также работала консультантом по дизайну в Microsoft, IBM, Sony и Pinterest и других компаниях. Рассказываем в нашей статье, как Кэр, не имея опыта в графике и шрифтах, создала визуальный дизайн для Mac.

    habr.com/ru/companies/onlinepa

    #apple #macintosh #шрифты #иконки

  15. Happy Mac и бомбочка: дизайнер Сьюзен Кэр и ее работы

    Сьюзен Кэр — американская художница и графический дизайнер, которая разрабатывала элементы интерфейса и шрифты для первого Apple Macintosh. Она также работала консультантом по дизайну в Microsoft, IBM, Sony и Pinterest и других компаниях. Рассказываем в нашей статье, как Кэр, не имея опыта в графике и шрифтах, создала визуальный дизайн для Mac.

    habr.com/ru/companies/onlinepa

    #apple #macintosh #шрифты #иконки

  16. Должны ли меняться иконки в программах, в зависимости от поколения?

    Всем привет, кроме работы DevOps‑инженером, я преподаю в детской школе программирования. У меня учатся детки разных возрастов, от 7 до 14 лет. И в процессе их обучения, я понял одну вещь — НУЖНО МЕНЯТЬ ИКОНКУ «СОХРАНИТЬ». Почему, спросите вы, ответ очевиден — нынешнее поколение детей, не знает, что такое «дискета» или floppy‑disk.

    habr.com/ru/articles/904704/

    #Иконки #интерфейсы #ассоциации

  17. Linux: кастомные ярлыки и иконки

    Наблюдая разницу подхода к юзабилити в Manjaro (KDE) и МСВСфере (Gnome) более чётко зафиксировал для себя общие способы создания ярлыков в linux. Заодно решил посмотреть как в Сфере будут смотреться дефолтные папки, если убрать с них градиент, или, допустим, перенести туда визуал папок из Manjaro.

    habr.com/ru/articles/897570/

    #manjaro #мсвсфера #gnome #kde #linux #линукс #кастомизация #ярлыки #папки #иконки

  18. Основные принципы создания иконок

    Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇

    habr.com/ru/companies/otpbank/

    #icons #design_system #product #design #иконки #ux_ui #ux_ui_дизайн

  19. Основные принципы создания иконок

    Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇

    habr.com/ru/companies/otpbank/

    #icons #design_system #product #design #иконки #ux_ui #ux_ui_дизайн

  20. Основные принципы создания иконок

    Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇

    habr.com/ru/companies/otpbank/

    #icons #design_system #product #design #иконки #ux_ui #ux_ui_дизайн

  21. Основные принципы создания иконок

    Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇

    habr.com/ru/companies/otpbank/

    #icons #design_system #product #design #иконки #ux_ui #ux_ui_дизайн

  22. SVG-виджеты для tcl/tk. Финальный аккорд. Часть IV

    Реализация проекта «SVG-виджеты для tckl/tk» позволяет устранить одну из главных претензий, предъявляемых к графическому интерфейсу приложений, разрабатываемых с использованием tk - устаревший дизайн виджетов . Переход от классических виджетов к svg-виджетам не требует больших усилий. В этом лично я убедился, переписав gui утилиты для работы с электронной подписью cryptoarmpkcs. Ее дистрибутивы под именем cryptoarmpkcs_svg для платформ Linux64 и Windows64 можно найти в проекте :

    habr.com/ru/articles/869302/

    #svg #frame #контекстное_меню #виджет #файловый_менеджер #всплывающие_подсказки #иконки #tcl #tk #tkinter

  23. Как рисовать пиктограммы, если сроки поджимают: пошаговая инструкция

    Привет! Меня зовут Ксюша Ершова, я начинающий UX-проектировщик в Selectel. Моя миссия в компании — сделать интерфейс

    habr.com/ru/companies/selectel

    #selectel #дизайн_интерфейсов #иконки #пиктограммы

  24. 12 вместо 100+, или Как быстро и удобно создать базовый интерфейс для ОС [статья-воркшоп]

    Все мы знаем, что токен — это всего лишь ключ и значение. И нет ничего проще, чем их создавать. Придумываешь ключ, который полностью описывает кейс, назначаешь значение из базовой палитры — готово. Такой способ декларативен, но когда используешь токены каждый день, появляется ряд неудобств: сложно запомнить, сложно найти в списке, больно вбивать в редактор… Вот, например, список токенов из дизайн-системы Atlassian. Смогли бы вы запомнить и скомбинировать «всего-то» сотню-другую названий? Но если сформировать небольшую библиотеку токенов, то их комбинирование позволит создать почти полный набор визуалов. И в этой статье-воркшопе мы убедимся, что, например, всего лишь из 12 коротких токенов можно собрать интерфейс для целой операционной системы.

    habr.com/ru/companies/kaspersk

    #лаборатория_касперского #дизайн #вебдизайн #ux #ui #интерфейсы #юзабилити #дизайн_интерфейсов #css #продуктовый_дизайн #webразработка #ux/ui #интерфейс #ux_design #проектирование_интерфейсов #android #ios #мобильные_приложения #иконки #icons #figma #usability__вебдизайн

  25. Как я делал шрифтовые иконки. Совмещаем желание UX-дизайнеров и возможности фронтендеров

    Привет, Хабр! Меня зовут Артём Поморцев. Я фронтенд-разработчик компании «Криптонит» и хочу поделиться своим опытом создания набора иконок (icon pack). Скажу сразу, что иконочные шрифты не всегда являются наиболее эффективным и надёжным вариантом, но они по-прежнему относительно просты и легки в реализации.

    habr.com/ru/companies/kryptoni

    #frontendразработка #javascript #иконки #набор_иконок #svgo #svg

  26. Система иконок на React

    Очень часто при разработке React-приложения нам приходится работать с большим количеством иконок в проекте. Наверное, каждый разработчик стремится максимально упростить и автоматизировать подобные рутинные задачи. Есть несколько способов работы с иконками в веб-приложениях, но я хочу поделиться с вами именно тем, который кажется мне наиболее удобным. Данная статья поможет frontend-разработчику сделать работу с иконками комфортнее, используя их в качестве React-компонентов.

    habr.com/ru/articles/798367/

    #react #reactjs #reactjs #svg #icons #иконки #javascript #efgor #svgr