Разрешение iphone x

Languages

Finish

• Space Gray
• Silver

Capacity¹

• 64GB
• 256GB

Size and Weight²

• Height: 5.65 inches (143.6 mm)
• Width: 2.79 inches (70.9 mm)
• Depth: 0.30 inch (7.7 mm)
• Weight: 6.14 ounces (174 grams)

Display

• Super Retina HD display
• 5.8-inch (diagonal) all-screen OLED Multi-Touch display
• HDR display
• 2436-by-1125-pixel resolution at 458 ppi
• 1,000,000:1 contrast ratio (typical)
• True Tone display
• Wide color display (P3)
• 3D Touch
• 625 cd/m2 max brightness (typical)
• Fingerprint-resistant oleophobic coating
• Support for display of multiple languages and characters simultaneously

The iPhone X display has rounded corners that follow a beautiful curved design, and these corners are within a standard rectangle. When measured as a standard rectangular shape, the screen is 5.85 inches diagonally (actual viewable area is less).

Splash, Water, and Dust Resistant³

• Rated IP67 under IEC standard 60529

Chip

• A11 Bionic chip with 64-bit architecture
• Neural engine
• Embedded M11 motion coprocessor

Camera

• 12MP wide-angle and telephoto cameras
• Wide-angle: ƒ/1.8 aperture
• Telephoto: ƒ/2.4 aperture
• Optical zoom; digital zoom up to 10x
• Portrait mode
• Portrait Lighting (beta)
• Dual optical image stabilization
• Six‑element lens
• Quad-LED True Tone flash with Slow Sync
• Panorama (up to 63MP)
• Sapphire crystal lens cover
• Backside illumination sensor
• Hybrid IR filter
• Autofocus with Focus Pixels
• Tap to focus with Focus Pixels
• Live Photos with stabilization
• Wide color capture for photos and Live Photos
• Improved local tone mapping
• Body and face detection
• Exposure control
• Noise reduction
• Auto HDR for photos
• Auto image stabilization
• Burst mode
• Timer mode
• Photo geotagging
• Image formats captured: HEIF and JPEG

Video Recording

• 4K video recording at 24 fps, 30 fps, or 60 fps
• 1080p HD video recording at 30 fps or 60 fps
• 720p HD video recording at 30 fps
• Optical image stabilization for video
• Optical zoom; 6x digital zoom
• Quad-LED True Tone flash
• Slo‑mo video support for 1080p at 120 fps or 240 fps
• Time‑lapse video with stabilization
• Cinematic video stabilization (1080p and 720p)
• Continuous autofocus video
• Body and face detection
• Noise reduction
• Take 8MP still photos while recording 4K video
• Playback zoom
• Video geotagging
• Video formats recorded: HEVC and H.264

TrueDepth Camera

• 7MP camera
• Portrait mode
• Portrait Lighting (beta)
• Animoji
• 1080p HD video recording
• Retina Flash
• ƒ/2.2 aperture
• Wide color capture for photos and Live Photos
• Auto HDR
• Backside illumination sensor
• Body and face detection
• Auto image stabilization
• Burst mode
• Exposure control
• Timer mode

Face ID

• Enabled by TrueDepth camera for facial recognition

Apple Pay

• Pay with your iPhone using Face ID in stores, within apps, and on the web
• Complete purchases made with Apple Pay on your Mac
• Receive and redeem rewards using rewards cards

Learn more about Apple Pay

Cellular and Wireless

• Model A1865* FDD-LTE (Bands 1, 2, 3, 4, 5, 7, 8, 12, 13, 17, 18, 19, 20, 25, 26, 28, 29, 30, 66) TD-LTE (Bands 34, 38, 39, 40, 41) TD-SCDMA 1900 (F), 2000 (A) CDMA EV-DO Rev. A (800, 1900, 2100 MHz) UMTS/HSPA+/DC-HSDPA (850, 900, 1700/2100, 1900, 2100 MHz) GSM/EDGE (850, 900, 1800, 1900 MHz)
• Model A1901*Model A1901 does not support CDMA networks, such as those used by Verizon and Sprint. FDD-LTE (Bands 1, 2, 3, 4, 5, 7, 8, 12, 13, 17, 18, 19, 20, 25, 26, 28, 29, 30, 66) TD-LTE (Bands 34, 38, 39, 40, 41) UMTS/HSPA+/DC-HSDPA (850, 900, 1700/2100, 1900, 2100 MHz) GSM/EDGE (850, 900, 1800, 1900 MHz)
• All models 802.11ac Wi‑Fi with MIMO Bluetooth 5.0 wireless technology NFC with reader mode

Location

• Assisted GPS, GLONASS, Galileo, and QZSS
• Digital compass
• Wi-Fi
• Cellular
• iBeacon microlocation

Video Calling⁴

• FaceTime video calling over Wi‑Fi or cellular

Audio Calling⁴

• FaceTime audio
• Voice over LTE (VoLTE)⁵
• Wi‑Fi calling⁵

Audio Playback

• Audio formats supported: AAC-LC, HE-AAC, HE-AAC v2, Protected AAC, MP3, Linear PCM, Apple Lossless, FLAC, Dolby Digital (AC-3), Dolby Digital Plus (E-AC-3), and Audible (formats 2, 3, 4, Audible Enhanced Audio, AAX, and AAX+)
• User-configurable maximum volume limit

Video Playback

• Video formats supported: HEVC, H.264, MPEG-4 Part 2, and Motion JPEG
• High Dynamic Range with Dolby Vision and HDR10 content
• AirPlay Mirroring, photos, and video out to Apple TV (2nd generation or later)⁶
• Video mirroring and video out support: Up to 1080p through Lightning Digital AV Adapter and Lightning to VGA Adapter (adapters sold separately)⁶

