Гайдлайны IOS. Что это такое? Где найти и как с этим работать?

Поділитися
Вставка
  • Опубліковано 16 лют 2021
  • Телеграм канал о дизайне интерфейсов t.me/marooot
    Пользователь всегда достигает поставленной цели. Неважно, хочет ли он вызвать такси, заказать продукты или поставить любимый трек в плеере, пользователь жаждет сделать это максимально быстро и удобно.
    Что для него удобство? Удобство это оправданные результаты действий - он знает чего он хочет и ждет от интерфейса знакомых элементов и ожидаемого результата. Пользователь давно уже натренирован своим смартфоном узнавать элементы.
    Как же дизайнеру понять, что пользователь ожидает от тех или иных элементов? Какие элементы интерфейса и в каком порядке использовать когда цель пользователя и заказчика уже ясны?
    Дизайнеру нужно знать правила, которые диктует система! Когда используешь смартфон, то на интуитивном уровне все понятно - нажал, смахнул, сдвинул - результат! Но как все эти интуитивные понимания сделать знанием, которое избавит от ошибок? Где искать это сакральное знание, в какое путешествие отправиться на поиск этого клада?
    Оказывается великие мудрецы (дизайнеры языка интерфейса) давно записали все правила и назвали их GUIDELINES!
    И в этом видео я рассказываю, где эти правила найти и как пользоваться китами, как собирать дизайн из этих элементов.
    •••
    Курс по дизайну мобильных приложений
    abramova-freelance.ru/appdesign​
    •••
    Курс по дизайну мобильных приложений для начинающих
    abramova-freelance.ru/uxuides...
    •••
    Школа abramova-freelance.ru/
    Телеграм канал t.me/marooot

