Дизайн под iPhone X. Гайдлайны для iOS 11

[kamushken]

[JTG]

Ну не знаю, просто ад перфекциониста какой-то. Хочется взять и подвинуть (хотя в эти эллиптические закругления и так, и этак ничего не вписывается)

[MobileDimension]

Если закрыть выемку, айфон будет похож на самсунг :)

[s_suhanov]

Отличное решение, кстати. Я так понимаю, что эти "уши" будут подталкивать дизайнеров делать более темные приложения, что в общем-то хорошо. :)

[4anaeB]

Простите, люди, но при Джобсе такого не было!

[zarytskiy]

Вот еще один перевод статьи о дизайне для Iphone X

[Akuma]

О, круто. Скоро будет волна правок «мне выемка кнопку закрывает» :)

[AppFA]

Если все делать изначально хорошо, то не должно быть проблем, в 11 iOS будут css переменные:

.header {
  /* Status bar height on iOS 11.0 */
  padding-top: constant(safe-area-inset-top);
  /* Status bar height on iOS 11+ */
  padding-top: env(safe-area-inset-top);
}

[MobileDimension]

Верно, при проектировании приложений и страничек следует учитывать особенности экрана и safe area.

[s_suhanov]

Важно отметить, что теперь при использовании системного шрифта, вы получаете доступ к динамическому шрифту (Dynamic Type), который позволяет шрифту настраиваться в соответствии с предпочтением пользователя.

Это было еще два года назад. :)

[MobileDimension]

Да, было давно, но с iOS11 появились более удобные инструменты для работы с динамическими шрифтами.

[Goodkat]

А «ночной» режим для OLED-экрана уже сделали?

[MobileDimension]

Если Вы имеете в виду режим Night Shift, то да.

[Goodkat]

Нет, Night Shift был ещё в iOS 10.
Я имею в виду режим «белый текст на чёрном фоне» — с OLED-экранами он имеет смысл.

[mmacloud]

Отличная статья

[MobileDimension]

И мы того же мнения :)

[BLACKX007]

сижу на win, столкнулся с проблемой найти SF Pro Text. На офф сайте есть, но только под mac, может кто знает где его взять?

[Arkafon]

«Press home to unlock» — это такой тонкий троллинг на главной картинке?

[maximglobak]

Очень странный пункт…

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

Progress bar — один из немногих элементов, высоту которого не так просто изменить. А точнее нужно прибегать или к собственной реализации или к визуальной трансформации самого объекта =/

[MobileDimension]

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