Siri⁷

• Use your voice to send messages, set reminders, and more
• Get intelligent suggestions in Messages, Mail, QuickType, and more
• Activate with only your voice using “Hey Siri”
• Listen and identify songs

Learn more about Siri

External Buttons and Connectors

• Volume up/down
• Ring/Silent switch
• Side button
• Built-in stereo speaker
• ‌Built-in microphone
• Lightning connector

Power and Battery⁸

• Lasts up to 2 hours longer than iPhone 7
• Talk time (wireless): Up to 21 hours
• Internet use: Up to 12 hours
• Video playback (wireless): Up to 13 hours
• Audio playback (wireless): Up to 60 hours
• Fast-charge capable: Up to 50% charge 30 minutes⁹
• Built-in rechargeable lithium-ion battery
• Wireless charging (works with Qi-certified chargers¹⁰)
• Charging via USB to computer system or power adapter

Sensors

• Face ID
• Barometer
• Three-axis gyro
• Accelerometer
• Proximity sensor
• Ambient light sensor

Operating System

iOS 11 With new features and capabilities that let you get more done quickly and easily, iOS 11 makes iPhone more powerful, personal, and intelligent than ever.See what’s new in iOS 11

Accessibility

Accessibility features help people with disabilities get the most out of their new iPhone X. With built-in support for vision, hearing, physical and motor skills, and learning and literacy, you can fully enjoy the world’s most personal device. Learn more

Features include:

• VoiceOver
• Zoom
• Magnifier
• Software TTY
• Siri and Dictation
• Type to Siri
• Switch Control
• Closed Captions
• AssistiveTouch
• Speak Screen

Built-in Apps

• Camera
• Photos
• Health
• Messages
• Phone
• FaceTime
• Mail
• Music
• Wallet
• Safari
• Maps
• Siri
• Calendar
• iTunes Store
• App Store
• Notes
• News
• Contacts
• iBooks
• Home
• Weather
• Reminders
• Clock
• TV
• Stocks
• Calculator
• Voice Memos
• Compass
• Podcasts
• Watch
• Tips
• Find My iPhone
• Find My Friends
• Settings
• Files

Free Apps from Apple

Pages, Numbers, Keynote, iMovie, GarageBand, iTunes U, Clips, and Apple Store app are preinstalled.

• iMovie
• Pages
• Numbers
• Keynote
• iTunes U
• GarageBand
• Apple Store
• Trailers
• Apple TV Remote
• iTunes Remote
• Music Memos
• Clips

Headphones

• EarPods with Lightning Connector

SIM Card

• Nano-SIM
• iPhone X is not compatible with existing micro-SIM cards.

Rating for Hearing Aids

• iPhone X (Model A1865, A1901): M3, T4

Mail Attachment Support

• Viewable document types .jpg, .tiff, .gif (images); .doc and .docx (Microsoft Word); .htm and .html (web pages); .key (Keynote); .numbers (Numbers); .pages (Pages); .pdf (Preview and Adobe Acrobat); .ppt and .pptx (Microsoft PowerPoint); .txt (text); .rtf (rich text format); .vcf (contact information); .xls and .xlsx (Microsoft Excel); .zip; .ics

System Requirements

• Apple ID (required for some features)
• Internet access¹¹
• Syncing with iTunes on a Mac or PC requires:
  • Mac: OS X 10.10.5 or later
  • PC: Windows 7 or later
  • iTunes 12.7 or later (free download from www.itunes.com/download)

Environmental Requirements

• Operating ambient temperature: 32° to 95° F (0° to 35° C)
• Nonoperating temperature: −4° to 113° F (−20° to 45° C)
• Relative humidity: 5% to 95% noncondensing
• Operating altitude: tested up to 10,000 feet (3000 m)

Languages

