Отзывчивый дизайн
Невозможно разработать стиль и дизайн сайта для каждого устройства. Поэтому для адаптивной вёрстки разработчики часто:
- Группируют стили по типичным размерам экранов для телефонов, планшетов и настольных версий компьютеров. В этом случае на экранах, размеры которых превышают 7 дюймов по диагонали, сайт отображается с разрешением стационарного компьютера.
- Используют контрольные точки. Они определяют ширину дисплея в пикселях. Это значение устройства корректируют в зависимости от размеров экранов.
Иногда разработчики комбинируют оба метода, если считают это необходимым. Мы рекомендуем начать с группировки стилей для типичных размеров устройств.
Если вы разработчик и хотите создать дизайн, удобный для работы с мобильными или адаптивными стилями, ниже мы предлагаем фрагменты кода CSS, которые могут пригодиться
Важно отметить, что эти контрольные точки не подходят для всех сайтов и должны использоваться только в качестве ориентировочного руководства для работы
/* Стили для десктопа — начало */
@media screen and (max-width: 991px) { /* стили для больших планшетов — начало */
}
@media screen and (max-width: 767px) { /* стили для средних планшетов — начало */
}
@media screen and (max-width: 479px) { /* стили для телефонов — начало */
}
ЭКРАН СМАРТФОНА
В подавляющем большинстве случаев, смартфоны оснащаются сенсорным экраном
Экран смартфонов имеет множество важных параметров на которые нужно обратить внимание
Размер смартфона
Диагональ экрана смартфонов может варьироваться от 3 до 6.5 дюймов. Три дюйма это очень маленький экран, такие экраны почти потеряли свою популярность. Шесть дюймов, наоборот — большой и внушительный по размеру экран. Наиболее же востребованны смартфоны с диагональю экрана от 5 до 6 дюмов. Подбор данного параметра очень индивидуален и зависит от потребностей и удобства пользователя. Так, если планируется использовать смартфон преимущественно для звонков и сообщений, с небольшим временем просмотра информации на экране или для ребёнка младшего возраста, то маленький экран в 4 — 4.5″ дюйма можно иметь ввиду. Но, если планируется просматривать информацию на экране, читать книги, иметь регулярное общение в мессенджерах, смотреть видео, использовать интернет, навигацию и т.п, то стоит рассмотреть диагональ не менее 5 дюймов. Экран смартфонов диагональю свыше пяти дюймов влияет на увеличение габаритов телефона. Однако, за счёт тенденций уменьшения рамок смартфона и толщины, телефоны последнего поколения с диагональю 6 имеют такой же размер, как более ранние модели 5.2-5.5 дюймов, но при этом имеют увеличенную площадь экрана, что несомненно удобно большинству потребителей.
На стоимость смартфона непосредственное влияние оказывает параметр – разрешение экрана. Разрешение экрана характеризуется количеством пикселей (точек) на единицу площади. Наиболее часто встречаются следующие показатели:480х800720х12801080х19201080х2160 Если экран телефона невелик — до 4 дюймов и смартфон планируется использовать преимущественно для звонов, то, можно рассматривать к покупке смартфоны с невысоким разрешением экрана до 480*800 пикселей. Обычно смартфоны с разрешением 320*480 — 480*800 относятся к бюджетной категории и продаются по низкой цене. Но, если есть потребность использовать разнообразные возможности смартфона, пользоваться фотокамерой, медиа, приложениями, выходить в интернет, то стоит рассмотреть смартфоны с более высоким разрешением экрана от 720*1280 и выше. Чем выше разрешение экрана смартфона, тем насыщеннее и чётче картинка на дисплее телефона. Смартфоны с разрешением экрана в 720*1280, 1080*1920, 1080*2160 и выше, дают лучшее по качеству отображение.
Тип экрана
Существуют различные технологии создания экранов. Возможно применение экранов, сделанных по стандартным технологиям и экранов имеющих свои особенности.TFT
экран – экран, применяемый в бюджетных смартфонах с невысоким разрешением экрана;IPS экран – представляет собой высококачественную жидкокристалическую матрицу, отличается качественной цветопередачей и хорошим углом обзора. Он активно используется в смартфонах высокого и среднего класса;Retina — позиционируется как сверхчёткий экран, применяется в устройствах Apple;Amoled экран – характеризуется технологией изготовления с применением светодиодов, отличается повышенной яркостью и прекрасной передачей насыщенного чёрного цвета
Стёкла экранов
Дисплеи смартфонов покрываются стандартными минеральными стёклами или стёклами, с повышенной прочностью. Высокая себестоимость экранов с повышенной прочностью не позволяет использовать их в бюджетных смартфонах. Наиболее распространённая мотивация к их применению подобных экранов – устойчивость к царапинам. Но, есть важная оговорка — обычный песок имеет большую твёрдость, поэтому может оставлять царапины на таком экране.Популярные стёкла:
— стандартное минеральное стекло — защищённое стекло Gorilla Glass (компания Corning) — защищённое стекло Dragontrail (компания Asahi Glass Company) — сапфировые защитные стёкла (корпорация GT Advanced Technologies)
К дополнительным характеристикам экранов можно отнести технологию OGS (one glass solution). При её применении, за счёт отсутствия прослойки между сенсорным и жидкокристаллическим слоями, экран имеет повышенную яркость и больший угол обзора.
4K, или Ultra HD
Как и в случае с 2К, название 4K происходит от большего значения разрешения. Но на самом деле тут не 4000, а 3840 пикселей. Таким образом, хотя эти два термина взаимозаменяемые, на самом деле они означают немного разное.
Ultra HD – это разрешение 3860 х 2160 пикселей, а 4K – 4096 х 2160 пикселей. Часто оба этих варианта сокращают до 2160p. Разница в количестве пикселей небольшая, но она есть. Одним из первых смартфонов с экраном 4К был Xperia Z5 Premium от Sony, где разрешение Ultra HD на экране с диагональю 5,5 дюйма.
Sony называет это 4К, но на самом деле это Ultra HD. Плотность пикселей Sony Z5 Premium 806 ppi, намного больше любого другого смартфона и намного больше, чем необходимо большинству пользователей.
Размер экрана, разрешение и область просмотра: что это значит?
Зачем используется адаптивная вёрстка? Когда вы покупаете устройство, в спецификации вы можете наблюдать такие параметры как размер экрана и его разрешение. Размер экрана — это показатель длины его диагонали в дюймах. Не следует путать его с разрешением дисплея. Этот параметр показывает количество пикселей на экране. Часто он отображается, как количество пикселей по экранной ширине и высоте (например, 1024 × 768).
Устройства с одинаковыми размерами экранов могут иметь разные разрешения. Поэтому разработчики используют окна просмотра при создании страниц, удобных для мобильных устройств. Окна просмотра — это уменьшенные версии, которые позволяют последовательно просматривать сайты на всех устройствах. Окна просмотра часто стандартизированы для меньших размеров разрешения.
Дисплеи настольных компьютеров и ноутбуков всегда находятся в горизонтальной ориентации (ширина больше, чем высота). Мобильные устройства можно поворачивать, чтобы показывать веб-сайты как в альбомной, так и в портретной (высота больше, чем ширина) ориентациях. Это означает, что дизайнеры и разработчики должны учитывать не только размеры экранов для адаптивной верстки, но и эти различия.
Нужна помощь в определении того, удобен ли ваш сайт для просмотра на разных мобильных устройствах? Воспользуйтесь нашим сервисом .
Super AMOLED
Технология Super AMOLED, разработанная и запатентованная компанией Samsung, является, по сути дела, той же самой AMOLED. Все изменения касаются устранения из многослойной структуры AMOLED-матрицы одного слоя стекла и размещения сенсорных элементов прямо на экране. Samsung утверждает, что применение данной технологии позволяет в 5 раз увеличить чёткость, яркость и цветовую насыщенность картинки, отображаемой на экране смартфона. Кроме того, экраны Super AMOLED стали ещё тоньше. Дополнительные модификации технологии Super AMOLED, Super AMOLED Plus, и HD Super AMOLED отличаются от базовой технологии только количеством использованных субпикселей.
ОПЕРАЦИОННАЯ СИСТЕМА В СМАРТФОНЕ
Любой смартфон работает на той или иной операционной системе. Операционная система (ОС) – это комплекс связанных между собою программ, которые предназначены непосредственно для работы и управления смартфонов. Наличие таких ОС даёт иметь мобильному телефону возможности карманного персонального компьютера (КПК). В России существуют три самые распространённые операционные системы для смартфонов: ОС Android, ОС IOS и ОС Windows.ОС Android
Операционная система Андроид является самой популярной и востребованной. На этой системе работает большинство производимых смартфонов в мире. Для ОС Android пишется множество программ. Android считается довольно простой, удобной и привычной многим пользователям операционной системой. Существует магазин приложений для Андроид – Play Маркет. Это приложение изначально установлено на всех смартфонах этой ОС. Множество популярных программ возможно скачать совершенно бесплатно. Часть контента предоставляется на платной основе.
ОС IOS
Операционная система IOS используется исключительно в смартфонах Apple. Все телефоны Apple работают только на этой системе. Она отличается понятным интерфейсом и удобством передачи данных между устройствами бренда Apple. Под неё пишется много дополнительных программ, позволяющих добавлять смартфону новые возможности. Программ для ОС IOS меньше, чем для Android, но, в целом, их количество очень большое. Существует приложение App Store, установленное на всех устройствах Apple, являющееся магазином, в котором можно приобрести нужную программу. Часть из этих программ возможно приобрести и загрузить на свой смартфон бесплатно.
ОС WINDOWS
Смартфоны на операционной системе Windows были достаточно востребованны несколько лет назад, но в последние годы эта ОС потеряла былую популярность, её использует редко. Меню управления во многом схоже с домашними компьютерами на ОС Windows. Для данной ОС тоже существует предустановленный магазин приложений. Количество программ в нём значительно меньше, чем в предыдущих ОС.
TFT
TFT-экраны, или экраны на тонкопленочных транзисторах, представляют собой усовершенствованный тип LCD-дисплея с активной матрицей, которая управляется данными транзисторами. Такие экраны отличаются большей контрастностью и высоким быстродействием. Каждый встроенный прямо в матрицу транзистор управляет единственным пикселем изображения, что намного уменьшает вероятность перекрёстных помех между ячейками и улучшает общую чёткость картинки на экране. Цветные TFT-дисплеи в основном используются в телефонах бюджетного уровня, однако они обеспечивают более качественное изображение по сравнению с пассивными LCD-экранами.
что это такое, как узнать размер дисплея, оптимальные значения для смартфонов
Изучая параметры смартфона в сервисе Яндекс.Маркет или на сайте 4pda.ru, в разделе «Экран» пользователь видит строку «Разрешение» и 2 перемноженных числа. Эта статья расскажет о том, что такое разрешение экрана в смартфоне, зачем оно нужно, каким бывает на разных устройствах, а также о том, можно ли изменить этот параметр.
Что такое разрешение экрана и зачем нужно
Эта величина показывает сколько пикселей может поместиться на экране.
Чем больше значение, тем лучше будет отображаться изображение – не будет зернистости (как на кнопочных телефонах), буквы будут аккуратными, без «зазубрин», а в рабочем пространстве поместится больше элементов. Поэтому рекомендуется покупать устройства с разрешением не ниже 1280х720.
Разрешение экранов популярных устройств
В зависимости от производителя, оно может меняться. Компании, выпускающие смартфоны с ОС Android используют стандартные значения:
- 720х1280 – для бюджетных смартфонов;
- 1080х1920 – для смартфонов средней ценовой категории;
- 2560×1440 – флагманские модели.
У смартфонов компании Apple собственные стандарты для разрешений.
Для устройств Apple
У устройств фирмы Apple есть свои стандарты для разрешений
Модель iPhone | Диагональ, дюйм | Разрешение, пиксели |
4,4S | 3,5 | 640×960 |
5, 5C, 5S | 4 | 640×1136 |
6, 6S | 4.7 | 750×1334 |
6+, 6S+ | 5.5 | 1080×1920 |
7, 8 | 4.7 | 750×1334 |
7+, 8+ | 5.5 | 1080×1920 |
X | 5.8 | 1125×2436 |
SE | 4 | 640×1136 |
Для устройств Android
Стандарты разрешений для устройств на базе Android
Модель | Диагональ, дюйм | Разрешение | |
ASUS | |||
Zenfone 2 Lazer ZE500KL | 4,99 | 720×1280 | |
Zenfone 4 A450CG | 4,4 | 480×800 | |
HTC | |||
Desire 600 | 4.45 | 540×960 | |
Desire C | 3.52 | 320×480 | |
Desire SV | 4.31 | 480×800 | |
Desire V | 4,1 | ||
Desire X | 4,1 | ||
One | 4.8 | 1080×1920 | |
One 32Gb | 4.6 | ||
One S , | 4.2 | 540×960 | |
One SV | 4.2 | 480×800 | |
One X, X+ | 4.8 | 720×1280 | |
Windows Phone 8s | 4.1 | 480×800 | |
Windows Phone 8x | 4.2 | 720×1280 | |
Huawei | |||
Ascend G630 | 5,1 | 720×1280 | |
Honor 5X | 5.4 | 1080×1920 | |
Honor 6, 7 | 5.1 | 1080×1920 | |
Lenovo | |||
IdeaPhone P770 | 4.6 | 540×960 | |
IdeaPhone S720 | |||
K900 | 5.4 | 1080×1920 | |
P70, S60 | 5.1 | 720×1280 | |
Vibe Shot | 5.2 | 1080×1920 | |
LG | |||
G2 | 5.2 | 1080×1920 | |
Nexus 4 | 4.8 | 768×1280 | |
Nexus 5 | 4.97 | 1080×1920 | |
Optimus 4X HD | 4.71 | 720×1280 | |
Optimus G | 4.71 | 768×1280 | |
Otimus G Pro | 5.51 | 1080×1920 | |
Optimus L5 | 4,1 | 320×480 | |
Optimus L5 II Dual | 4,1 | 480×800 | |
Optimus L7 II Dual | 4.4 | ||
Optimus L7 | 4.4 | ||
Optimus L9 | 4.6 | 540×960 | |
Samsung | |||
Activ S | 4.75 | 720×1280 | |
Galaxy A5 | 5,1 | 720×1280 | |
Galaxy A5 2016 | 5.1 | 1080×1920 | |
Galaxy Mega 6.3 | 6.4 | 720×1280 | |
Galaxy Nexus | 4.7 | 720×1280 | |
Galaxy Note | 5.4 | 800×1280 | |
Galaxy Note 2 | 5.6 | 720×1280 | |
Galaxy S Duos | 4,1 | 480×800 | |
Galaxy S2, S2+ | 4.4 | 480×800 | |
Galaxy S3 | 4.7 | 720×1280 | |
Galaxy S3 Mini | 4,1 | 480×800 | |
Galaxy S4 | 5,1 | 1080×1920 | |
Galaxy S4 Mini | 4,2 | 540×960 | |
Galaxy S4 Mini, S4 Zoom | 4.1 | 540×960 | |
Galaxy S5 | 5.2 | 1080×1920 | |
Galaxy S6 | 5.2 | 1440×2560 | |
Galaxy Win | 4.6 | 480×800 | |
Sony Xperia | |||
Acro S | 4.35 | 720×1280 | |
E Dual, Go | 3.51 | 320×480 | |
Ion | 4.56 | 720×1280 | |
J | 4,1 | 480×854 | |
L | 4.35 | ||
Miro | 3.6 | 320×480 | |
P | 4,1 | 540×960 | |
S | 4.4 | 720×1280 | |
Sola | 3.75 | 480×854 | |
SP | 4.62 | 720×1280 | |
Tipo | 3.21 | 320×480 | |
TX | 4.57 | 720×1280 | |
V | 4.33 | ||
Z, Z1 | 5,05 | 1080×1920 | |
Z1 Compact | 4.33 | 720×1280 | |
Z2 | 5.24 | 1080×1920 | |
ZL | 5,1 | ||
ZR LTE | 4.52 | 720×1280 | |
Xiaomi Redmi | |||
3, 3S | 5 | 720×1280 | |
4, 4А, 4X, 5А | 5 | 720×1280 | |
4 Pro | 5 | 1080х1920 | |
5 | 5,7 | 720х1440 | |
6, 6А, 7А | 5,45 | ||
5+ | 5,99 | 1080х2160 | |
6 Pro | 5,84 | 1080×2280 | |
7 | 6,3 | 720х1520 | |
Go | 5 | 720х1080 | |
S2 | 5,99 | 720х1440 | |
K20 Pro | 6,39 | 1080×2340 | |
Y3 | 6,25 | 720×1560 | |
Xiaomi Redmi Note | |||
2, 3, 4, 5A Prime | 5,5 | 1080×1920 | |
5 | 5,99 | 1080х2160 | |
6 Pro | 6,25 | 1080×2280 | |
7, 7 Pro | 6,3 | 1080×2340 | |
8 | 6,4 | ||
8 Pro | 6,53 | ||
Xiaomi Mi | |||
4 | 5 | 1080х1920 | |
5, 5S, 6 | 5,15 | ||
6+ | 5,7 | ||
5X | 5,5 | ||
7 | 5,65 | 1080×2160 | |
7+ | 6 | ||
8, 8 Pro | 6,2 | 1080×2248 | |
8 Lite | 6,25 | 1080×2280 | |
9 | Т, Lite, Pro, T Pro, Explorer | 6,39 | 1080х2340 |
SE | 5,98 | ||
A1 | 5,5 | 1080×1920 | |
A2, Mix 2 | 5,99 | 1080х2160 | |
A2 Lite | 5,84 | 1080×2280 | |
A3, Mix 3 | 6,4 | 1080×2340 | |
A3 Lite | 6 | 720×1560 | |
Play | 5,85 | 1080×2280 | |
Max | 6,9 | 1080 x 2160 |
Как узнать разрешение экрана на телефоне
Способов существует 3:
- Открыть Яндекс.Маркет, ввести название модели в поисковую строку, выбрать подходящее устройство и перейти в подраздел «Характеристики».
- Ввести в поисковой системе запрос вида «Модель_телефона характеристики».
- Открыть «Настройки» на смартфоне и перейти в подраздел «О телефоне».
Можно ли изменить разрешение
Изменить значение разрешения как на компьютере нельзя, но можно изменить плотность пикселей на квадратный дюйм (ppi).
Для процедуры потребуются: рут-права, файловый менеджер Root Explorer и текстовый редактор. Порядок действий следующий:
- Запустить Root Explorer и в папке System (раздел root) найти файл prop.
- Открыть документ в текстовом редакторе и найти строчку ro.sf.lcd_density.
- Увеличить значение на 10 и сохранить изменения.
- Перезагрузить смартфон.
- Повторять шаги № 3 и 4 до тех пор, пока качество изображения не станет приемлемым.
Подводя итог, можно сказать, что разрешение это важная характеристика дисплея. От нее зависит комфорт от пользования устройством, качество воспроизводимого видео и графики в играх.
Как определить разрешение с помощью CSS
Определить ширину экрана, положение и соотношение сторон с помощью media-запросов, которые появились в CSS3.
Минус данного способа, в том, что код инициирует три отдельных http-запроса. Подобных запросов должно быть как можно меньше, иначе это отразится на скорости загрузки страницы.
Чтобы сократить количество запросов, можно использовать один файл таблиц стилей.
/* Устройства с экранами от 480px до 1024px */ @media screen and (min-width:481px) and (max-width:1024px) { /* Стили для данного устройства */ } /* Устройства с шириной экрана 480px и ниже */ @media screen and (max-width:480px) { /* Стили для данного устройства */ }
Дисплеи будущего
Смартфоны постепенно “подбираются”к разрешению экрана в 4К. Мониторы и телевизоры могут добраться до уровня 8K (7680×4320). В этом году был представлен смартфон RED Hydrogen One с голографическим экраном. Разрешение здесь 2К, но контент формата “4V” может оказаться революционным.
Micro LED. Это новая технология, которая пока находится в зачаточном состоянии. Но у неё есть потенциал, чтобы в будущем стать повсеместно распространённой. Экраны Micro LED работают как OLED, но при этом они тоньше. Они состоят из неорганических полупроводников, вроде нитрита галлия. Здесь также есть светоизлучающие диоды, меньше по сравнению с диодами в панелях OLED.
Подсветка на Micro LED не нужна, как и поляризационный фильтр. Стеклянный слой над панелью можно сделать тоньше. Яркость на единицу мощности, которая показывает эффективность дисплеев, лучше по сравнению с панелями OLED и LCD. При одинаковой яркости экран Micro LED расходует в 2 раза меньше энергии по сравнению с OLED и зачастую даже ещё меньше. Очень маленькие диоды позволяют увеличить разрешение на одинаковой поверхности. С такими экранами можно создавать смарт-часы с разрешением 4K. Micro LED не подвержены выгоранию, как панели OLED.
Главным недостатком Micro LED в данный момент является цена. Производство сложное, процент брака высокий. Наверняка пока даже нет производственных линий для Micro LED. Всё это не способствует снижению цены. Специалисты ожидают, что первые пользовательские продукты с такими экранами появятся в 2019 и 2020 годах. Apple вкладывается в развитие этой технологии с 2014 года. Возможно, часы Apple Watch станут первыми.
Какой тип экрана лучше?
Как видим, разные типы экранов могут применяться разными производителями. AMOLED не всегда означает Samsung, а Retina не всегда означает Apple, хотя другие компании не пользуются этим термином. Экраны IPS LCD для iPhone производит LG, а Samsung – для iPad. Не все устройства Samsung обладают панелями AMOLED. Дело не в том, какой экран лучше в абсолютном отношении. У каждого есть плюсы и минусы, и нужно учитывать их стоимость.
Надо обращать внимание не только на технические характеристики при сравнении экранов двух смартфонов, но на качество изображения (передача цветов, яркость, вид на солнце на улице). Невозможно оценить два экрана на бумаге
Нужно собственными глазами увидеть цвета, насыщенность, яркость и контраст, углы обзора и т.д.
Также нужно принимать во внимание собственный сценарий применения устройства. Если вы смотрите на экран на диване по ночам и весь день сидите за монитором компьютера, хорошая “видимость” панели LCD для вас не слишком важна
Если же вы часто бываете на свежем воздухе, LCD подойдет лучше.
Если вы желаете получить максимально высокую продолжительность работы, самые сочные цвета и лучший контраст, экраны AMOLED – это ваш выбор.
Самые популярные разрешения экрана
Зная, что при разработке веб-сайтов важно учитывать возможности разных устройств, мы составили список самых современных из них. В нём отражаются и разрешения экранов и показатели окон просмотра
Устройства Apple
Разрешение дисплея | Viewport | |
iPhone | ||
iPhone XR | 828 x 1792 | 414 x 896 |
iPhone XS | 1125 x 2436 | 375 x 812 |
iPhone XS Max | 1242 x 2688 | 414 x 896 |
iPhone X | 1125 x 2436 | 375 x 812 |
iPhone 8 Plus | 1080 x 1920 | 414 x 736 |
iPhone 8 | 750 x 1334 | 375 x 667 |
iPhone 7 Plus | 1080 x 1920 | 414 x 736 |
iPhone 7 | 750 x 1334 | 375 x 667 |
iPhone 6 Plus/6S Plus | 1080 x 1920 | 414 x 736 |
iPhone 6/6S | 750 x 1334 | 375 x 667 |
iPhone 5 | 640 x 1136 | 320 x 568 |
iPod | ||
iPod Touch | 640 x 1136 | 320 x 568 |
iPad | ||
iPad Pro | 2048 x 2732 | 1024 x 1366 |
iPad 3 и 4-го поколения | 1536 x 2048 | 768 x 1024 |
iPad Air 1 и 2 | 1536 x 2048 | 768 x 1024 |
iPad Mini 2 и 3 | 1536 x 2048 | 768 x 1024 |
iPad Mini | 768 x 1024 | 768 x 1024 |
Устройства Android
Разрешение дисплея | Viewport | |
Телефон | ||
Nexus 6P | 1440 x 2560 | 412 x 732 |
Nexus 5X | 1080 x 1920 | 412 x 732 |
Google Pixel 3 XL | 1440 x 2960 | 412 x 847 |
Google Pixel 3 | 1080 x 2160 | 412 x 824 |
Google Pixel 2 XL | 1440 x 2560 | 412 x 732 |
Google Pixel XL | 1440 x 2560 | 412 x 732 |
Google Pixel | 1080 x 1920 | 412 x 732 |
Samsung Galaxy Note 9 | 1440 x 2960 | 360 x 740 |
Samsung Galaxy Note 5 | 1440 x 2560 | 480 x 853 |
LG G5 | 1440 x 2560 | 480 x 853 |
One Plus 3 | 1080 x 1920 | 480 x 853 |
Samsung Galaxy S9+ | 1440 x 2960 | 360 x 740 |
Samsung Galaxy S9 | 1440 x 2960 | 360 x 740 |
Samsung Galaxy S8+ | 1440 x 2960 | 360 x 740 |
Samsung Galaxy S8 | 1440 x 2960 | 360 x 740 |
Samsung Galaxy S7 Edge | 1440 x 2560 | 360 x 640 |
Samsung Galaxy S7 | 1440 x 2560 | 360 x 640 |
Планшеты | ||
Nexus 9 | 1536 x 2048 | 768 x 1024 |
Nexus 7 (2013) | 1200 x 1920 | 600 x 960 |
Samsung Galaxy Tab 10 | 800 x 1280 | 800 x 1280 |
Chromebook Pixel | 2560 x 1700 | 1280 x 850 |
Узнать стоимость адаптации вашего сайта можете тут → или в форме ниже
Выбор диагонали и разрешения
Диагональ и разрешение для экрана важны, и эти два параметра всегда стоят рядом. Можно утверждать, что в какой-то степени от одного зависит другое.
Выбор диагонали
Измеряется диагональ в дюймах. Один дюйм равняется 2,54 см, то есть пятидюймовый экран равняется 12,7 см. Правильно измерять диагональ экрана исключительно по матрице из одного угла в противоположный без захвата рамки. Рамка не влияет на диагональ, именно поэтому в описании можно увидеть параметр – физический размер, и он измеряется в сантиметрах. Соответственно, чтобы узнать диагональ экрана, достаточно померять в см расстояние от одного угла у другому, а затем разделить это число на 2,54.
Сложно ответить на вопрос, какой оптимальный размер экрана. Современные смартфоны предлагают пользователям варианты от 3,5 до 7 дюймов. Выбрать лучший здесь нельзя, все зависит от предпочтений владельца, а также модели использования.
- Покупателю, который занимается физическим трудом, а смартфон использует исключительно для звонков, больше подойдет небольшое устройство, так как вероятность его повреждения минимальна.
- Для работы и постоянного пользования интернетом удобнее взять средний вариант от 5 до 5,7 дюймов. Он удобен для работы одной рукой и отлично помешается в кармане.
- Для тех, кто на девайсе рисует, играет, смотрит фильмы, читает или проводит презентации, отличным вариантом станет устройство от 5,7 дюймов и более. Такие телефоны неудобно носить в кармане и работать с ними одной рукой, зато размер дисплея позволит рассмотреть мельчайшие детали на изображение.
Иными словами, при выборе устройства необходимо понять, какие задачи он будет выполнять, а также попробовать устройство по эргономике.
Разрешение
Если выбрать диагональ достаточно сложно, то с разрешением все немного проще. Понятие разрешение – это соотношение количества пикселей на единицу площади. Чем это соотношение выше, тем более четкая и точная картинка. Стоит понимать, что одинаковое разрешение будет по-разному смотреться на разных по размеру экранах смартфонов. Ведь одно количество пикселей на большей диагонали делает их плотность меньше, а значит, картинка становится зернистой. При выборе и сравнении устройств этот момент необходимо учитывать. Можно вообще принять за правило такую зависимость: большой диагонали – большое разрешение.
Сегодня нет определенных правил для разрешения телефона в зависимости от диагонали, но можно выделить наиболее популярные:
- 840*480 точек – до 4,5 дюймов;
- 1280*720 (HD) – от 4,5 до 5 дюймов;
- 1920*1080 (FHD) – от 5 дюймов и выше.
Кроме того, в дорогих устройствах с большими диагоналями встречаются и более высокое разрешение, например, QHD – 1440*2560 точек. Это один из самых высоких вариантов соотношения точек на площадь, и сегодня для дорогого смартфона иметь меньшее разрешение считается минусом. При этом не стоит переплачивать за такое разрешение на маленькой матрице, разница на диагонали 5,5 дюймов между разрешениями FHD и QHD видна не будет.
Почему так важен размер экрана?
От него зависят габариты устройства. Но при этом девайс, даже имея большой экран, может иметь небольшую толщину. В этом плане рекордсменом считается Vivo X5 Max, имеющий толщину 4,75 мм. Кроме того от величины экрана в прямой зависимости находится ширина корпуса. Фаблет позволяет со всеми удобствами просматривать фильмы, осуществлять наборы текста и серфинговать на просторах интернета.
И всё это при меньших, относительно планшета размерах. И к тому же он всегда в пределах досягаемости. Так думают и пользователи. Об этом говорит падение спроса на iPad после того, как был презентован первый планшет Apple. Оно составило 13% по результатам 4-го квартала 2014 года.
Есть ли у фаблетов минусы? Конечно. Их появление сделало невозможным одноручное управление смартфонном. Большому пальцу не удаётся достать все зоны экрана, если не выполнять перехват. А значит, создаются неудобства для пользования на ходу. И избавиться от этого неудобства можно только уменьшением полезной площади экрана.
В iOS есть возможность сдвинуть вниз интерфейс. Для этого выполняется двойной клик на Home — кнопки, на которой изображён логотип, принадлежащий системе. Благодаря особенностям некоторых ОС Android есть возможность одним жестом выполнить включение управление посредством руки.
От размера, который имеется у экрана, в прямой зависимости находится выбор смартфона. Предложение определяется трендом. Именно по этой причине в текущем году пользователи с непониманием воспринимают флагманские смартфоны, чей экран меньше 5,2 дюйма. В качестве исключения можно назвать iPhone и устройства, относящиеся к семейству Sony Xperia Z Compact. По некоторым сведениям компании планируют представлять модели, размер экрана которого будет равен 5 дюймам, и процессором А8.
Немалое значение уделяется соотношению между габаритами дисплея и величиной корпуса гаджета (screen-to-body ratio). Обладая диагональю в 5,7 дюйма, Xiaomi Mi Note имеет меньшие размеры, чем iPhone 6s Plus. Использование узких рамок, окаймляющих дисплей, является одной из самых популярных тенденций. Когда речь идёт о вопросах, связанных с конструированием смартфонов в предыдущем году. И дело тут исключительно в эстетике.
Пиксели в дисплее смартфона
Пиксели не используются для определения физического размера монитора. Ими отображается размер изображения, располагающегося на нём. Говоря о разрешении, имеют в виду количество точек располагающихся как по горизонтали, так и по вертикали. Этот показатель вкупе с диагональю, измеряемой в дюймах, используется для расчёта плотности пикселей. Высокий показатель гарантирует более чёткую картинку.
Для пользователя, держащего девайс не ближе 30 см от глаз, сложно сконцентрироваться на отдельных точках, если ppi превышает отметку 300. Ещё в 20110 году такая плотность имелась только на Apple, изготовленных по технологии Retina. Однако уже в сегодняшних реалиях даже китайские фаблеты, относящиеся к среднему классу оборудованы экранами FullHD (1920 на 1080 пикселей).
Пятидюймовые смартфоны вполне могут иметь разрешение HD (1280 на 720 точек). Некоторыми производителями устанавливаются на выпускаемые смартфоны дисплеи, имеющие разрешение 2К (2560 на 1440) и 4К (3840 на 2160). Однако пользу от подобных инноваций можно увидеть только при ознакомлении с VR контентом.