КОМЕНТАРІ • 40

  • @editmoments2
    @editmoments2 2 роки тому

    Спасибо большое! Это просто находка! А все сама рисовала)

  • @Net_Lenka
    @Net_Lenka 2 роки тому

    Ваше видео - это именно то, что я искала. Большое спасибо!

    • @Sodamarine
      @Sodamarine  2 роки тому

      Елена, очень рада, что полезно!

  • @user-captp
    @user-captp 2 роки тому

    Спасибо за видео! Интересно и познавательно)

  • @nikvik6479
    @nikvik6479 3 роки тому +12

    Видео лучше чем в школе uprock! Всё понятно, по деталям всё чётко разложено, хороший темп речи, кратко и понятно и нет воды лишней)Спасибо большое

    • @Sodamarine
      @Sodamarine  3 роки тому +1

      И вам спасибо за обратную связь!

    • @MrBurenich
      @MrBurenich Рік тому

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

  • @user-df9ld2sg8v
    @user-df9ld2sg8v 2 роки тому +2

    Шикарно, именно то, что искал❤️ спасибо

    • @Sodamarine
      @Sodamarine  2 роки тому

      Давид, рада, что было полезно!

  • @antongripak1735
    @antongripak1735 3 роки тому

    Прекрасное и полезное видео. Спасибо.
    Есть такой вопрос. Какова минимальная зона нажима рекомендуемая Эпплами? 49 на 49? Имею ввиду кнопки в первую очередь. Смотрю на нижнем таббаре высота фрейма каждого таба именно 49. Это минимально допустимое значение?

  • @user-ml8lg2yi2b
    @user-ml8lg2yi2b 2 роки тому

    Спасибо за полезный контент 🙏🏼

    • @Sodamarine
      @Sodamarine  2 роки тому +1

      Никита, пожалуйста 🙌🏼

  • @may_artur
    @may_artur 3 роки тому

    Хорошее видео, жду еще полезных роликов)

  • @nichnadahu
    @nichnadahu 3 роки тому

    большое спасибо за видео, теперь все понятно, готовлюсь к собеседованию и сейчас это бесценная помощь для меня

    • @Sodamarine
      @Sodamarine  3 роки тому +1

      супер! Очень рада, что полезно.

  • @user-ke8rv1ek8y
    @user-ke8rv1ek8y 2 роки тому +1

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

    • @Sodamarine
      @Sodamarine  2 роки тому

      Аян, огромное спасибо за обратную связь!

  • @danilkozlov5494
    @danilkozlov5494 3 роки тому

    Весь ui kit под ширину 375px, его так же можно использовать и под 414px или что то нужно изменять?

  • @katyasharova7666
    @katyasharova7666 4 місяці тому

    Спасибо большое!

    • @Sodamarine
      @Sodamarine  3 місяці тому

      Рада, что полезно 🙌🏼

  • @user-vc4fb4ii7r
    @user-vc4fb4ii7r Рік тому

    Спасибо, крутой урок!

    • @Sodamarine
      @Sodamarine  Рік тому

      Лизавета, спасибо за обратную связь!

  • @Valentynaua
    @Valentynaua 3 роки тому +2

    Марина, спасибо за видео. Давно читаю посты в instagram, теперь вот нашла и ютуб-канал) У меня вопрос по примеру с 12:00, там где остается Large title, но никаких кнопок действий нет. В таком случае, когда вместо кнопок пустота, заголовок (Large title) поднимается вверх или же пространство под кнопки остается зарезервированным и заголовок не сдвигается?

    • @Sodamarine
      @Sodamarine  3 роки тому +1

      Валентина, привет! Заголовок остается на месте)

    • @Valentynaua
      @Valentynaua 3 роки тому +1

      @@Sodamarine , спасибо!)

  • @dianagerasimova9239
    @dianagerasimova9239 7 місяців тому

    есть ссылка на ваш кит, где компоненты шириной 375?

  • @AnnLavanda
    @AnnLavanda 7 місяців тому

    Здравствуйте) у меня вопрос: можно вместо кнопки назад поставить иконку для сайдбара? Знаю что бургера в iOS нет.

    • @Sodamarine
      @Sodamarine  7 місяців тому

      Иконка для сайдбара это которая как раз бургер? Если да, то нежелательно и не только на айос. Предпочтение отдаем нижнему меню. И даже если таки его использовать, то только на главном экране, где нет навигации назад (мы не можем отказаться от стрелки назад).

  • @AchtungBaby-io7zl
    @AchtungBaby-io7zl 10 місяців тому

    Подскажите, а как вы вкладку примеры собирали? где посмотреть больше примеров использования нативных элементов? Если с барами и контролами понятно, а вот вьюшки немного непонятно)

    • @Sodamarine
      @Sodamarine  10 місяців тому +2

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

    • @AchtungBaby-io7zl
      @AchtungBaby-io7zl 10 місяців тому

      @@Sodamarine к сожалению или счастью не имею яблоко гаджет) спасибо за подсказку слышал такой сайт!

  • @marselgaliullin
    @marselgaliullin 3 роки тому

    Я правильно понимаю, если даже у меня по дизайну нижнего бара с иконками нет, то хоум есть абсолютно всегда?

  • @benjaminfranklin6236
    @benjaminfranklin6236 2 роки тому

    Скетч файлы открываются в фигме.

  • @justhuman1710
    @justhuman1710 3 роки тому

    Можно ли использовать radio button для IOS ?

    • @Sodamarine
      @Sodamarine  3 роки тому +1

      Официально в IOS нет сейчас radio buttons. Чаще используются checkbox и switch. Если делаем нативное приложение, то рб лучше не использовать. Если же просто делаем дизайн под IOS, то рб можно использовать, если это наиболее подходящий элемент интерфейса, чем чек или свитч

    • @justhuman1710
      @justhuman1710 3 роки тому

      @@Sodamarine Спасибо большое за ответ :)

  • @vadilyin
    @vadilyin 3 роки тому

    Марина, привет! Когда новое видео?

    • @Sodamarine
      @Sodamarine  3 роки тому

      Вадик, привет! На этой неделе обязательно!