• Language support English (Australia, UK, U.S.), Chinese (Simplified, Traditional, Traditional Hong Kong), French (Canada, France), German, Italian, Japanese, Korean, Spanish (Latin America, Mexico, Spain), Arabic, Catalan, Croatian, Czech, Danish, Dutch, Finnish, Greek, Hebrew, Hindi, Hungarian, Indonesian, Malay, Norwegian, Polish, Portuguese (Brazil, Portugal), Romanian, Russian, Slovak, Swedish, Thai, Turkish, Ukrainian, Vietnamese
• QuickType keyboard support English (Australia, Canada, India, Singapore, UK, U.S.), Chinese — Simplified (Handwriting, Pinyin, Stroke), Chinese — Traditional (Cangjie, Handwriting, Pinyin, Stroke, Sucheng, Zhuyin), French (Belgium, Canada, France, Switzerland), German (Austria, Germany, Switzerland), Italian, Japanese (Kana, Romaji), Korean, Spanish (Latin America, Mexico, Spain), Arabic (Modern Standard, Najdi), Armenian, Azerbaijani, Belarusian, Bengali, Bulgarian, Catalan, Cherokee, Croatian, Czech, Danish, Dutch, Emoji, Estonian, Filipino, Finnish, Flemish, Georgian, Greek, Gujarati, Hawaiian, Hebrew, Hindi (Devanagari, Transliteration), Hinglish, Hungarian, Icelandic, Indonesian, Irish, Kannada, Latvian, Lithuanian, Macedonian, Malay, Malayalam, Maori, Marathi, Norwegian, Odia, Persian, Polish, Portuguese (Brazil, Portugal), Punjabi, Romanian, Russian, Serbian (Cyrillic, Latin), Slovak, Slovenian, Swahili, Swedish, Tamil (Script, Transliteration), Telugu, Thai, Tibetan, Turkish, Ukrainian, Urdu, Vietnamese, Welsh
• QuickType keyboard support with predictive input English (Australia, Canada, India, Singapore, UK, U.S.), Chinese (Simplified, Traditional), French (Belgium, Canada, France, Switzerland), German (Austria, Germany, Switzerland), Italian, Japanese, Korean, Russian, Spanish (Latin America, Mexico, Spain), Portuguese (Brazil, Portugal), Thai, Turkish
• Siri languages English (Australia, Canada, India, Ireland, New Zealand, Singapore, South Africa, UK, U.S.), Spanish (Chile, Mexico, Spain, U.S.), French (Belgium, Canada, France, Switzerland), German (Austria, Germany, Switzerland), Italian (Italy, Switzerland), Japanese, Korean, Mandarin (China mainland, Taiwan), Cantonese (China mainland, Hong Kong), Arabic (Saudi Arabia, United Arab Emirates), Danish (Denmark), Dutch (Belgium, Netherlands), Finnish (Finland), Hebrew (Israel), Malay (Malaysia), Norwegian (Norway), Portuguese (Brazil), Russian (Russia), Swedish (Sweden), Thai (Thailand), Turkish (Turkey)
• Dictation languages English (Australia, Canada, India, Indonesia, Ireland, Malaysia, New Zealand, Philippines, Saudi Arabia, Singapore, South Africa, United Arab Emirates, UK, U.S.), Spanish (Argentina, Chile, Colombia, Costa Rica, Dominican Republic, Ecuador, El Salvador, Guatemala, Honduras, Mexico, Panama, Paraguay, Peru, Spain, Uruguay, U.S.), French (Belgium, Canada, France, Luxembourg, Switzerland), German (Austria, Germany, Luxembourg, Switzerland), Italian (Italy, Switzerland), Japanese, Korean, Mandarin (China mainland, Taiwan), Cantonese (China mainland, Hong Kong, Macao), Arabic (Kuwait, Qatar, Saudi Arabia, United Arab Emirates), Catalan, Croatian, Czech, Danish, Dutch (Belgium, Netherlands), Finnish, Greek, Hebrew, Hindi (India), Hungarian, Indonesian, Malaysian, Norwegian, Polish, Portuguese (Brazil, Portugal), Romanian, Russian, Shanghainese (China mainland), Slovakian, Swedish, Thai, Turkish, Ukrainian, Vietnamese
• Definition dictionary support English, Chinese (Simplified, Traditional), Danish, Dutch, French, German, Hindi, Italian, Japanese, Korean, Norwegian, Portuguese, Russian, Spanish, Swedish, Thai, Turkish
• Bilingual dictionary support Chinese (Simplified), Dutch, French, German, Italian, Japanese, Korean, Portuguese, Russian, Spanish
• Spell check English, French, German, Italian, Spanish, Danish, Dutch, Finnish, Korean, Norwegian, Polish, Portuguese, Russian, Swedish, Turkish

In the Box

• iPhone with iOS 11
• EarPods with Lightning Connector
• Lightning to 3.5 mm Headphone Jack Adapter
• Lightning to USB Cable
• USB Power Adapter
• Documentation

iPhone and the Environment

Apple takes a complete product life cycle approach to determining our environmental impact. Learn more

iPhone X embodies Apple’s continuing environmental progress. It is designed with the following features to reduce environmental impact:

• Mercury-free
• Arsenic-free display glass
• Brominated flame retardant–free
• PVC-free
• Beryllium-free
• Highly recyclable stainless steel

Apple and the EnvironmentLearn more about Apple’s dedication to reducing the environmental impact of our products and process. Or read our Product Environmental Reports for detailed information on the environmental performance of every Apple product.

* To identify your iPhone model number, see https://support.apple.com/kb/HT3939. For details on LTE support, contact your carrier and see www.apple.com/iphone/LTE. Cellular technology support is based on iPhone model number and configuration for either CDMA or GSM networks.

1. Available space is less and varies due to many factors. A standard configuration uses approximately 8GB to 11GB of space (including iOS and preinstalled apps) depending on the model and settings. Preinstalled apps use about 4GB, and you can delete these apps and restore them.
2. Size and weight vary by configuration and manufacturing process.
3. iPhone X is splash, water, and dust resistant and was tested under controlled laboratory conditions with a rating of IP67 under IEC standard 60529. Splash, water, and dust resistance are not permanent conditions and resistance might decrease as a result of normal wear. Do not attempt to charge a wet iPhone; refer to the user guide for cleaning and drying instructions. Liquid damage not covered under warranty.
4. FaceTime calling requires a FaceTime-enabled device for the caller and recipient and a Wi-Fi connection. Availability over a cellular network depends on carrier policies; data charges may apply.
5. Data plan required. LTE Advanced, LTE, VoLTE, and Wi-Fi calling are available in select markets and through select carriers. Speeds are based on theoretical throughput and vary based on site conditions and carrier. For details on LTE support, contact your carrier and see www.apple.com/iphone/LTE.
6. Standard Dynamic Range video content only.
7. Siri may not be available in all languages or in all areas, and features may vary by area. Internet access required. Cellular data charges may apply.
8. All battery claims depend on network configuration and many other factors; actual results will vary. Battery has limited recharge cycles and may eventually need to be replaced by Apple service provider. Battery life and charge cycles vary by use and settings. See www.apple.com/batteries and www.apple.com/iphone/battery.html for more information.
9. Testing conducted by Apple in August 2017 using preproduction iPhone X units and software and accessory Apple USB-C Power Adapters (29W Model A1540, 61W Model A1718, 87W Model A1719). Fast-charge testing conducted with drained iPhone units. Charge time varies with environmental factors; actual results will vary.
10. Compatible Qi-certified wireless chargers sold separately.
11. Wireless broadband recommended; fees may apply.

