Понедельничные референсы #24 (Разбор сайтов, web-design, UX/UI design) Обновления Figma

Поделиться
HTML-код
  • Опубликовано: 14 янв 2025

Комментарии • 12

  • @nikitov51ify
    @nikitov51ify Месяц назад

    Сайт с определением какой ты шрифт прям в сердечко❤‍🔥 Отправил подруге, ответ:
    "Привет! Вот чего я никогда не ожидала увидеть от тебя - так это ссылки на какой то тест😁 значит действительно что то годное, спасибо!"

    • @Kivich_Viacheslav
      @Kivich_Viacheslav  Месяц назад

      хаха) вопросы там мне тоже понравились)

  • @bananapie6682
    @bananapie6682 6 месяцев назад

    Вау, у меня такая же футболочка) Была на сербском концерте) Отличного отдыха!

  • @Sashad2003
    @Sashad2003 5 месяцев назад +1

    Спасибо за видео. Мне очень нравится ваш подход и как вы в целом разбираете чужие работы.
    Как дизайнер, могу понять все эти анимации и плюшки которые добавляют особенности сайту. Всякие приезжающие эффекты, тексты которые рисуются при скроле... кайф. А вот как программист которому потом это все версиать, да еще и с доступностью о которой дизаеры совершенно не думают, я такие сайты терпеть не могу 😆
    В Израиле если сайт не доступен и не придерживается правилам WVAG хотябы уровня AA, по закону владельца сайта могут засудить почти на 20,000€ без доказательства ущерба.
    Как поступать с такими сайтами? Как делать так что бы пользователь кайфовал от него и в тоже время не нарушать правила доступности?

    • @Kivich_Viacheslav
      @Kivich_Viacheslav  5 месяцев назад +2

      Огого, спасибо большое за информацию, не знал про такие особенности проектирования в Израиле, вот это мотивация)
      На самом деле, в части видео упоминаю роль доступности в дизайне интерфейсов, тут конечно не стоит ей поступаться только ради вау-эффекта, думаю нужно больше на этом фокусироваться в видео, чтобы не сложилось ложного впечатления, что я только за ненативные недоступные решения в угоду красоты)
      На мой взгляд, чтобы обеспечить соответствие необходимому уровню доступности стоит для любого нестандартного интерактивного элемента в блоке продумывать альтернативные способы управления. Например, чтобы слайдер который переключается непонятными кнопками которые появляются только при ховере на определенную часть экрана, переключался еще самостоятельно например по времени и могу переключаться с клавиатуры.
      Так же следить за обратной связью от интерфейса, чтобы как раз таки мы понимали как работают нестандартные паттерны, то есть вот действительно запускать прогресс бар там где что-то переключается по времени)
      Так же стоит следить за зоной клика у компонентов, продумывать все их состояния чтобы они былы очевидны, особенно когда мы работаем с альтернативных источников ввода. Вобщем тут для таких сложных решений мне кажется нужно более детально продумывать альтернативы в управлении и очень ясную обратную связь от интерфейса.
      Следить за уровнем контраста и кеглей тоже стоит следить вне зависимости от того насколько нестандартная палитра выбрана)
      По разработке тут на мой взгляд зависит от команды, так как есть эксперты разного уровня, и нам как дизайнерам нужно учитывать и время выполнение проекта и уровень разработчиков и их занятость когда мы подбираем решение) для этого нужно общаться с командой и обсуждать такие моменты, чтобы найти оптимально интересное решение для пользователя и посильное уместное в разработке. Я стараюсь с примерами именно показывать что конкретно я хочу получить и потом уже приходим к нужному. где то я могу что-то упростить, где то разработка примет вызов)) Но я даже сейчас работаю с двумя разными командами разработки и вижу как уровень и скорость работы, загрузка команды на это влияет, где то могут брать только что-то простое, модульное и статичное, а где то без вопросов берут что-то более интерактивное, тут надо общаться как будто)
      Но если делать сразу и то и то то удобно конечно 😃

  • @matterh0rn
    @matterh0rn 6 месяцев назад

    Энергичная подача, приятное оформление видео, спасибо

  • @natashasoleeva8784
    @natashasoleeva8784 6 месяцев назад

    Спасибо, Слава!
    Очень интересные решения в подборке!
    Удивляюсь только как такое(типо 3d штуки) потом прогают разработчики 😅
    Хорошего отпуска 😊

    • @Kivich_Viacheslav
      @Kivich_Viacheslav  6 месяцев назад

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

  • @Andrei.M.Petrov
    @Andrei.M.Petrov 6 месяцев назад +1

    Интересно, Фигма предлагает мне обновление, я жму, она перезагружается, но в интерфейсе никаких изменений не происходит🤷‍♂️
    Винда 11ая
    И веб-версия не изменилась🤷‍♂️

    • @Kivich_Viacheslav
      @Kivich_Viacheslav  6 месяцев назад +2

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

    • @Andrei.M.Petrov
      @Andrei.M.Petrov 6 месяцев назад

      @@Kivich_Viacheslav ок)) будем ждать)) спс!