Some features may not be available for all countries or all areas. Click here to see complete list.

Published Date: Aug 9, 2019

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

Сколько дюймов в iPhone

Обратите внимание, кроме названия модели в таблице также указан и номер модели. Эта информация может быть полезна, если вы хотите узнать какая диагональ у вашего iPhone, но вы не помните точное название модели. Номер модели всегда указывается на тыльной стороне iPhone и выглядит как «Model A123.

Автор оригинала: designcode.io

• Перевод

Вместе с iOS 11 появился новый iPhone X, айфон с самой большой диагональю экрана, который фактически не имеет границ. 5.8 дюймовый OLED экран даже больше чем экран 5.5 дюймов iPhone 8 Plus, в то время как размер самого корпуса примерно такой же как у iPhone 8. Для дизайнеров это означает большую свободу в макетах.Большой экран Дополнительные 145 pt дают пространство для еще одного ряда контента. Или мы можем разместить на экране меню, которое раньше туда не помещалось. Эти новшества касаются и iPhone 8, и 8 Plus, так как они имеют одинаковые пропорции, несмотря на разное разрешение. Если сравнивать с самым первым iPhone, высота экрана увеличилась на 332 pt, а это 7 navigation bars. Все больше пространства для контента, и все меньше необходимости в гамбургер-меню. Если сравнить первый iPhone и iPhone X, то можно заметить, что место для контента увеличилось почти вдвое. В целом это означает что современные приложения всегда должны включать все составляющие: статус бар, навигацию, таб бар и индикатор кнопки Home. Игнорируя эти элементы, вы рискуете навредить пользовательскому опыту и сделать приложение несовместимым со стандартами Apple.Выемка Возможно самый спорный аспект нового дизайна занимает верхние 10% экрана. Сенсорный датчик, больше известный как Выемка, – это элемент, который не дает новому экрану занимать полностью всю площадь. Технологически сейчас невозможно обойтись без Face ID, камеры и динамика, находящихся в нем. С точки зрения дизайна это самый большой компромисс на который пошла компания Apple за последние годы. Но посмотрев на то, как другие производители телефонов решают проблему большого экрана, можно заметить, что и они не обошлись без компромиссов. Apple советует не скрывать Выемку за черным статус баром. Они аргументируют это тем, что несмотря на свою назойливость, выемка обеспечивает ценное пространство для статус бара и дополнительного контента. Она является логическим продолжением контента и визуально делает экран больше. Элементы фона, такие как обои, карты и цвета, не страдают, когда их слегка закрывают закруглённые углы экрана и выемка. Скрывая это пространство, экран будет казаться меньше, а приложение не будет соответствовать стандартам Apple. Объяснение в этом видео.Огромные заголовки В iOS 11, заголовки обычно черного цвета размером 34 pt в начертании Bold. Интересно, что когда вы скроллите экран вниз, заголовки переходят на панель навигации и, тем самым, возвращают нам это ценное пространство. При ландшафтной ориентации экрана заголовок остается маленьким в баре. Из этого дизайнерам можно сделать вывод что, во-первых, нужно использовать это дополнительное пространство с умом, и во-вторых, нужно делать дизайн адаптивным, так как это пространство может быть в портретной ориентации и отсутствовать в ландшафтной.Большой статус бар Статус бар увеличился в высоту больше чем в 2 раза от 20 pt до 44 pt. Уведомления теперь можно просто стянуть вниз из левого верхнего угла. Для вызова пункта управления смахните экран из верхнего правого угла экрана. Смахивая экран снизу вы попадаете на домашний экран, но только если движение сделано быстро.Безопасная зона контента Создавая дизайн для iPhone X нужно учесть, что скругленные углы экрана и выемка могут обрезать контент. Нужно всегда помнить об этом. Используя безопасные зоны экрана вы сможете расположить ваши элементы так, чтобы выемка никак не обрезала контент. В целом, все фоновые изображения можно располагать не опираясь на этот гайд, но такие элементы как текст, изображения и кнопки обязательно должны располагаться с учетом этих зон.iPhone X в ландшафтном режиме В ландшафтной ориентации экрана статус бар скрывается, чтобы максимально увеличить место для контента. Бар навигации сокращается до 32 pt, Tab bar до 30 pt, а индикатор кнопки home до 23 pt. Хотя большинство пользователей редко переключается в ландшафтный режим на iPhone X, все еще существует большое количество сценариев, когда нужен именно этот режим. Например, для просмотра горизонтальных фотографий, полноэкранных видео или для чтения статей с большими текстами. После того, как заканчивается просмотр, пользователь интуитивно возвращается на портретную ориентацию экрана, особенно если устройство удобно поддерживается в ландшафтной ориентации. Если ваше приложение уже адаптировано под iPad, почему тогда не адаптировать его и под ландшафтную ориентацию iPhone? Огромная выгода с минимальными усилиями, так как большинство приложений разработано с учетом адаптивности макетов.Веб-сайты в ландшафтном режиме Если вы продуктовый дизайнер, скорее всего вы работаете с Вебом. При обычном просмотре в режиме ландшафтной ориентации в iPhone X ваш сайт будет иметь очень много пустого места с левой и правой сторон экрана. Это происходит, потому что безопасные зоны появляются автоматически, чтобы избежать обрезки контента, от чего все становится еще хуже. Чтобы избежать этого, Apple разработала гайд для адаптации вашего сайта под iPhone X в ландшафтной ориентации. В целом, вы можете расширить ваш фон, чтобы он заполнял весь экран, в то время, как сам контент будет находится в пределах безопасной зоны.Скругленные углы экрана Контент также может обрезаться из-за скругленных углов экрана iPhone X. Если вы не скрываете статус бар или индикатор кнопки Home, то вы не столкнетесь с такой проблемой. Однако, для полноэкранных приложений, таких как Камера, будет важно оставлять отступы в углу экрана. Скругления углов заданы радиусом 16 pt, такой же радиус скругления также рекомендуется для использования в кнопках.Просматривайте ваши приложения на симуляторе iOS iPhone X еще не вышел. Скорее всего, после открытия продаж устройства быстро раскупят, и они будут недоступны для большинства из нас. Не имея на руках нужного устройства, чтобы протестировать на нем свой дизайн, остается только использовать симулятор iOS. Вы можете просмотреть свое приложение или веб сайт, установив Xcode. “Гамбургер” меню больше не нужны За последнее десятилетие дизайнерам приходилось бороться за каждый пиксель на крошечном экране первого iPhone. Многие решили полностью опустить Tab bar, потому что для него требовалось слишком много вертикального пространства. Применив немного креатива, некоторые из них придумали кнопку, которая будет выезжать слева. Это было рождение знаменитого Гамбургер меню. Сначала это было весело и свежо, но в плане юзабилити это был настоящий кошмар. Больше кликов для того, чтобы достичь скрытых под кнопкой экранов. В результате, использование вторичных вкладок снизилось, так как часто люди забывали о том, что там может быть больше содержимого. С появлением больших экранов смартфонов, пользователю стало сложнее использовать его с помощью одной руки. Apple даже реализовала функцию опускания Navigation Bar по двойному тапу кнопки Home, при этом весь пользовательский интерфейс приложения также двигался вниз. Это было сделано для того, чтобы пользователь мог добраться до навигации с помощью большого пальца. Затем эта функция преобразовалась в вызов меню по двойному тапу. Гамбургер меню обычно располагался в левом верхнем углу экрана и добраться до него было крайне сложно. А сейчас, когда экраны стали гораздо больше, больше нет нужды бороться за место для контента. Tab bar — самый очевидный способ заменить Гамбургер меню, так как места для него сейчас достаточно. iPhone X подтверждает это направление. Если в вашем приложении есть несколько разделов, то нет никаких причин чтобы не использовать Таб бар. В iOS 11 Tab bar в ландшафтной ориентации экрана занимает даже меньше места. Гамбургер меню очень распространены в вебе, и возможно это одна из причин почему мобильный веб опыт не догнал нативный опыт. Даже React Native использует нативные контролы, которые являются фантастическим направлением в Веб технологии. Однако в iOS и особенно в iPhone X, вам нужно использовать Таб бар.Адаптивные макеты и многозадачность Сейчас, когда постоянно увеличивается количество разрешений для экранов с которым приходится иметь дело, очень важно делать ваши макеты адаптивными. Используя такие инструменты как Constraints в Sketch и Auto Layout в Xcode вам придется проектировать экран в расчете на то, что экран будет гибким и при необходимости может отображать дополнительное меню. Stack Views В Xcode вы также найдете Stack Views, прекрасное приложение для того, чтобы сделать ваши макеты более отзывчивыми на изменения. Некоторые элементы и группы могут динамично соединяться друг с другом и вам потребуется только редактировать отступы, когда контент встанет на место. Затем вы сможете завершить работу с Auto Layout. Эппл рекомендует использовать сначала Stack Views, затем Auto Layout.Точки и Пиксели Разработчики работают с точками, поэтому очень важно понимать разницу с пикселями. Когды был представлен самый первый айфон, эти 2 единицы были одинаковы 1 точка равнялась 1 пикселю. Затем, когда появились ретина экраны, 1 точка стал равняться 2 пикселям. Таким образом можно сказать что точки это величины измерения для первого айфона, в то время как пиксели это единицы измерения для новых моделей, и качество экрана напрямую зависит от их плотности (iPhone 4, 5, 6, 7, 8 = @2x, iPhone 8 Plus, iPhone X = @3x). Чтобы лучше понять разницу между в точках и пикселях рекомендую посмотреть видео.Разрешения экрана iPhone Всего в линейке iPhone 5 главных разрешений: 320 x 480 pt (iPhone 4), 320 x 568 pt(iPhone 5), 375 x 667 pt (iPhone 8), 414 x 736 pt (iPhone 8 Plus) and 375 x 812 pt (iPhone X). Макет не масштабируется, а расширяется в зависимости от разрешения. Например панель навигации адаптируется по ширине, но сохраняет ту же высоту. Элементы внутри остаются неизменными. iPhone 8 Plus единственный телефон который по поведению больше похож нам iPad в ланшафтном режиме. Иначе говоря, навигация может появится слева, заменяя собой Таб бар. Иконки приложений Иконка приложения используется для создания стиля вашего приложения. Это первое, что видят пользователи, когда начинают работу с приложением. Она отображается на домашнем экране, в App Store, Spotlight и настройках.Размеры иконок Разрешение @1x больше не поддерживается для iPhone, поэтому вам не нужно создавать для него иконку. Иконки приложений сейчас имеют только два разрешения: @2x и @3x. Существует три типа иконок: иконка приложения, иконка spotlight и иконка для настроек. Для iPad используются @1x и @2x.Супер-эллипс Начиная с iOS 7 круглые углы у иконок заменены формой эллипса. Если присмотреться, то видно, что уголки скругляются плавно. Поэтому не экспортируйте значки с маской, так можно получить черные области по краям. Лучше экспортировать квадратной формы.Сетка для иконок Apple использует правило золотого сечения в некоторых иконках. Это является гарантией хороших пропорций, но не является строгим правилом. Даже Apple не всегда его придерживается.Цвета iOS использует яркие цвета для того, чтобы иконки выделялись. Такие цвета хорошо работают как на белом, так и на чёрном фоне. Имейте ввиду, что яркие цвета должны использоваться редко, только в качестве призыва к действию и на минимально загруженном фоне. Приблизительно, только 10-20% всего дизайна может быть цветным, или же они будут слишком сильно конкурировать с контентом. iOS часто использует нейтральные цвета для отображения фона или зоны меню. Хорошо контрастирующий чёрный текст против белого фона — лучшее средство для комфортного чтения. Наконец, для выделения кнопок используется пастельный синий цвет.Системный шрифт Системный шрифт теперь называется SF Pro Text для текстов с кеглем шрифта, меньше, чем 20 pt, и SF Pro Display для шрифта с кеглем 20 pt и больше. Важно отметить, что теперь при использовании системного шрифта, вы получаете доступ к динамическому шрифту (Dynamic Type), который позволяет шрифту настраиваться в соответствии с предпочтением пользователя.Кнопки и размеры шрифтов Главное правило: 44pt для кнопок, 12pt для маленького текста, 17pt для контента и 20pt+ для заголовков.Расстояние между элементами и положение Главное правило — придерживаться отступов в 8pt от края экрана и между элементами. Это создаёт достаточно воздуха, что облегчает восприятие контента на странице, а текст делает более читабельным. Также, UI элементы и текст должны располагаться по общей базовой линии.Status Bar Рекомендовано включать статус бар на тех экранах, где возможно это сделать. Пользователи полагаются на него при просмотре такой важной информации, как уровень заряда, сигнал сети, время. Текст и иконки могут быть как белого, так и чёрного цвета, но фон может быть любого цвета или даже сливаться с баром навигации.Navigation Bar Бар навигации — это быстрый доступ к информации об экране. Левая часть бара может быть использована для размещения кнопок «Назад», «Профиль», «Меню», тогда как правая часть может использоваться для кнопок действия: «Добавить», «Изменить», «Готово». Важно, что если вы используете одну из системных иконок, то нет необходимости создавать ассеты для них. Так же, как и в статус баре, фон может задаваться любым цветом, и обычно имеет тонкое размытие, чтобы текст всегда читался. Когда бар навигации создаётся вместе со статус баром, оба фона объединяются.Поиск Когда у вас достаточно много содержимого на странице необходимо обязательно добавлять возможности поиска по содержимому.Тулбар Тулбар используется в качестве дополнительного места для размещения активных кнопок и показа состояния экрана.Таб бар Таб бар — это главная навигация между экранами. Избегайте гамбургер-меню, если у вас всего несколько элементов. Меню, которое видно сразу, увеличивает количество переходов по пунктам этого меню, поскольку очевидное всегда выигрышнее. Кроме этого, лучше добавляйте текст к иконкам меню, так как большинство пользователей не могут распознать символы, особенно, когда они не стандартные.Состояния Когда элементы меню не активны, иконки должны быть серыми. Например, как на картинке — они привлекают меньше внимания.Вид таблицы Табличный вид наиболее часто используемый вид для пролистывания контента. Многие приложения используют формат табличного отображения. Этот вид стандартен, а также настраиваем вплоть до самых мелких элементов.Основные стили На базовом уровне Вы можете использовать некоторый набор предустановленных стилей и особенностей.Разделы Элементы могут быть сгруппированы с заголовком сверху и описанием ниже.Collection View Когда нужно разместить контент в виде таблички по строкам и столбцам, можно использовать Collection View. Он поможет вам в создании лэйаута мечты.Варианты лэйаутов Collection View Если коллекция не одна, можно создать комбинацию Collection View. Возможности безграничны.Модальные окна Диалоговое окно предупреждения используется для передачи важной информации и требует от пользователя совершения немедленного действия. Диалоговые окна такого типа должны содержать краткую и емкую информацию, а действия должны быть очевидными.Модальные окна активности Диалоговое окно активности позволяет обмениваться контентом (текстом, изображениями, ссылками) через Airdrop, различные приложения (например, Mail, Facebook, Twitter), а также добавить в избранное, в закладки и др. Внешний вид окна настраивать нельзя, а функции можно.Полноэкранные модальные окна Если информации много, можно использовать модальные окна на весь экран. Такие окна обычно открываются и закрываются с помощью анимации (они могут выезжать, появляться и исчезать, переворачиваться, пролистываться). Как и другие модальные окна, эти также должны быть предельно краткими и емкими, их должно быть легко скрыть.Клавиатуры Клавиатура используется для ввода информации в текстовые поля. Она легко кастомизируется под ввод разных видов информации, например, ссылки, эмейлы, номера телефонов, эмоджи. Есть возможность выбрать светлую или темную тему и надпись на кнопке подтверждения (по умолчанию «ввод» или «return» в англ.). Picker Если вариантов выбора много, можно использовать Picker. Он особенно удобен для дат, когда нужно ввести сразу три поля (число, месяц, год).Segmented Control Если Tab Bar используется для переключения между основными разделами, то данный контрол для переключения между подразделами.Слайдеры Слайдеры – это интерактивные контролы, которые не очень точны, но чрезвычайно удобны для быстрых настроек, таких как звук или яркость.Progress bar Элемент Progress bar показывает прогресс выполнения действия. Например, при загрузке веб-страницы. Высоту элемента можно настраивать.Переключатель (Switch) Используется для быстрого включения и выключения функций. Не подходит ни для каких контекстов кроме вкл./выкл.Stepper Stepper медленнее, но точнее слайдера. Позволяет пользователям увеличивать или уменьшать значение с шагом в один. Граница и заливка настраиваются.Иконки iOS Стандартные значки платформы. Они повсеместно используются в iOS и хорошо понимаются пользователями. Использование этих иконок в других целях может смутить пользователей, поэтому очень важно знать, как они используются в iOS. При создании своих иконок важно использовать хорошо знакомые символы. Кроме того, рекомендуется дополнять их небольшим текстом в 10pt или больше.Рекомендуемые ресурсы Эти шаблоны полезны не только для обучения. Вы можете их использовать и кастомизировать под свои нужды. Набор IOS 11 GUI от APPLE Если вы создаете дизайн для iOS, то захотите использовать стандартные элементы, такие как панели статуса, навигации и вкладок.Набор IOS 11 GUI от GREAT SIMPLE STUDIO Наиболее полный комплект со множеством элементов.Мокапы устройств в векторе Персональная коллекция автора с более чем 260 мокапами, сделанными в векторе. Идеально для презентации ваших проектов.Дизайн ресурсы от FACEBOOK Сокровищница ресурсов дизайна iOS, включая SoundKit, держащие устройства руки и полезные интерфейсы.ЧТО НЕ НАДО ДЕЛАТЬ Замечательная статья про дизайн для iPhone X. Включает несколько хороших примеров о том, что НЕ надо делать, если вы готовите дизайн для iPhone X. Есть практики, которые вам следует избегать любой ценой, особенно если вы новичок в дизайне под iOS. Следуйте этим простым примерам, собранным Apple. Даже просто взглянуть может быть полезным.Гайдлайны IOS от IVO MYNTTINEN Если хотите узнать больше об iOS с другой точки зрения, посмотрите этот замечательный и содержательный гайд.Перевод выполнен UX/UI дизайнерами компании Викторией Шишкиной, Ксенией Валякиной и Анастасией Овсянниковой

Какое разрешение у дисплея iPhone

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

Разрешение экрана у айфона первого поколения, 3, 3GS

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

• первое поколение: 320×480, 163 ppi;
• 3: 320×480, 163 ppi;
• 3GS: 320×480, 163 ppi.

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

Разрешение экрана у iPhone 4, 4S

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

• 4: 640×960, 326 ppi;
• 4S: 640×960, 326 ppi.

Эра экранов с 3,5 дюйма заканчивается, но все помнят насколько эти смартфоны сделали Apple популярным. Абсолютно все в этих телефонах было и есть прекрасным.

Разрешение экрана у айфона 5, 5S, 5C, SE

Теперь нужно догонять своих конкурентов и в ответ Apple делает смартфоны с 4 дюймами. Уж слишком много появляется приколов про удлинения iPhone прошлого поколения. Экраны этих четырех моделей практически идентичны. По сравнению с прошлым поколением значительно уменьшается толщина, увеличивается цветовой охват и новые технологии увеличивают яркость.

• 5: 640×1136, 326 ppi;
• 5S: 640×1136, 326 ppi;
• 5С: 640×1136, 326 ppi;
• SE: 640×1136, 326 ppi.

Начиная с 5S начинают использовать IPS Retina+. Но в целом разницу весьма трудно заметить. Все сделаны качественно и примерно на одном уровне.

Разрешение экрана у iPhone 6, 6S, 6 PLUS, 6S PLUS

Начинается эра гигантов, так называемых лопат. Сначала было очень много хейтеров этого, которые утверждали про идеальный размер в 4 дюйма. Но потом все поменялось и все начали их любить. Хотя и на сегодняшний день остается весьма большое количество людей, которые любят компактные смартфоны, для них выпускается айфон SE. В то же время тут экраны получают название IPS RetinaHD.

• 6, 6S: 750×1334, 326 ppi;
• 6 PLUS, 6S PLUS: 1080×1920, 401 ppi.

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

Разрешение экрана у айфона 7, 7 PLUS

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

• 7: 750×1334, 326 ppi;
• 7 PLUS: 1080×1920, 401 ppi.

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

Выводы

С выходом iPhone X, пожалуй, впервые за последние семь лет Apple выпустила iPhone с действительно новым дисплеем. Последняя революция в мире мобильных экранов состоялась еще в 2010 году, когда iPhone 4 впервые получил Retina-дисплей.

Сегодня в ассортименте смартфонов с впечатляющими дисплеями, можно сказать, топом в сегменте мобильных гаджетов компании, признаны три модели: iPhone X, iPhone Xs и Xs Max. Где-то на подходе еще iPhone Xr, но его улучшенная IPS-матрица явно уступает характеристикам OLED.

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

В теории у iPhone Xs Max субъективно лучший экран: разрешение в 1242 х 2688 пикселей при плотности 458 ppi и больший на 18% охват изображения при идентичном с iPhone 8 Plus размере корпуса.

Но какой дисплей действительно лучший? С этим мы и разберемся в статье. Действительно ли «больше — значит лучше»?

Что нужно знать о дисплеях iPhone

Такой качественный рывок в мире дисплеев состоялся после выхода Retina.

Вплоть до выхода iPhone X все смартфоны Apple оснащались LCD-матрицами. Если попытаться объяснить на пальцах, то LCD-матрица представлена неким «бутербродом», состоящим из подсветки, пары-тройки отражателей и рассеивателей, и самой матрицы с поляризационным фильтром.

Матрица представлена чем-то вроде заслонки, которая открывает и закрыват определенные отверстия (пиксели) в том порядке, в каком об этом говорит соответствующий контроллер.

То есть на LCD-дисплее даже черный цвет — это, по сути, закрытый пиксель, который в данный момент не пропускает свет. Но при этом подсветка по-прежнему работает.

На фото: разобранный LCD-дисплей iPhone 6s.

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

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

А это уже дисплейный модуль iPhone X в разборе.

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

Apple заверяет, что калибрует свои дисплеи по стандарту DCI P3. Он разрабатывался специально для цифровых кинотеатров. Впервые Apple применила его в своих моноблоках iMac в 2015 году. Позднее стандарт дошел до MacBook Pro, iMac Pro, iPad Pro. В айфонах DCI P3 используется со времен iPhone 6s.

Как правильно оценить дисплей

Для объективной оценки качества дисплеев принято использовать сразу несколько показателей. Ключевыми из них принято считать: яркость, цветовую температуру, гамму и цветовую гамму.

Разберемся с каждым из них.

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

Для сравнения: средняя яркость дисплеев компьютеров составляет от 200 до 400 нит.

При тестировании обязательно отключается функция автоматической коррекции яркости.

Цветовая температура. Показатель, от которого зависит «характер» всей цветовой гаммы. Наверняка вам приходилось сталкиваться с «теплыми» и «холодными экранами». Первые передают цвета как бы сквозь желтоватый фильтр, вторые — сквозь синий.

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

На практике мало какие дисплеи калибруются ровно в 6500К. Допустимы незначительные отклонения. И качество дисплея как раз-таки и определяется подобным отклонением.

Гамма. При тестировании данной характеристики задача представителей лаборатории определить, насколько дисплей способен передавать различные цвета на максимальной яркости. Допустимое значение находится в диапазоне от 2.1 до 2.2 единиц.

Если значение выше 2.2 есть риск, что на дисплее появится рябь. Заниженное значение вызовет отсутствие контраста.

Цветовая гамма. Этот показатель позволяет выяснить, соответсвует ли заявленные компании-производителем смартфонов поддерживаемые стандарты действительности. Если на iPhone X написано «поддержка DCI P3, rec.2020 или sRGB, то он должен их поддерживать на 100%.

В противном случае пользователь столкнется с тем, что HDR-контент (а iPhone X и Xs Max поддерживают HDR-10) на дисплее iPhone Xs выглядит «как-то странно».

Сравниваем iPhone X, Xs и Xs Max

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

Немаловажен этот показатель и при воспроизведении HDR-видео. Больший запас яркости позволяет получить более живую и динамичную картинку.

Яркость

При тестировании трех айфонов с OLED-дисплеями удалось выяснить следующее:

• iPhone X: штатная яркость — 540 нит, яркость при воздействии яркого света — 669 нит
• iPhone Xs: 534 / 658 нит
• iPhone Xs Max: 547 / 677 нит.

Вердикт: По показателю максимальной яркости iPhone Xs Max уделывает и X, и Xs Max.. Нет, все три смартфона с отличными яркими дисплеями, но если вооружиться сверхточным оборудованием, ноо выяснится, флагман с 6,5-дюймовым дисплеем все-таки лучше.

Тестируем дальше.

Цветовая температура

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

За это отвечает цветовая температура. Напомним, что эталонное теоретическое значение составляет 6500К. При тестировании трех айфонов выяснилось следующее:

• iPhone X: 6 597К, отклонение от нормы +1,5%
• iPhone Xs: 6 442К, отклонение от нормы -0,9%
• iPhone Xs Max: 6 388К, отклонение от нормы -1,7%

Вердикт: Самый «холодный» дисплей у iPhone X. Самый «теплый» — у iPhone Xs Max. Наиболее близка к эталону цветовая температура iPhone Xs. Невооруженным же глазом все три смартфона показывают хорошо, без ощутимых перевесов в сторону желтого или синего цветов.

Гамма

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

Тестирование позволило определить следующие значения для OLED-смартфонов Apple:

• iPhone X: 2.13
• iPhone XS: 2.18
• iPhone XS Max: 2.21

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

Для сравнения, у Samsung Galaxy Note 9 значение гаммы составляет 2.04. А вот у флагманского OnePlus 6 гамма составляет 2.29, что делает картинку нарочито контрастной.

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

Цветовая гамма и точность передачи цветов

Apple любит акцентировать внимание на широком цветовом диапазоне, на который способны многие гаджеты компании. Но главное — не ширина этого диапазона (то есть количество цветов), а точность их передачи.

Согласитесь, если красная иконка выглядет на дисплее оранжевой или рыжей, это явно признак того, что с экраном что-то не так. Точно также белый может становиться серым, а синий — зеленоватым.

Используя формулу DeltaE2000, удалось выявить следующие значения погрешностей при сопоставлении цвета.

• iPhone X: показатель ошибки цвета 4.9 единицы
• iPhone Xs: 3.6
• iPhone Xs Max: 2.4

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

Вердикт: На предмет соответствия стандарту sRGB смартфонам iPhone Xs и Xs Max стоит отдать должное. Практически 100%. До стандарта DCI P3, по которому Apple якобы тестирует свои девайсы, оба смартфона немного не дотягивают. Впрочем, эта погрешность также минимальна.

Именно в данном тесте флагманам Apple серьезно проигрывает iPhone X. Особенно, если его сравнивать с iPhone Xs Max.

Так у какого айфона лучший дисплей?

Вплоть до тестирования цветовой гаммы и определения точности соответствия цветов iPhone X практически не отставал от своих старших братьев.

При просмотре HDR-видео iPhone Xs и Xs Max — явно обыгрывают iPhone X. Все дело в более точной цветовой передаче. Apple сумела добиться практически идеальных значений. В случае же с iPhone Xs Max его дисплей можно действительно можно назвать лучшим не только среди айфонов, но и на рынке в целом.

Но, опять-таки, следует учитывать возможности наших глаз. Они не безграничны. И в связи с этим дисплеи всех трех смартфонов будут восприниматься отлично. Лабораторные же исследования позволяют лишь успокоить себя любимого: «да, у меня iPhone Xs Max, и это смартфон с лучшей цветовой гаммой на рынке». Не более.

🤓 Хочешь больше? Подпишись на наш Telegramнаш Telegram. … и не забывай читать наш Facebook и Twitter 🍒 iPhones.ru Детальный взгляд через лабораторное оборудование.