{"id":301173,"date":"2020-04-02T15:00:36","date_gmt":"2020-04-02T15:00:36","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=301173"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=301173","title":{"rendered":"32 \u043e\u0442\u043b\u0438\u0447\u0438\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u0434 iOS \u0438 Android"},"content":{"rendered":"\n<div class=\"post__text post__text-html post__text_v1\" id=\"post-content-body\" data-io-article-url=\"https:\/\/habr.com\/ru\/company\/redmadrobot\/blog\/491674\/\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/ff5\/ea9\/bcb\/ff5ea9bcbac778c1a8a55d4df7d50f3f.jpg\" alt=\"image\"><\/p>\n<p>  \u0416\u0435\u043b\u0435\u0437\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0438\u0437 Redmadrobot Design Lab \u0410\u0440\u0442\u0443\u0440 \u0410\u0431\u0440\u0430\u0440\u043e\u0432 \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f\u043c\u0438.<\/p>\n<p>  \u0410\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d \u043f\u043e\u0434 \u0434\u0440\u0443\u0433\u0443\u044e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443 \u2014 \u043d\u0435\u043e\u0442\u044a\u0435\u043c\u043b\u0435\u043c\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u0426\u0435\u043b\u044c \u044d\u0442\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u2014 \u043e\u0440\u0433\u0430\u043d\u0438\u0447\u043d\u043e \u0432\u043f\u0438\u0441\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d \u0432 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u044b \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u041a \u0442\u043e\u043c\u0443 \u0436\u0435, \u043f\u0440\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u0430\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0437\u0430 \u0441\u0447\u0451\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.<\/p>\n<p>  \u0427\u0442\u043e\u0431\u044b \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u044b \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c: <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/\">Human Interface Guidelines<\/a> (HIG) \u0443 iOS \u0438 <a href=\"https:\/\/material.io\/\">Material Design<\/a> \u0443 Android. \u0418 \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c\u0438, \u0432 \u0438\u0434\u0435\u0430\u043b\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0438\u0445 \u043a \u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u043c\u043e\u0433\u043b\u0438 \u0441\u0440\u0430\u0437\u0443 \u0437\u0430\u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f.<\/p>\n<p>  \u041d\u043e \u0432 \u0447\u0451\u043c \u0438\u043c\u0435\u043d\u043d\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u0434\u0438\u0437\u0430\u0439\u043d \u043f\u043e\u0434 iOS \u043e\u0442 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043f\u043e\u0434 Android? \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0437\u0431\u0435\u0440\u0443 32 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u043e\u0442\u043b\u0438\u0447\u0438\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043f\u043e\u0434 iOS \u0438 Android. \u041e\u043d\u0438 \u043f\u043e\u0434\u0435\u043b\u0435\u043d\u044b \u043d\u0430 \u0447\u0435\u0442\u044b\u0440\u0435 \u0433\u0440\u0443\u043f\u043f\u044b:<\/p>\n<ol>\n<li>\u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f.<\/li>\n<li>\u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u0430\u0445 (UX).<\/li>\n<li>\u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 (UI).<\/li>\n<li>\u041f\u0440\u043e\u0447\u0438\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f.<\/li>\n<\/ol>\n<p>  \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 iOS \u0431\u0443\u0434\u0443\u0442 \u0441\u043b\u0435\u0432\u0430, \u0430 Android \u2014 \u0441\u043f\u0440\u0430\u0432\u0430 \u0438\u043b\u0438 \u0441\u0432\u0435\u0440\u0445\u0443\/\u0441\u043d\u0438\u0437\u0443.<\/p>\n<h2>\u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f<\/h2>\n<p>  <\/p>\n<h3>Human Interface Guidelines vs Material Design<\/h3>\n<p>  \u041f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u0432\u0437\u044f\u0442\u044b \u0438\u0437 \u0430\u043d\u0430\u043b\u0438\u0437\u0430 \u044d\u0442\u0438\u0445 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u043e\u0432. \u0418\u0445 \u0441\u0443\u0442\u044c \u043d\u0430 \u0438\u0434\u0435\u0439\u043d\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f. HIG \u2014 \u044d\u0442\u043e \u043f\u0440\u043e \u043f\u043b\u043e\u0441\u043a\u0438\u0439, \u043b\u0451\u0433\u043a\u0438\u0439, \u0434\u0440\u0443\u0436\u0435\u043b\u044e\u0431\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d, \u043f\u0440\u0438\u0448\u0451\u043b \u043e\u043d \u0438\u0437 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e\u0433\u043e \u043e\u0442\u043a\u0430\u0437\u0430 \u043e\u0442 <a href=\"https:\/\/ru.wikipedia.org\/wiki\/%D0%A1%D0%BA%D0%B5%D0%B2%D0%BE%D0%BC%D0%BE%D1%80%D1%84%D0%B8%D0%B7%D0%BC\">\u0441\u043a\u0435\u0432\u043e\u043c\u043e\u0440\u0444\u0438\u0437\u043c\u0430<\/a>.<\/p>\n<p>  Material \u0436\u0435 \u0438\u043c\u0435\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u043d\u043e\u0432\u043e\u043f\u043e\u043b\u0430\u0433\u0430\u044e\u0449\u0438\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432: \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u043a\u0430\u043a \u043c\u0435\u0442\u0430\u0444\u043e\u0440\u0430; \u0441\u043c\u0435\u043b\u044b\u0439, \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439, \u0441\u043e\u0437\u043d\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439; \u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u0430\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f; \u0433\u0438\u0431\u043a\u0430\u044f \u043e\u0441\u043d\u043e\u0432\u0430 \u0438 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e\u0441\u0442\u044c. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0437\u043d\u0430\u043a\u043e\u043c\u044b \u0441 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u0430\u043c\u0438, \u043b\u0443\u0447\u0448\u0435 \u0438\u0445 \u043f\u0440\u043e\u0447\u0435\u0441\u0442\u044c \u0434\u043e \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u0435\u0441\u044c \u0441\u043e \u0441\u0442\u0430\u0442\u044c\u0451\u0439.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/wb\/-e\/51\/wb-e51jgoimhyd1auz1e-iyw1wa.png\" alt=\"image\"><\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/zr\/ym\/td\/zrymtdkrlcrz5iqzx28r1va9-t0.png\" alt=\"image\"><br \/>  <a name=\"habracut\"><\/a>  <\/p>\n<h3>2. \u0415\u0434\u0438\u043d\u0438\u0446\u044b \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u044f: pt vs dp<\/h3>\n<p>  \u0414\u0438\u0437\u0430\u0439\u043d iOS-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0441\u044f \u0432 <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/icons-and-images\/image-size-and-resolution\/\">pt<\/a>, \u0430 Android-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u2014 \u0432 <a href=\"https:\/\/material.io\/design\/layout\/pixel-density.html\">dp<\/a>. \u041c\u044b, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u0434\u0438\u0437\u0430\u0439\u043d \u0432 1x (\u0438\u043b\u0438 mdpi) \u0438 \u0432\u044b\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u0432 Zeplin. Zeplin \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0434\u043b\u044f iOS \u0434\u0438\u0437\u0430\u0439\u043d \u0432 pt \u0438 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0438\u043a\u043e\u043d\u043a\u0438 \u0438 \u0438\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0432 2\u0445 \u0438 3\u0445. \u041f\u043e\u0434 Android \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0434\u0438\u0437\u0430\u0439\u043d \u0432 dp \u0438 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0433\u0440\u0430\u0444\u0438\u043a\u0443 \u0432 hdpi, xhpdi, xxhdpi \u0438 xxxhdpi.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/ddf\/59d\/d79\/ddf59dd79a6ea46cad17063c5714d166.png\" alt=\"image\"><\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/4ed\/3f4\/47f\/4ed3f447f8078917cb5ed8d57791cd9f.png\" alt=\"image\"><\/p>\n<h3>3. \u0420\u0430\u0437\u043c\u0435\u0440 \u044d\u043a\u0440\u0430\u043d\u0430: 320 pt x 568 pt vs 360 dp x 640 dp<\/h3>\n<p>  \u041f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c iOS-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u0434 \u043d\u0430\u0438\u043c\u0435\u043d\u044c\u0448\u0438\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u2014 iPhone 5 \u0441 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0430 320pt \u0445 568pt. \u0414\u0435\u043b\u0430\u044e \u044d\u0442\u043e, \u0447\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u043d\u0430 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0445 \u044d\u043a\u0440\u0430\u043d\u0430\u0445. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u044e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0434 iPhone 8.<\/p>\n<p>  \u041f\u043e\u0434 Android \u0435\u0441\u0442\u044c <a href=\"https:\/\/material.io\/design\/layout\/responsive-layout-grid.html\">\u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u044b\u0439<\/a> \u0440\u0430\u0437\u043c\u0435\u0440 \u044d\u043a\u0440\u0430\u043d\u0430 \u2014 360dp \u0445 640dp.<\/p>\n<p>  \u041f\u0440\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435 \u043f\u043e\u0434 iOS \u0438\u043d\u043e\u0433\u0434\u0430 \u0441\u043e\u0437\u0434\u0430\u044e \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u043f\u043e\u0434 iPhone X (375pt \u0445 812 pt). \u042d\u0442\u043e \u043d\u0443\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u043e\u043d\u0438\u043c\u0430\u043b, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0443 \u044d\u043a\u0440\u0430\u043d\u0430 \u044d\u0442\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430. \u0415\u0449\u0451 \u043f\u0440\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435 \u043f\u043e\u0434 iPhone X \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043f\u0440\u043e <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/visual-design\/adaptivity-and-layout\/\">Safe are<\/a>a \u2014 \u0437\u043e\u043d\u0443, \u0432\u043d\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/37d\/c03\/3ee\/37dc033eed3b8f16736d85b088f58f4a.png\" alt=\"image\"><\/p>\n<h3>4. \u0421\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u0448\u0440\u0438\u0444\u0442: San Francisco vs Roboto<\/h3>\n<p>  \u0415\u0441\u043b\u0438 \u043d\u0435 \u0437\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a\u043e\u0439 \u0448\u0440\u0438\u0444\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439. \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 iOS \u2014 \u044d\u0442\u043e <a href=\"https:\/\/developer.apple.com\/fonts\/\">San Francisco<\/a>. \u0410 Android \u2014 <a href=\"https:\/\/fonts.google.com\/specimen\/Roboto\">Roboto<\/a>.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/54e\/f5a\/4dc\/54ef5a4dc233953e0102782dd8b12191.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/47c\/b43\/fba\/47cb43fbadff956ed8d6dcfc44af64c8.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <\/p>\n<h3>5. Android Navigation Bar<\/h3>\n<p>  \u0412 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 iOS, \u0443 Android \u0435\u0441\u0442\u044c \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043d\u0430\u0437\u0430\u0434. \u042d\u0442\u043e <a href=\"https:\/\/material.io\/design\/platform-guidance\/android-bars.html%20%20%20%20%20%20%20%20#android-navigation-bar\">Android Navigation Bar<\/a>.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/072\/804\/1bb\/0728041bb8231d2b72dbac5cd17860ee.png\" alt=\"image\"><\/p>\n<p>  \u041e\u043d \u043b\u0438\u0431\u043e \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d, \u043b\u0438\u0431\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043e\u0434\u0438\u043d \u0448\u0430\u0433 \u043d\u0430\u0437\u0430\u0434 \u0432 \u0445\u0440\u043e\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 (<a href=\"https:\/\/material.io\/design\/navigation\/understanding-navigation.html%20%20%20%20%20%20%20%20#reverse-navigation\">reverse chronological navigation<\/a>). \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043a\u0430\u043a \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0442\u0430\u043a \u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438.<\/p>\n<p>  \u0412 \u043d\u0430\u0447\u0430\u043b\u0435 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0443\u0442\u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u044f \u0434\u043e\u043b\u0433\u043e \u043c\u0443\u0447\u0438\u043b Android-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u043c: \u0437\u0430\u0447\u0435\u043c \u043d\u0443\u0436\u043d\u044b \u0434\u0432\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430\u0437\u0430\u0434? \u041e\u0434\u043d\u0430 \u0435\u0441\u0442\u044c \u0432\u043d\u0438\u0437\u0443 \u0432 Navigation Bar, \u0432\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 Top App Bar \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u043d\u0430 \u0434\u043e\u0447\u0435\u0440\u043d\u044e\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.<\/p>\n<p>  \u041e\u0442\u0432\u0435\u0442 \u0442\u0430\u043a\u043e\u0439. \u0415\u0441\u0442\u044c \u0434\u0432\u0430 \u0432\u0438\u0434\u0430 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043d\u0430\u0437\u0430\u0434: reverse chronological navigation (\u0435\u0451 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u043d\u0430\u0437\u0430\u0434 \u0432 Navigation Bar, \u0437\u043e\u0432\u0435\u043c \u0435\u0451 Back).<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/c47\/d6d\/77a\/c47d6d77a2bd9e6c9897bc9ccaf14a2d.png\" alt=\"image\"><\/p>\n<p>  \u0418 upward navigation (\u0435\u0451 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432\u0435\u0440\u0445\u043d\u0435\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0438, \u0437\u043e\u0432\u0435\u043c \u0435\u0451 Up).<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/522\/bba\/d93\/522bbad930c73f23901a779c4df4a3d6.png\" alt=\"image\"><\/p>\n<p>  \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043c, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u0443\u0442\u044c A-B-C, \u0433\u0434\u0435 A \u2014 \u044d\u0442\u043e \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u0430 B \u0438 \u0421 \u2014 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435. \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043c, \u0447\u0442\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u043e\u043f\u0430\u043b \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0438\u0437 A \u0432 \u0421. \u0415\u0441\u043b\u0438 \u043e\u043d \u043d\u0430\u0436\u043c\u0451\u0442 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 Back, \u0442\u043e \u0432\u0435\u0440\u043d\u0451\u0442\u0441\u044f \u043d\u0430 A. \u041d\u043e \u0435\u0441\u043b\u0438 \u043d\u0430\u0436\u043c\u0451\u0442 Up, \u0442\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u043e\u043f\u0430\u0434\u0451\u0442 \u043d\u0430 B \u2014 \u0438 \u0443\u0436\u0435 \u043f\u043e \u0432\u0442\u043e\u0440\u043e\u043c\u0443 \u043d\u0430\u0436\u0430\u0442\u0438\u044e \u043f\u043e\u043f\u0430\u0434\u0451\u0442 \u043d\u0430 A.<\/p>\n<p>  \u042d\u0442\u043e \u0441\u043b\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0438 \u043f\u0443\u0442\u0430\u043d\u043d\u043e \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0435\u0439\u0447\u0430\u0441 \u044d\u0442\u0438 \u0434\u0432\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430\u0437\u0430\u0434 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 back, \u043a\u0430\u043a \u0432 iOS. \u0422\u043e \u0435\u0441\u0442\u044c \u0435\u0441\u043b\u0438 \u043f\u0440\u0438\u0448\u043b\u0438 \u0438\u0437 A \u0432 \u0421, \u0442\u043e \u0438\u0437 \u0421 \u0432\u0435\u0440\u043d\u0451\u043c\u0441\u044f \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u0432 \u0410.<\/p>\n<h3>6. \u0412\u0430\u0436\u043d\u043e\u0441\u0442\u044c Elevation \u0432 Material<\/h3>\n<p>  \u0412 iOS \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0438\u0430\u043b\u044c\u043d\u043e \u043d\u0435\u0442 \u0442\u0435\u043d\u0435\u0439. \u041a\u0430\u043a \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435, \u0442\u0435\u043d\u0438 \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u0442\u044c \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435 App Store \u0438 \u0432 Health. \u041d\u043e \u0432 \u0446\u0435\u043b\u043e\u043c HIG \u043d\u0438\u043a\u0430\u043a \u043d\u0435 \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u043d\u0435\u0439.<\/p>\n<p>  \u0412 Material <a href=\"https:\/\/material.io\/design\/environment\/elevation.html\">\u0442\u0435\u043d\u0438 \u0438\u0433\u0440\u0430\u044e\u0442<\/a> \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0440\u043e\u043b\u044c. \u041e\u043d\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443 \u0442\u0440\u0435\u0442\u044c\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e (\u043e\u0441\u044c Z), \u0437\u0430 \u0441\u0447\u0451\u0442 \u0447\u0435\u0433\u043e \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0432\u043e\u0451 \u0441\u0442\u0440\u043e\u0433\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u043d\u0430 \u044d\u0442\u043e\u0439 \u043e\u0441\u0438 (\u043e\u0442 0 dp \u0434\u043e 24 dp). \u041f\u0440\u0438\u0447\u0451\u043c \u044d\u0442\u0430 \u043e\u0441\u044c Z \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0430 \u0438\u0434\u0435\u0439\u043d\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435: \u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0435\u0441\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 elevation, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043d\u0438 \u0437\u0430\u0434\u0430\u044e\u0442 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043f\u043e \u044d\u0442\u043e\u0439 \u043e\u0441\u0438.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/728\/25e\/62c\/72825e62c61ba176aee5ffb93a48e807.png\" alt=\"image\"><\/p>\n<p>  \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0438 \u0441\u043c\u0435\u043d\u0430 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0439 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c elevation \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435 \u043f\u043e\u0434 Android \u043d\u0430\u043c \u0441\u0442\u043e\u0438\u0442 \u043e\u0441\u043e\u0437\u043d\u0430\u043d\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442\u044c \u043a \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0442\u0435\u043d\u0435\u0439.<\/p>\n<h3>7. \u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0435<\/h3>\n<p>  \u041e\u0442\u043b\u0438\u0447\u0438\u0439 \u0432 \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0435 \u043c\u043d\u043e\u0433\u043e. \u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u044d\u0442\u0438 \u043f\u044f\u0442\u044c.<\/p>\n<h4>a. Tab Bar vs Bottom Navigation Bar<\/h4>\n<p>  \u042d\u0442\u043e bar \u0434\u043b\u044f \u0432\u0435\u0440\u0445\u043d\u0435\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043f\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e. \u0421\u0442\u0430\u0442\u0438\u0447\u043d\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u043d\u0438\u0437\u0443 \u044d\u043a\u0440\u0430\u043d\u0430 \u043d\u0430 \u043e\u0431\u0435\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0445. \u041f\u043e\u043c\u0438\u043c\u043e \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430 \u043e\u043d\u0438 \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u0438 \u0432 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0438. \u0415\u0433\u043e \u0440\u0430\u0437\u0431\u0435\u0440\u0451\u043c \u0447\u0443\u0442\u044c \u043f\u043e\u0437\u0436\u0435.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/c96\/fcb\/880\/c96fcb880ec01d275c6afe1161607892.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/326\/621\/9a8\/3266219a85797aedb74b62132ec1c514.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <\/p>\n<h4>b. Navigation Bar vs Top App Bar<\/h4>\n<p>  \u042d\u0442\u043e\u0442 bar \u0443 \u043e\u0431\u0435\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438: \u0441\u043e\u043e\u0431\u0449\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0435\u0433\u043e \u0442\u0435\u043a\u0443\u0449\u0435\u0435 \u043c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u0434\u0430\u0451\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u044d\u043a\u0440\u0430\u043d \u0438 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u043e\u0434\u043d\u043e \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u043e\u0442\u043b\u0438\u0447\u0438\u044f\u0445 \u2014 \u043d\u0438\u0436\u0435 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/8d0\/e55\/764\/8d0e55764117acf1b3df7b01d3e18454.png\" alt=\"image\"><\/p>\n<h4>c. Segmented Controls vs Tabs<\/h4>\n<p>  \u041f\u043e\u043c\u0438\u043c\u043e \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430 \u0443 Tabs Android \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439: \u043c\u0435\u0436\u0434\u0443 \u0442\u0430\u0431\u0430\u043c\u0438 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u0441\u0432\u0430\u0439\u043f\u0443, \u0438 Material \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0434\u043b\u044f \u0432\u0435\u0440\u0445\u043d\u0435\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/30f\/dde\/ec9\/30fddeec94db4cb16147fb302f38ea92.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/2e7\/77c\/043\/2e777c043878cd20175b7c324ad46ed4.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <\/p>\n<h4>d. Alerts vs Dialogs<\/h4>\n<p>  \u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u0447\u0442\u043e \u0432 iOS \u043e\u043f\u0438\u0441\u0430\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u2014 <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/views\/alerts\/\">Alerts<\/a>. \u0412 Android <a href=\"https:\/\/material.io\/components\/banners\/\">\u0438\u0445 \u0442\u0440\u0438<\/a>: Snackbars, Banners \u0438 Dialogs.<\/p>\n<p>  Snackbar \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u043d\u0438\u0437\u043a\u043e\u0439 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u043e\u0441\u0442\u0438 \u0438 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. Dialogs \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c \u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0441\u043e\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435. Banners \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438: \u043d\u0435 \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, \u043d\u043e \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0441\u043e\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/b63\/179\/437\/b631794375c20837fc36dd4dc08c4ad2.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/d7f\/fa7\/1aa\/d7ffa71aa276f93a63309fd352b3aa7c.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <\/p>\n<h4>e. Touch ID vs Android Fingerprint<\/h4>\n<p>  \u042d\u0442\u043e \u043b\u0438\u0448\u044c \u043e\u0434\u0438\u043d \u0438\u0437 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0440\u0430\u0437\u043d\u043e\u0433\u043e \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u044d\u0442\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0445. \u0418\u0445 \u0441\u0442\u043e\u0438\u0442 \u0437\u043d\u0430\u0442\u044c, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u043e\u043c\u0438\u043c\u043e \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430 \u043e\u043d\u0438 \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 \u0438\u0445 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u0439 \u0432 \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0435 \u2014 \u043f\u0435\u0440\u0432\u044b\u0439 \u0448\u0430\u0433 \u043a \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u043e\u0442\u043b\u0438\u0447\u0438\u0439 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/163\/774\/34e\/16377434e45d90d86fa79652fe7114ca.jpg\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/ce5\/2e8\/ddf\/ce52e8ddf1916540412055d35f0ee8b0.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <\/p>\n<h2>\u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u0430\u0445 (UX)<\/h2>\n<p>  <\/p>\n<h3>8. \u0421\u043f\u043e\u0441\u043e\u0431\u044b \u0432\u0435\u0440\u0445\u043d\u0435\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438<\/h3>\n<p>  \u041d\u0430\u0447\u043d\u0451\u043c \u0441 \u0441\u0430\u043c\u043e\u0433\u043e \u0432\u0435\u0440\u0445\u0430. iOS \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0441\u043f\u043e\u0441\u043e\u0431 \u0432\u0435\u0440\u0445\u043d\u0435\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u2014 \u0447\u0435\u0440\u0435\u0437 <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/bars\/tab-bars\/\">Tab bar<\/a>. \u0423 Android \u0432 \u043e\u0442\u0432\u0435\u0442 \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0430: <a href=\"https:\/\/material.io\/components\/navigation-drawer\/\">Navigation Drawer<\/a>, <a href=\"https:\/\/material.io\/components\/bottom-navigation\/\">Bottom Navigation Bar <\/a>\u0438 <a href=\"https:\/\/material.io\/components\/tabs\/\">Tabs<\/a>.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/5fd\/1b6\/cfa\/5fd1b6cfacb1a00ba2e53bc5fb5eabef.png\" alt=\"image\"><\/p>\n<p>  \u0415\u0441\u043b\u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0432\u0435\u0440\u0445\u043d\u0435\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u044f\u0442\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c Navigation Drawer. \u0415\u0441\u043b\u0438 \u043c\u0435\u043d\u044c\u0448\u0435 \u2014 Bottom Navigation Bar. Tabs \u043d\u0435\u0447\u0430\u0441\u0442\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438, \u043d\u043e \u0441\u043f\u043e\u0441\u043e\u0431 \u043d\u0430\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d. \u041e\u0434\u043d\u0430\u043a\u043e Material \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u043d\u0435 \u0441\u043e\u0432\u043c\u0435\u0449\u0430\u0442\u044c Tabs \u0438 Bottom Navigation Bar, \u0442\u0430\u043a \u043a\u0430\u043a \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043f\u0443\u0442\u0430\u0442\u044c\u0441\u044f.<\/p>\n<h2>9. \u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0438 Tab Bar \u0438 Bottom Navigation Bar<\/h2>\n<p>  \u042d\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u0438\u0435 <a href=\"https:\/\/material.io\/components\/bottom-navigation\/#behavior\">\u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442<\/a> Material.<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u044b \u0432 iOS \u043f\u0435\u0440\u0435\u0439\u0434\u0451\u0442\u0435 \u043e\u0442 \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043a \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0439, \u043f\u043e\u0442\u043e\u043c \u0447\u0435\u0440\u0435\u0437 Tab Bar \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0442\u043e \u043f\u043e \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0438 \u043d\u0430 \u043f\u0435\u0440\u0432\u0443\u044e \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432\u044b \u0432\u0441\u0451 \u0442\u0430\u043a\u0436\u0435 \u0431\u0443\u0434\u0435\u0442\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0439. <\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/qb\/qi\/hy\/qbqihypiylroar_gew6iuldtjo4.gif\" alt=\"image\" width=\"400\"><\/p>\n<p>  \u0412 Android \u0432\u0441\u0451 \u0441\u0442\u0440\u043e\u0436\u0435 \u2014 \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 \u0447\u0435\u0440\u0435\u0437 Bottom Navigation Bar \u0432\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0435\u0441\u044c \u043c\u0435\u0436\u0434\u0443 \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u0438\u043c\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438. \u0415\u0441\u043b\u0438 \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u0432\u044b \u0431\u044b\u043b\u0438 \u043d\u0430 \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0439, \u043e\u043d\u0430 \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u0441\u044f.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/a_\/g4\/qa\/a_g4qaklxnhwmtmzoht7mdslakk.gif\" alt=\"image\" width=\"400\"><\/p>\n<p>  \u041d\u0430\u0448\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 Android \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043d\u0435\u0432\u0435\u0440\u043d\u043e\u0435. \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043f\u043e Bottom Navigation \u0441\u0442\u043e\u0438\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043a\u0430\u043a \u043d\u0430 iOS.<\/p>\n<h3>10. \u041e\u0441\u043e\u0431\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 Tabs \u0443 Android<\/h3>\n<p>  Tabs \u0443 Android, \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/controls\/segmented-controls\/\">Segmented Controls<\/a> iOS, \u0438\u043c\u0435\u044e\u0442 \u0442\u0430\u043a\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e: \u043f\u043e \u0442\u0430\u0431\u0430\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u0432\u0430\u0439\u043f\u0430 \u0432\u043b\u0435\u0432\u043e \u0438 \u0432\u043f\u0440\u0430\u0432\u043e.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/wq\/zh\/6p\/wqzh6p-axcdbqib2x7g9t0idufo.gif\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/kp\/cq\/ee\/kpcqeebnbgqkgmh_khxkqhqmepy.gif\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  \u042d\u0442\u043e \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0442\u0430\u0431\u043e\u0432 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0432\u044b\u0441\u043e\u0442\u0435 (elevation).<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/tl\/bm\/5b\/tlbm5bepirfiqqwyr1bpqx5ocuq.gif\" alt=\"image\"><\/p>\n<p>  \u042d\u0442\u043e \u0432\u0430\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043f\u0440\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0442\u0430\u0431\u043e\u0432 \u0432 Android \u043d\u0430\u043c <a href=\"https:\/\/material.io\/components\/tabs\/#behavior\">\u043d\u0435 \u0441\u0442\u043e\u0438\u0442<\/a> \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0432 \u0434\u0438\u0437\u0430\u0439\u043d \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u0445\u043e\u0436\u0438\u043c\u0438 \u0436\u0435\u0441\u0442\u0430\u043c\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u0438\u043b\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u0432\u0430\u0439\u043f\u043e\u0432.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/le\/bu\/rz\/leburzkspnakuencwi1o231qzqc.gif\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/9d\/d3\/ri\/9dd3ri-n_t6n9ct6oulxwxay3g4.gif\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  \u0412 \u0446\u0435\u043b\u043e\u043c \u044d\u0442\u0438 \u0434\u0432\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043d\u0435 \u0437\u0430\u043c\u0435\u043d\u044f\u044e\u0442 \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0430 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e. Segmented control \u2014 \u044d\u0442\u043e control, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0410 Tabs \u2014 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438.<\/p>\n<p>  \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u0441\u043e\u0432\u0435\u0442\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c\u0438 \u043f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c, \u043a\u0430\u043a \u043f\u0440\u0438 \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u0438 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0438\u0445 \u043a\u0430\u043a \u0440\u0430\u0432\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b. \u0418\u043d\u043e\u0433\u0434\u0430 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0435\u0435 \u0437\u0430\u043c\u0435\u043d\u044f\u0442\u044c \u0430\u043d\u0434\u0440\u043e\u0438\u0434\u043e\u0432\u0441\u043a\u0438\u0435 Tabs \u043d\u0430 Page Control. \u0412\u0441\u0451 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430.<\/p>\n<h2>11. \u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0438 \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u0430<\/h2>\n<p>  \u0412 iOS \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u0430 (\u043d\u0435 \u0441\u0447\u0438\u0442\u0430\u044f \u043c\u043e\u0434\u0430\u043b\u043e\u043a) \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c: \u0434\u043e\u0447\u0435\u0440\u043d\u044f\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u043f\u0440\u0430\u0432\u0430 \u043f\u043e\u0432\u0435\u0440\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u043e\u0439 \u0441 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u043c slide in. \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u0438\u0439 \u044d\u043a\u0440\u0430\u043d \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u043c slide out.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/iq\/8g\/ar\/iq8garbojyigiqpnw9edkq_qzgo.gif\" alt=\"image\"><\/p>\n<p>  Material <a href=\"https:\/\/material.io\/design\/navigation\/navigation-transitions.html%20%20%20%20%20%20%20%20#hierarchical-transitions\">\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442<\/a> \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0432\u0437\u0430\u0438\u043c\u043e\u0441\u0432\u044f\u0437\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u043e\u0439 \u0438 \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/nx\/gr\/v5\/nxgrv5edknnfgaj1b5nixzsm5g0.gif\" alt=\"image\"><\/p>\n<p>  \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043f\u0440\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438 \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u043a \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0438 \u043f\u043e\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0422\u0430\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442, \u043e\u0442\u043a\u0443\u0434\u0430 \u0438 \u043a\u0443\u0434\u0430 \u043e\u043d \u043f\u0435\u0440\u0435\u0448\u0451\u043b, \u043f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e \u0438 \u043a\u0443\u0434\u0430 \u043e\u043d \u0432\u0435\u0440\u043d\u0451\u0442\u0441\u044f \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041d\u0430\u0437\u0430\u0434\u00bb. <\/p>\n<p>  \u041f\u0435\u0440\u0435\u0445\u043e\u0434 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e <a href=\"https:\/\/material.io\/design\/motion\/speed.html%20%20%20%20%20%20%20%20#easing\">Standard Easing<\/a>.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/sr\/yg\/mb\/srygmbgfs0cg93kjfimvw9d5id0.gif\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/ph\/j3\/g2\/phj3g2h3tl1n48j1pqkdi0imdle.gif\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <\/p>\n<h2>12. \u041e\u0441\u043e\u0431\u044b\u0439 \u043f\u0430\u0442\u0442\u0435\u0440\u043d \u0432\u044b\u0437\u043e\u0432\u0430 Navigation Drawer<\/h2>\n<p>  \u041f\u0440\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 <a href=\"https:\/\/material.io\/components\/navigation-drawer\/#\">Navigation Drawer<\/a> \u0432\u0430\u0436\u043d\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u00ab\u0437\u0430\u0431\u0438\u0440\u0430\u0435\u0442\u00bb \u0441\u0435\u0431\u0435 \u0436\u0435\u0441\u0442 <a href=\"https:\/\/material.io\/design\/platform-guidance\/cross-platform-adaptation.html%20%20%20%20%20%20%20%20#cross-platform-guidelines\">edge swipe<\/a> \u0441\u043b\u0435\u0432\u0430 \u0432\u043f\u0440\u0430\u0432\u043e. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u044d\u0442\u043e\u043c\u0443 \u0436\u0435\u0441\u0442\u0443 \u0434\u0440\u0443\u0433\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0443.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/5g\/jc\/gf\/5gjcgf6t2k36uyo6oi2ys8hgcr8.gif\" alt=\"image\" width=\"400\"><\/p>\n<p>  \u0412 iOS \u0443 \u044d\u0442\u043e\u0433\u043e \u0436\u0435\u0441\u0442\u0430 \u0435\u0441\u0442\u044c \u0443\u0441\u0442\u043e\u044f\u0432\u0448\u0438\u0439\u0441\u044f \u043f\u0430\u0442\u0442\u0435\u0440\u043d \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u0441 \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0439 \u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u043d\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u042d\u0442\u043e\u0442 \u043f\u0430\u0442\u0442\u0435\u0440\u043d \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u043f\u0435\u0440\u0435\u043a\u043e\u0447\u0435\u0432\u0430\u043b \u0438 \u0432\u043e \u043c\u043d\u043e\u0433\u0438\u0435 \u0430\u043d\u0434\u0440\u043e\u0438\u0434\u043e\u0432\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<h3>13. \u041f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435<\/h3>\n<p>  \u041f\u043e HIG \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432 iOS \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435 <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/views\/scroll-views\/\">\u0432\u0435\u0434\u0451\u0442 \u0441\u0435\u0431\u044f<\/a> \u0442\u0430\u043a: Navigation Bar \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u0442\u0441\u044f \u0432 \u0448\u0438\u0440\u0438\u043d\u0435, \u0438\u0441\u0447\u0435\u0437\u0430\u0435\u0442 Tool Bar. \u041d\u043e \u0432 \u0446\u0435\u043b\u043e\u043c iOS-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043c\u043e\u0433\u0443\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043b\u044e\u0431\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0438 \u0431\u0430\u0440\u043e\u0432 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/ba1\/de8\/b5a\/ba1de8b5ab3cc78fea25f6c36aa261fb.png\" alt=\"image\" width=\"400\"><\/p>\n<p>  Material \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, Bottom Navigation Bar, Search \u0438 Bottom App Bar \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435 \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u0447\u0435\u0437\u0430\u0442\u044c.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/if\/hi\/u3\/ifhiu32vs5qxp5m3t7sibfv0f_i.gif\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/a5\/t_\/gq\/a5t_gq8w2wjuced4fms3qutepfs.gif\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  Top App Bar \u043c\u043e\u0436\u0435\u0442 \u043b\u0438\u0431\u043e \u0438\u0441\u0447\u0435\u0437\u0430\u0442\u044c, \u043b\u0438\u0431\u043e \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0432\u044b\u0448\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/a5\/t_\/gq\/a5t_gq8w2wjuced4fms3qutepfs.gif\" alt=\"image\"><\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/ya\/wg\/nn\/yawgnnktebdyihflyr_lwu1kt8s.gif\" alt=\"image\"><\/p>\n<h2>\u0420\u0430\u0437\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0438\u0441\u043a\u0430<\/h2>\n<p>  \u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u0447\u0442\u043e HIG \u043e\u0442\u043d\u043e\u0441\u0438\u0442 \u043f\u043e\u0438\u0441\u043a \u043a \u0431\u0430\u0440\u0430\u043c \u0438 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0435\u0433\u043e Search Bar. \u0412 Material \u043c\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u043c \u043f\u043e\u0438\u0441\u043a \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Navigation, \u043d\u0435 \u0432 Components. \u0422\u043e \u0435\u0441\u0442\u044c \u0434\u043b\u044f Material \u043f\u043e\u0438\u0441\u043a \u2014 \u044d\u0442\u043e \u0435\u0449\u0451 \u043e\u0434\u0438\u043d \u0441\u043f\u043e\u0441\u043e\u0431 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438.<\/p>\n<p>  \u041a\u0430\u043a \u0432 iOS, \u0442\u0430\u043a \u0438 \u0432 Android \u043f\u043e\u0438\u0441\u043a \u043c\u043e\u0436\u0435\u0442 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u043e \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0438, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043f\u0440\u0438\u0431\u0438\u0442 \u043a Navigation Bar \u0438\u043b\u0438 Top App Bar.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/qo\/dm\/hf\/qodmhfu7uurlwfb-nw4uitntwoa.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/nr\/ue\/ky\/nruekyhcuwt3fl5onptwe6hejyi.gif\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  \u041d\u0430 \u043e\u0431\u0435\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0445 \u043f\u043e\u0438\u0441\u043a \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432 \u0432\u0438\u0434\u0435 \u0438\u043a\u043e\u043d\u043a\u0438, \u0442\u043e\u043b\u044c\u043a\u043e \u0432 iOS \u0438\u043a\u043e\u043d\u043a\u0430 \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Search Bar, \u0430 \u0432 Android \u043f\u043e\u0438\u0441\u043a \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 Top App Bar.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/9z\/dn\/ia\/9zdniapgqdrm4jphvkhcix_f8ua.gif\" alt=\"image\">  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/6j\/yf\/a3\/6jyfa3w-ybawfqesy7icduppfci.gif\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/zv\/xw\/v3\/zvxwv3hxczubbtv7lpamy26j0as.gif\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0438\u0441\u043a\u0430 \u0432 iOS \u2014 \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u00ab\u0441\u043f\u0440\u044f\u0442\u0430\u0442\u044c\u00bb \u043f\u043e\u0434 Navigation Bar \u0438 \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e \u0436\u0435\u0441\u0442\u0443 Swipe down. \u0422\u0430\u043a\u043e\u0439 \u0436\u0435 \u0436\u0435\u0441\u0442 \u0442\u0438\u043f\u0438\u0447\u0435\u043d \u0438 \u0434\u043b\u044f \u0440\u0435\u0444\u0440\u0435\u0448\u0430 (pull to refresh), \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u0438\u0441\u043a \u0438 \u0440\u0435\u0444\u0440\u0435\u0448 \u043f\u043e \u044d\u0442\u043e\u043c\u0443 \u043e\u0434\u043d\u043e\u043c\u0443 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e.<\/p>\n<h2>\u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 (UI)<\/h2>\n<p>  <\/p>\n<h3>15. \u041a\u0430\u043a\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043d\u0435\u0442 \u0432 iOS<\/h3>\n<p>  \u0412 iOS \u043d\u0435\u0442 \u043c\u043d\u043e\u0433\u0438\u0445 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Android. \u041f\u0440\u043e\u0431\u0435\u0436\u0438\u043c\u0441\u044f \u043f\u043e \u043d\u0438\u043c.<\/p>\n<h4>a. Navigation Drawer<\/h4>\n<p>  iOS \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u043d\u0435 \u043f\u0440\u0438\u0437\u043d\u0430\u0451\u0442 \u0431\u0443\u0440\u0433\u0435\u0440-\u043c\u0435\u043d\u044e. \u041a\u0430\u043a \u0433\u043e\u0432\u043e\u0440\u0438\u043b\u0438 \u0440\u0430\u043d\u044c\u0448\u0435, \u0432 iOS \u0432\u0435\u0440\u0445\u043d\u0435\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u0430\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e Tab Bar.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/dz\/et\/ad\/dzetadbd5zl9cajzkpq3iwdog6o.png\" alt=\"image\"><\/p>\n<h4>b. Backdrop<\/h4>\n<p>  <a href=\"https:\/\/material.io\/components\/backdrop\/\">Backdrop<\/a> \u2014 \u0441\u0430\u043c\u044b\u0439 \u0443\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0434\u043b\u044f \u043c\u0435\u043d\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 Material. \u041d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u044c\u0438 Android \u0435\u0449\u0451 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u043a\u0430\u043a \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439. \u0412 \u0446\u0435\u043b\u043e\u043c \u043f\u0440\u0438 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Material \u0441\u0442\u043e\u0438\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u043b\u0438 \u043e\u043d\u0438 \u0443\u0436\u0435 \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/ts\/hr\/94\/tshr94u3pwpsey2z6rjff1wq2ro.gif\" alt=\"image\"><\/p>\n<p>  \u0421\u0430\u043c Material \u043b\u044e\u0431\u0438\u0442 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0430 \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u0435\u0439 <a href=\"https:\/\/design.google\/library\/material-design-awards-2019\/\">Material Design Award 2019.<\/a><\/p>\n<h4>c. Banner<\/h4>\n<p>  <a href=\"https:\/\/material.io\/components\/banners\/\">Banner<\/a> \u043d\u0435 \u043d\u0430\u0439\u0442\u0438 \u0441\u0440\u0435\u0434\u0438 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 iOS. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Banner \u043c\u044b \u0441\u043e\u043e\u0431\u0449\u0430\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0432\u0430\u0436\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0441 \u043d\u0435\u0439 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/gb\/uf\/zd\/gbufzdpktpj9h4uljsmtymfetg8.png\" alt=\"image\"><\/p>\n<h4>d. Snackbar<\/h4>\n<p>  \u041a\u0430\u043a \u0438 Banner, <a href=\"https:\/\/material.io\/components\/snackbars\/\">Snackbar<\/a> \u2014 \u043d\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u043b\u044f iOS. Snackbar \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442, \u0447\u0442\u043e\u0431\u044b \u0434\u043e\u043d\u0435\u0441\u0442\u0438 \u0434\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0435\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/m8\/te\/b2\/m8teb2-sgdknmwuixtzlw_ncxig.png\" alt=\"image\"><\/p>\n<h4>e. Chips<\/h4>\n<p>  Chips \u0442\u0430\u043a\u0436\u0435 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u0440\u0435\u0434\u0438 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 iOS. \u041e\u043d\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0432\u0432\u043e\u0434\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/8z\/j_\/lb\/8zj_lbilwakhvute09rae0piili.png\" alt=\"image\"><\/p>\n<h4>f. Bottom App Bar<\/h4>\n<p>  \u0422\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043f\u043e\u0440\u0438\u0442\u044c, \u0447\u0442\u043e \u0443 iOS \u0435\u0441\u0442\u044c \u043f\u043e\u0445\u043e\u0436\u0438\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u2014 <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/bars\/toolbars\/\">Tool Bar<\/a>. \u041d\u043e \u043e\u043d\u0438 \u0440\u0430\u0437\u043d\u044b\u0435, \u0432\u043e\u0442 \u043f\u043e\u0447\u0435\u043c\u0443: Toolbar \u2014 \u044d\u0442\u043e \u0431\u0430\u0440 \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0441\u043f\u0438\u0441\u043a\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0432 Messages \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f Tool Bar \u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c\u0438 Read All \u0438 Delete.<\/p>\n<p>  Bottom App Bar \u2014 \u044d\u0442\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 Top App Bar \u0432\u043d\u0438\u0437 \u0441 \u0442\u0435\u043c\u0438 \u0436\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c\u0438 \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f: \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 Navigation Drawer, \u0432\u044b\u0437\u043e\u0432 \u043f\u043e\u0438\u0441\u043a\u0430 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u0415\u0449\u0451 \u0432 Bottom App Bar \u043c\u044b \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u043c FAB.<\/p>\n<h4>g. FAB<\/h4>\n<p>  \u0414\u0430, FAB \u0442\u043e\u0436\u0435 \u043d\u0435\u0442 \u0432 iOS. FAB \u2014 \u044d\u0442\u043e \u043a\u043d\u043e\u043f\u043a\u0430 \u0434\u043b\u044f \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 FAB \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/lw\/qv\/z2\/lwqvz2ju57ddjq-y1awm3oruu6a.png\" alt=\"image\" width=\"400\"><\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0432 Android FAB \u0434\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435, \u0442\u043e \u0432 iOS \u044d\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043d\u0430\u0432\u0435\u0440\u0445\u0443 \u0432 Navigation Bar \u0441\u043f\u0440\u0430\u0432\u0430 (\u0441\u043c\u043e\u0442\u0440\u0438 \u043f\u0440\u0438\u043c\u0435\u0440: iMessages).<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/bk\/1k\/ne\/bk1knedc8dzeypoknsmbrlewrpu.png\" alt=\"image\" width=\"400\"><\/p>\n<h4>h. Bottom Navigation Drawer<\/h4>\n<p>  <a href=\"https:\/\/material.io\/components\/app-bars-bottom\/#behavior\">\u0420\u0430\u0437\u043d\u043e\u0432\u0438\u0434\u043d\u043e\u0441\u0442\u044c<\/a> Navigation Drawer, \u0442\u0438\u043f\u0438\u0447\u043d\u0430\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f Android. \u0412\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u0436\u0430\u0442\u0438\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0438 \u0431\u0443\u0440\u0433\u0435\u0440-\u043c\u0435\u043d\u044e \u0432 Bottom App Bar.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/i6\/s8\/l4\/i6s8l4fuhzzrggxrlmdajy1wxzo.gif\" alt=\"image\"><\/p>\n<h4>i. Side Sheet<\/h4>\n<p>  \u0425\u043e\u0442\u044c Material \u0438 <a href=\"https:\/\/material.io\/components\/sheets-side\/#\">\u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u0442<\/a> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u044f \u0431\u044b \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043b \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0439 <a href=\"https:\/\/material.io\/components\/sheets-bottom\/\">Bottom Sheet<\/a>.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/8e\/v7\/68\/8ev7686vtvp2t42kovvmv9mj4_y.png\" alt=\"image\"><\/p>\n<h4>j. Expanding Bottom Sheet<\/h4>\n<p>  \u042d\u0442\u043e\u0442 \u043e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Android \u043d\u0435 \u043d\u0430\u0439\u0442\u0438 \u0441\u0440\u0435\u0434\u0438 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u0434\u043b\u044f iOS. Expanding Bottom Sheet \u2014 \u044d\u0442\u043e \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u0438\u0431\u0438\u0442\u0430 \u043a \u043d\u0438\u0437\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u0442\u0441\u044f \u0434\u043e \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/ic\/yz\/jj\/icyzjj3cvjgvy9agm3zj9-taztc.gif\" alt=\"image\"><\/p>\n<h4>k. Standard Bottom Sheet<\/h4>\n<p>  <a href=\"https:\/\/material.io\/components\/sheets-bottom\/#standard-bottom-sheet\">Standard Bottom Sheet <\/a>\u2014 \u0440\u0430\u0437\u043d\u043e\u0432\u0438\u0434\u043d\u043e\u0441\u0442\u044c Bottom Sheet, \u0438 \u0435\u0433\u043e \u043d\u0435\u0442 \u0441\u0440\u0435\u0434\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 iOS.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/hs\/am\/ni\/hsamnij-tgcuoe1jvhwlgadjjk0.png\" alt=\"image\" width=\"400\"><\/p>\n<h3>16. \u041a\u0430\u043a\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043d\u0435\u0442 \u0432 Android<\/h3>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043d\u0435 \u043d\u0430\u0439\u0442\u0438 \u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 Android.<\/p>\n<h4>a. Page Controls<\/h4>\n<p>  <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/controls\/page-controls\/\">Page Control <\/a>\u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u043d\u0430 \u043a\u0430\u043a\u043e\u0439 \u0438\u0437 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c. \u0415\u0433\u043e \u043d\u0435\u0442 \u0441\u0440\u0435\u0434\u0438 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Android.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/cw\/4a\/gm\/cw4agm6lsejjvger1drogt7sdkc.png\" alt=\"image\"><\/p>\n<h4>b. Toolbar<\/h4>\n<p>  Toolbar \u043f\u0440\u0438\u0432\u044b\u0447\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f iOS.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/gn\/33\/eb\/gn33ebcxzagthu-2rygfdy7ng5q.png\" alt=\"image\"><\/p>\n<h4>c. Steppers<\/h4>\n<p>  <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/controls\/steppers\/\">Steppers<\/a> \u2014 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 control iOS, \u043d\u0435 \u043e\u043f\u0438\u0441\u0430\u043d \u0432 Material. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0435\u0433\u043e \u0434\u043b\u044f \u0432\u0432\u043e\u0434\u0430 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439. \u041f\u0440\u0438\u043c\u0435\u0440: \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u043f\u0438\u0439 \u043f\u0440\u0438 \u043f\u0435\u0447\u0430\u0442\u0438.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/b3\/6g\/qx\/b36gqx0rufcp1sshm-5h2xcteam.png\" alt=\"image\"><\/p>\n<h4>d. Popover<\/h4>\n<p>  <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/views\/popovers\/\">Popover<\/a> \u2014 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u0430 iPad.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/yj\/cu\/52\/yjcu52uazych3oz6id3k-rl-tqq.png\" alt=\"image\"><\/p>\n<p>  \u0412 iOS \u0435\u0441\u0442\u044c \u043e\u0434\u043d\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 Popover \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0440\u0438\u0434\u0435\u0440\u0430\u0445 \u0438\u043b\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/0g\/6g\/d6\/0g6gd6xxrnmivw5t6qj6lezx3p8.jpeg\" alt=\"image\" width=\"400\"><\/p>\n<h3>17. \u0420\u0430\u0437\u043d\u044b\u0435 Status Bar<\/h3>\n<p>  \u041d\u0430 \u043e\u0431\u0435\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0445 Status Bar \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443: \u0441\u043e\u043e\u0431\u0449\u0430\u0435\u0442 \u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438, \u0443\u0440\u043e\u0432\u043d\u0435 \u0437\u0430\u0440\u044f\u0434\u0430, \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 \u0438 Wi-Fi. \u041e\u043d\u0438 \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u044d\u0442\u0438\u0445 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u0432 \u0432\u043d\u0443\u0442\u0440\u0438 Status Bar \u0438 \u0432 \u0446\u0435\u043b\u043e\u043c \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/zb\/mk\/ma\/zbmkmafphq-9dfd65oyn-avv3qc.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/p3\/-j\/jy\/p3-jjyfycddtx6keemw4rn4ffwg.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  \u0415\u0449\u0451 \u0443 <a href=\"https:\/\/material.io\/design\/platform-guidance\/android-bars.html%20%20%20%20%20%20%20%20#status-bar\">Status Bar Android<\/a> \u0435\u0441\u0442\u044c \u0442\u0430\u043a\u0430\u044f \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c, \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u0438\u0437 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0432 Status Bar \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438\u043a\u043e\u043d\u043a\u0430 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412 <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/bars\/status-bars\/\">iOS<\/a> \u0442\u0430\u043a\u043e\u0433\u043e \u043d\u0435\u0442.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/fx\/2i\/0b\/fx2i0befqwt8m55w21h4hp9kaag.gif\" alt=\"image\"><\/p>\n<h3>18. Refresh Content Controls vs Swipe to refresh<\/h3>\n<p>  \u0420\u0435\u0444\u0440\u0435\u0448\u0435\u0440\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043e\u0434\u043d\u0438\u043c \u0438 \u0442\u0435\u043c \u0436\u0435 \u0436\u0435\u0441\u0442\u043e\u043c swipe down \u043d\u0430 \u043e\u0431\u0435\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0445. \u041d\u043e \u0432 iOS <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/controls\/refresh-content-controls\/\">Refresh Content Control<\/a> \u00ab\u0442\u043e\u043b\u043a\u0430\u0435\u0442\u00bb \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432\u043d\u0438\u0437, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a <a href=\"https:\/\/material.io\/design\/platform-guidance\/android-swipe-to-refresh.html\">Swipe to refresh<\/a> \u0443 Android \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e\u0432\u0435\u0440\u0445 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0440\u0435\u0444\u0440\u0435\u0448 iOS \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0438\u0441\u0447\u0435\u0437\u0430\u0435\u0442, \u0430 \u0443 Android \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0432\u0438\u0434\u0438\u043c\u044b\u043c.<\/p>\n<div class=\"oembed\">\n<div>\n<div style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 75%;\"><iframe src=\"https:\/\/www.youtube.com\/embed\/2HdtBeaWwkk?rel=0&amp;showinfo=1&amp;hl=en-US\" style=\"border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;\" allowfullscreen scrolling=\"no\" allow=\"encrypted-media; accelerometer; gyroscope; picture-in-picture\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/u0\/jq\/ga\/u0jqgans055qzybzj0dmer4rgg8.gif\" alt=\"image\"><\/p>\n<h3>19. \u0420\u0430\u0437\u043d\u044b\u0435 Control<\/h3>\n<p>  \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044b \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c <a href=\"https:\/\/material.io\/design\/platform-guidance\/cross-platform-adaptation.html%20%20%20%20%20%20%20%20#cross-platform-guidelines\">\u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f<\/a> \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e. \u041c\u043e\u0436\u043d\u043e \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u0432 iOS \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044b \u043f\u0440\u043e\u0449\u0435: \u0433\u0430\u043b\u043e\u0447\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043a\u0430\u043a \u0434\u043b\u044f radiobutton, \u0442\u0430\u043a \u0438 \u0434\u043b\u044f Checkbox. \u0412 Android \u043e\u043d\u0438 \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u0444\u043e\u0440\u043c\u043e\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0430.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/zr\/pf\/c5\/zrpfc5gbjb9srhn8wbfzvn9nhdw.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/rl\/lr\/sc\/rllrscx7j9twpggzdgr5rse-qcy.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  \u0415\u0449\u0451 Material <a href=\"https:\/\/material.io\/components\/selection-controls\/#usage\">\u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442<\/a> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0447\u0435\u043a\u0431\u043e\u043a\u0441, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0434\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0432\u0441\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/pb\/tn\/3k\/pbtn3kwmyavsx6xqy5sehaaazh0.png\" alt=\"image\"><\/p>\n<h3>20. \u0420\u0430\u0437\u043d\u044b\u0439 \u0432\u0438\u0434 \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u00ab\u041d\u0430\u0437\u0430\u0434\u00bb \u0438 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430<\/h3>\n<p>  \u0412 iOS \u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u043b\u0438\u043d\u0438\u0438 \u043f\u043e\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0432 iOS \u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u00ab\u041d\u0430\u0437\u0430\u0434\u00bb \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u043c \u044d\u043a\u0440\u0430\u043d\u043e\u043c. \u0415\u0441\u043b\u0438 \u043d\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u043c \u044d\u043a\u0440\u0430\u043d\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0431\u044b\u043b \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c, \u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u0438\u0437 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0432\u043b\u0435\u0432\u043e \u043a \u0441\u0442\u0440\u0435\u043b\u043a\u0435. \u0415\u0441\u043b\u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0431\u044b\u043b \u0448\u0438\u0440\u043e\u043a\u0438\u043c, \u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0432\u0432\u0435\u0440\u0445. \u0415\u0441\u043b\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0434\u043b\u0438\u043d\u043d\u043e\u0435, \u043e\u043d\u043e \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u043b\u043e\u0432\u043e back.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/eu\/s8\/-r\/eus8-rvcokwkrdow2ji0edgf9mk.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/4u\/nt\/sr\/4untsrcwsmpfnzbnnnt7rptf4vq.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <\/p>\n<h3>21. \u0420\u0430\u0437\u043d\u044b\u0439 \u0432\u0438\u0434 \u0438\u043a\u043e\u043d\u043a\u0438 \u0442\u0440\u0451\u0445 \u0442\u043e\u0447\u0435\u043a<\/h3>\n<p>  \u041a\u0430\u0436\u0435\u0442\u0441\u044f, \u0443 \u044d\u0442\u043e\u0433\u043e \u043e\u0442\u043b\u0438\u0447\u0438\u044f \u043d\u0435\u0442 \u0441\u0442\u0440\u043e\u0433\u043e\u0433\u043e \u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u044f. \u041e\u0442\u0434\u0430\u0451\u043c \u0434\u0430\u043d\u044c \u0443\u0432\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c\u043e\u0435 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0442\u0440\u0451\u0445 \u0442\u043e\u0447\u0435\u043a. \u0412 iOS \u0442\u043e\u0447\u043a\u0438 \u043b\u0435\u0436\u0430\u0442 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e, \u0432 Android \u2014 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/zp\/v3\/xb\/zpv3xbohuccikfbikikcv1lrone.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/ds\/f8\/t3\/dsf8t3xytp1ebg2mljixjddrs2k.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <\/p>\n<h3>22. \u0420\u0430\u0437\u043d\u044b\u0439 \u0432\u0438\u0434 Picker<\/h3>\n<p>  \u0412 iOS <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/controls\/pickers\/\">\u0432\u044b\u0431\u043e\u0440 \u0434\u0430\u0442\u044b<\/a> \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0431\u0430\u0440\u0430\u0431\u0430\u043d\u0430. \u0411\u0430\u0440\u0430\u0431\u0430\u043d iOS \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0432\u0432\u043e\u0434\u0430 \u043b\u044e\u0431\u044b\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445. \u0412 Android <a href=\"https:\/\/material.io\/components\/pickers\/\">Picker<\/a> \u0434\u0430\u0442\u044b \u0438\u043c\u0438\u0442\u0438\u0440\u0443\u0435\u0442 \u0432\u0438\u0434 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044f.<\/p>\n<div class=\"oembed\">\n<div>\n<div style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;\"><iframe src=\"https:\/\/www.youtube.com\/embed\/Ix5TOQwNUwo?rel=0&amp;showinfo=1&amp;hl=en-US\" style=\"border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;\" allowfullscreen scrolling=\"no\" allow=\"encrypted-media; accelerometer; gyroscope; picture-in-picture\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/uv\/sx\/kg\/uvsxkgaiipqh-qcdp_8-a70nrzw.gif\" alt=\"image\"><\/p>\n<p>  Material \u0442\u0430\u043a\u0436\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u0434\u0430\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u0432\u043e\u0434\u0438\u0442\u044c \u0434\u0430\u0442\u0443 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Input Field-\u0430.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/vd\/hz\/7o\/vdhz7ogteci0nyqkbsqmpgbxb-0.gif\" alt=\"image\"><\/p>\n<h3>23. \u0420\u0430\u0437\u043d\u044b\u0435 Text Fields<\/h3>\n<p>  HIG \u043a\u0443\u0434\u0430 \u043c\u0435\u043d\u0435\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043d \u043a Text Fields, \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 Material.<\/p>\n<h4>\u041e\u0442\u043b\u0438\u0447\u0438\u044f<\/h4>\n<p>  \u0412 iOS Label <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/controls\/text-fields\/\">\u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f<\/a> \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430 \u0438 \u0438\u0441\u0447\u0435\u0437\u0430\u0435\u0442 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0432\u0432\u043e\u0434\u0430 \u0442\u0435\u043a\u0441\u0442\u0430. Material <a href=\"https:\/\/material.io\/components\/text-fields\/\">\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442<\/a> \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0442\u044c Label \u043f\u0440\u0438 \u0432\u0432\u043e\u0434\u0435 \u0442\u0435\u043a\u0441\u0442\u0430.<\/p>\n<h4>\u0421\u0445\u043e\u0436\u0435\u0435<\/h4>\n<p>  \u041e\u0431\u0435 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0441\u043e\u0432\u0435\u0442\u0443\u044e\u0442 \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c Clear Button.<\/p>\n<h4>\u0427\u0442\u043e \u0435\u0449\u0451 \u043f\u0440\u043e\u0441\u0438\u0442 Material<\/h4>\n<p>  Material \u0442\u0430\u043a\u0436\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c Label \u0438 \u043f\u043e\u043b\u043e\u0441\u0443 \u043f\u043e\u0434 Text Field \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u0446\u0432\u0435\u0442\u043e\u043c \u2014 \u044d\u0442\u043e \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u043e\u043d\u044f\u0442\u044c, \u0447\u0442\u043e \u043f\u043e\u043b\u0435 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043e. Material \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f \u043f\u0440\u0438 \u043e\u0448\u0438\u0431\u043a\u0435 \u0432\u0432\u043e\u0434\u0430. \u0412 Material \u043d\u0430 \u0432\u044b\u0431\u043e\u0440 \u0435\u0441\u0442\u044c \u0434\u0432\u0435 \u0444\u043e\u0440\u043c\u044b: Filled \u0438 Outlined.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/cc\/tw\/c8\/cctwc8ko8q3bgqnphkuo2hzwbre.png\" alt=\"image\"><\/p>\n<h3>24. Context Menus vs Menus<\/h3>\n<p>  <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/controls\/context-menus\/\">Context Menus<\/a> \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u0432 iOS 13. \u042d\u0442\u043e\u0442 \u043a\u043e\u043d\u0442\u0440\u043e\u043b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0445 \u0441 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c. \u0412 Android \u0435\u0441\u0442\u044c \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u043f\u043e\u0445\u043e\u0436\u0438\u0439 \u043d\u0430 \u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u2014 <a href=\"https:\/\/material.io\/components\/menus\/\">Menus<\/a>.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/vg\/ul\/1m\/vgul1meqtbs5qt_kblwhpqsf9hq.png\" alt=\"image\"><\/p>\n<p>  Menus Android \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u0431\u043e\u043b\u044c\u0448\u0435\u043c \u0447\u0438\u0441\u043b\u0435 \u043a\u0435\u0439\u0441\u043e\u0432: \u043e\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043a\u0430\u043a \u0434\u043b\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0442\u0430\u043a \u0438 \u0434\u043b\u044f \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432 \u0446\u0435\u043b\u043e\u043c; \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u0438\u043d\u043f\u0443\u0442 \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430\u043c\u0438 \u043d\u0430 \u0432\u044b\u0431\u043e\u0440 (\u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d \u043c\u0435\u043d\u044e); \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430. Context Menus \u2014 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0442\u043e\u043b\u044c\u043a\u043e iOS. \u0410 Menus Android \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u0442\u0430\u043a \u0438 \u043d\u0430 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0435.<\/p>\n<h3>25. Action View\/Activity View vs Modal Bottom Sheet<\/h3>\n<p>  \u0415\u0441\u043b\u0438 \u0432 iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 iOS \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/views\/action-sheets\/\">Action View<\/a> \u0438\u043b\u0438 <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/views\/activity-views\/\">Activity View<\/a>, \u0432 Android \u0438\u0445 \u043c\u043e\u0436\u0435\u0442 \u043e\u0442\u0447\u0430\u0441\u0442\u0438 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Android <a href=\"https:\/\/material.io\/components\/sheets-bottom\/\">Modal Bottom Sheet<\/a>. \u041e\u043d \u0442\u0430\u043a\u0436\u0435 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u0432 \u043d\u0438\u0436\u043d\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u044d\u043a\u0440\u0430\u043d\u0430, \u0437\u0430\u0442\u0435\u043c\u043d\u044f\u0435\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0438 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0445\u043e\u0436\u0438\u043c\u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438 (\u043a\u043d\u043e\u043f\u043a\u0430, \u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u0432\u043d\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430, \u0438\u043d\u043e\u0433\u0434\u0430 \u0441\u043c\u0430\u0445\u0438\u0432\u0430\u043d\u0438\u0435 \u0432\u043d\u0438\u0437). \u0417\u0430\u0434\u0430\u0447\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u2014 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0432\u044b\u0431\u043e\u0440 \u0438\u043b\u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/kc\/oh\/3l\/kcoh3lwj7absc2en_epeac4uo8u.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/mt\/cg\/dc\/mtcgdciolj9f5cno9zub86neijk.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/f9\/yg\/_1\/f9yg_1slhag9sfgihluezy8_ilc.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/km\/ho\/-w\/kmho-w7kgtwpgfnyqwdwl3jndnk.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <\/p>\n<h3>26. Edit Menus vs Text Selection Tool Bar<\/h3>\n<p>  \u041f\u043e\u043c\u0438\u043c\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0442\u043b\u0438\u0447\u0438\u044f <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/controls\/edit-menus\/\">Edit Menus<\/a> \u0438 <a href=\"https:\/\/material.io\/design\/platform-guidance\/android-text-selection-toolbar.html\">Text Selection Tool Bar <\/a>\u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c: \u043f\u0440\u0438 \u0434\u043e\u043b\u0433\u043e\u043c \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u0432 Android \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430. \u0412 iOS \u043f\u043e\u0441\u043b\u0435 \u0434\u043e\u043b\u0433\u043e \u043d\u0430\u0436\u0430\u0442\u0438\u044f \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u043b\u0443\u043f\u0430 \u0434\u043b\u044f \u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0432\u044b\u0431\u043e\u0440\u0430 \u043c\u0435\u0441\u0442\u0430 \u0432 \u0441\u043b\u043e\u0432\u0435.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/gq\/ne\/0e\/gqne0eod8zkxcdhex-7gazidhpe.gif\" alt=\"image\"><\/p>\n<p>  \u0422\u0430\u043a\u0436\u0435 Android \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 iOS \u0442\u0435\u043c, \u0447\u0442\u043e \u043f\u0440\u0438 \u0432\u044b\u0437\u043e\u0432\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 Text Selection Tool Bar \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0444\u043e\u0440\u043c\u0443 Menus.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/ep\/cg\/nf\/epcgnfwtag0z6nzny6hftdfiexa.gif\" alt=\"image\"><\/p>\n<h3>27. \u0420\u0430\u0437\u043d\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 divider<\/h3>\n<p>  \u0412 iOS \u044d\u0442\u043e 0,5 pt, \u0432 Android \u2014 1 dp.<\/p>\n<h2>\u041f\u0440\u043e\u0447\u0438\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f<\/h2>\n<p>  <\/p>\n<h3>28. \u0420\u0430\u0437\u043d\u044b\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u0440\u0430\u0437\u043c\u0435\u0440\u0443 \u0437\u043e\u043d\u044b \u043d\u0430\u0436\u0430\u0442\u0438\u044f<\/h3>\n<p>  \u041f\u043e \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u0430\u043c \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0437\u043e\u043d\u0430 \u043d\u0430\u0436\u0430\u0442\u0438\u044f \u0432 iOS \u2014 44 x 44 pt, \u0430 \u0432 Android \u2014 48 x 48 dp.<\/p>\n<h3>29. App Store vs Google Play<\/h3>\n<p>  \u0412\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f iOS \u0431\u0443\u0434\u0443\u0442 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0438\u0437 App Store. \u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f Android \u2014 \u0438\u0437 Google Play. \u0427\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u0441\u0442\u043e\u0440\u0430\u0445 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0438\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f. \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f App Store \u0441\u0442\u043e\u0438\u0442 \u043f\u0440\u043e\u0447\u0435\u0441\u0442\u044c <a href=\"https:\/\/developer.apple.com\/app-store\/product-page\/\">\u0437\u0434\u0435\u0441\u044c<\/a>, \u0430 Google Play \u2014 <a href=\"https:\/\/support.google.com\/googleplay\/android-developer\/answer\/1078870?hl=ru\">\u0437\u0434\u0435\u0441\u044c<\/a>. \u0422\u0430\u043c \u043c\u043d\u043e\u0433\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u0434 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0435\u0439.<\/p>\n<h3>30. \u041e\u0441\u043e\u0431\u044b\u0439 \u043f\u0430\u0442\u0442\u0435\u0440\u043d \u0432 iOS \u2014 Undo and Redo<\/h3>\n<p>  \u042d\u0442\u043e <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/user-interaction\/undo-and-redo\/\">\u043e\u0441\u043e\u0431\u044b\u0439 \u043f\u0430\u0442\u0442\u0435\u0440\u043d<\/a> iOS: \u0435\u0441\u043b\u0438 \u043f\u043e\u0442\u0440\u044f\u0441\u0442\u0438 \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u0438\u043b\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u044c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435. \u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u044d\u0442\u043e\u0442 \u0436\u0435\u0441\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f \u0432\u0432\u0435\u0434\u0451\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/vk\/a3\/vs\/vka3vspj4q6cioajxre3dj_qp3c.png\"><\/p>\n<h3>31. \u041e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u043a Branded Launch<\/h3>\n<p>  Material <a href=\"https:\/\/material.io\/design\/communication\/launch-screen.html%20%20%20%20%20%20%20%20\">\u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u0442<\/a> \u043d\u0430 Launch Screen \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. HIG <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/visual-design\/launch-screen\/\">\u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442<\/a> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Launch Screen \u0434\u043b\u044f \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043b\u0435\u0439, \u0438 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e Placeholder.  <\/p>\n<div class=\"scrollable-table\">\n<table>\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/e2\/lm\/am\/e2lmams4knhwn5ajjiwu7uqtsug.png\" width=\"400\"><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/8j\/cl\/cp\/8jclcpn3sjeozka7rr5zlinzvf4.png\" width=\"400\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/_q\/75\/z-\/_q75z-wnnygjh0eeenykvnwgq3u.png\" alt=\"image\" width=\"400\">  <\/p>\n<h3>32. \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u043c\u044b Material Design<\/h3>\n<p>  \u041d\u0430 \u0441\u0430\u0439\u0442\u0435 Material \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u044b \u0435\u0449\u0451 \u0438 \u0442\u0430\u043a\u0438\u0435 \u0442\u0435\u043c\u044b, \u043a\u0430\u043a: <a href=\"https:\/\/material.io\/design\/communication\/data-formats.html\">Data Formats <\/a>(\u0440\u0430\u0437\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b \u0434\u0430\u043d\u043d\u044b\u0445), <a href=\"https:\/\/material.io\/design\/communication\/data-visualization.html\">Data Visualization<\/a> (\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430), <a href=\"https:\/\/material.io\/design\/communication\/empty-states.html\">Empty States<\/a> (\u0434\u0438\u0437\u0430\u0439\u043d \u043f\u0443\u0441\u0442\u044b\u0445 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0439), <a href=\"https:\/\/material.io\/design\/communication\/offline-states.html\">Offline States<\/a> (\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u0440\u0438 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0430), <a href=\"https:\/\/material.io\/design\/usability\/accessibility.html\">Accessibility<\/a> (\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d) \u0438 <a href=\"https:\/\/material.io\/design\/usability\/bidirectionality.html\">Bidirectionality<\/a> (\u0434\u0438\u0437\u0430\u0439\u043d \u0434\u043b\u044f \u0447\u0438\u0442\u0430\u044e\u0449\u0438\u0445 \u0441\u043f\u0440\u0430\u0432\u0430 \u043d\u0430\u043b\u0435\u0432\u043e).<\/p>\n<h2>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h2>\n<p>  \u0417\u043d\u0430\u043d\u0438\u0435 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u043e\u0432 \u043f\u043e\u0432\u044b\u0448\u0430\u0435\u0442 \u043d\u0430\u0448 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043e\u0441\u043e\u0437\u043d\u0430\u043d\u043d\u043e\u0441\u0442\u0438. \u041c\u044b \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c \u0441\u043b\u043e\u0436\u0438\u0432\u0448\u0438\u0435\u0441\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u044b \u0438 \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0447\u043d\u043e \u0432\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u0438\u0432\u044b\u0447\u043a\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439.<\/p>\n<p>  \u0413\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u044b \u043f\u043e\u0431\u0443\u0436\u0434\u0430\u044e\u0442 \u043d\u0430\u0441 \u0443\u0432\u0430\u0436\u0430\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c. \u041f\u0440\u0438 \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043f\u043e\u0434 \u0434\u0440\u0443\u0433\u0443\u044e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443 \u0432\u0441\u0435\u0433\u0434\u0430 \u0435\u0441\u0442\u044c \u0441\u043e\u0431\u043b\u0430\u0437\u043d \u043f\u0440\u043e\u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d \u0431\u0435\u0437 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439. \u042d\u0442\u043e \u0432\u0440\u0435\u0434\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c\u0443 \u043e\u043f\u044b\u0442\u0443 \u0438 \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0435\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443. \u041d\u043e \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u0432\u0438\u0434\u0438\u043c \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f \u0432 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u0445, \u043c\u044b \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c \u0434\u0438\u0437\u0430\u0439\u043d \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e.<\/p>\n<p>  \u0410 \u0435\u0441\u043b\u0438 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0432\u043d\u0435\u0434\u0440\u0438\u0442\u044c \u043d\u043e\u0432\u043e\u0435, \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0437\u043d\u0430\u043d\u0438\u0435 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u043e\u0432 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u043d\u043e\u0432\u043e\u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435.<\/p>\n<p>  \u0418\u0442\u043e\u0433\u043e: \u0437\u043d\u0430\u043d\u0438\u0435 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u043e\u0432 \u0438 \u0438\u0445 \u043e\u0442\u043b\u0438\u0447\u0438\u0439 \u2014 \u0432\u0430\u0436\u043d\u044b\u0439 \u043d\u0430\u0432\u044b\u043a \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.<\/p>\n<p>  \u041a\u0430\u043a\u0438\u0435 \u0435\u0449\u0451 \u043e\u0442\u043b\u0438\u0447\u0438\u044f \u0432\u044b \u0437\u043d\u0430\u0435\u0442\u0435? \u041f\u043e\u0434\u0435\u043b\u0438\u0442\u0435\u0441\u044c \u0438\u043c\u0438 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445.<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/company\/redmadrobot\/blog\/491674\/\"> https:\/\/habr.com\/ru\/company\/redmadrobot\/blog\/491674\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\n<div class=\"post__text post__text-html post__text_v1\" id=\"post-content-body\" data-io-article-url=\"https:\/\/habr.com\/ru\/company\/redmadrobot\/blog\/491674\/\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/ff5\/ea9\/bcb\/ff5ea9bcbac778c1a8a55d4df7d50f3f.jpg\" alt=\"image\"><\/p>\n<p>  \u0416\u0435\u043b\u0435\u0437\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0438\u0437 Redmadrobot Design Lab \u0410\u0440\u0442\u0443\u0440 \u0410\u0431\u0440\u0430\u0440\u043e\u0432 \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f\u043c\u0438.<\/p>\n<p>  \u0410\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d \u043f\u043e\u0434 \u0434\u0440\u0443\u0433\u0443\u044e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443 \u2014 \u043d\u0435\u043e\u0442\u044a\u0435\u043c\u043b\u0435\u043c\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u0426\u0435\u043b\u044c \u044d\u0442\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u2014 \u043e\u0440\u0433\u0430\u043d\u0438\u0447\u043d\u043e \u0432\u043f\u0438\u0441\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d \u0432 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u044b \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u041a \u0442\u043e\u043c\u0443 \u0436\u0435, \u043f\u0440\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u0430\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0437\u0430 \u0441\u0447\u0451\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.<\/p>\n<p>  \u0427\u0442\u043e\u0431\u044b \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u044b \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c: <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/\">Human Interface Guidelines<\/a> (HIG) \u0443 iOS \u0438 <a href=\"https:\/\/material.io\/\">Material Design<\/a> \u0443 Android. \u0418 \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c\u0438, \u0432 \u0438\u0434\u0435\u0430\u043b\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0438\u0445 \u043a \u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u043c\u043e\u0433\u043b\u0438 \u0441\u0440\u0430\u0437\u0443 \u0437\u0430\u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f.<\/p>\n<p>  \u041d\u043e \u0432 \u0447\u0451\u043c \u0438\u043c\u0435\u043d\u043d\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u0434\u0438\u0437\u0430\u0439\u043d \u043f\u043e\u0434 iOS \u043e\u0442 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043f\u043e\u0434 Android? \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0437\u0431\u0435\u0440\u0443 32 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u043e\u0442\u043b\u0438\u0447\u0438\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043f\u043e\u0434 iOS \u0438 Android. \u041e\u043d\u0438 \u043f\u043e\u0434\u0435\u043b\u0435\u043d\u044b \u043d\u0430 \u0447\u0435\u0442\u044b\u0440\u0435 \u0433\u0440\u0443\u043f\u043f\u044b:<\/p>\n<ol>\n<li>\u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f.<\/li>\n<li>\u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u0430\u0445 (UX).<\/li>\n<li>\u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 (UI).<\/li>\n<li>\u041f\u0440\u043e\u0447\u0438\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f.<\/li>\n<\/ol>\n<p>  \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 iOS \u0431\u0443\u0434\u0443\u0442 \u0441\u043b\u0435\u0432\u0430, \u0430 Android \u2014 \u0441\u043f\u0440\u0430\u0432\u0430 \u0438\u043b\u0438 \u0441\u0432\u0435\u0440\u0445\u0443\/\u0441\u043d\u0438\u0437\u0443.<\/p>\n<h2>\u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f<\/h2>\n<p>  <\/p>\n<h3>Human Interface Guidelines vs Material Design<\/h3>\n<p>  \u041f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u0432\u0437\u044f\u0442\u044b \u0438\u0437 \u0430\u043d\u0430\u043b\u0438\u0437\u0430 \u044d\u0442\u0438\u0445 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u043e\u0432. \u0418\u0445 \u0441\u0443\u0442\u044c \u043d\u0430 \u0438\u0434\u0435\u0439\u043d\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f. HIG \u2014 \u044d\u0442\u043e \u043f\u0440\u043e \u043f\u043b\u043e\u0441\u043a\u0438\u0439, \u043b\u0451\u0433\u043a\u0438\u0439, \u0434\u0440\u0443\u0436\u0435\u043b\u044e\u0431\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d, \u043f\u0440\u0438\u0448\u0451\u043b \u043e\u043d \u0438\u0437 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e\u0433\u043e \u043e\u0442\u043a\u0430\u0437\u0430 \u043e\u0442 <a href=\"https:\/\/ru.wikipedia.org\/wiki\/%D0%A1%D0%BA%D0%B5%D0%B2%D0%BE%D0%BC%D0%BE%D1%80%D1%84%D0%B8%D0%B7%D0%BC\">\u0441\u043a\u0435\u0432\u043e\u043c\u043e\u0440\u0444\u0438\u0437\u043c\u0430<\/a>.<\/p>\n<p>  Material \u0436\u0435 \u0438\u043c\u0435\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u043d\u043e\u0432\u043e\u043f\u043e\u043b\u0430\u0433\u0430\u044e\u0449\u0438\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432: \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u043a\u0430\u043a \u043c\u0435\u0442\u0430\u0444\u043e\u0440\u0430; \u0441\u043c\u0435\u043b\u044b\u0439, \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439, \u0441\u043e\u0437\u043d\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439; \u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u0430\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f; \u0433\u0438\u0431\u043a\u0430\u044f \u043e\u0441\u043d\u043e\u0432\u0430 \u0438 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e\u0441\u0442\u044c. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0437\u043d\u0430\u043a\u043e\u043c\u044b \u0441 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u0430\u043c\u0438, \u043b\u0443\u0447\u0448\u0435 \u0438\u0445 \u043f\u0440\u043e\u0447\u0435\u0441\u0442\u044c \u0434\u043e \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u0435\u0441\u044c \u0441\u043e \u0441\u0442\u0430\u0442\u044c\u0451\u0439.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/wb\/-e\/51\/wb-e51jgoimhyd1auz1e-iyw1wa.png\" alt=\"image\"><\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/zr\/ym\/td\/zrymtdkrlcrz5iqzx28r1va9-t0.png\" alt=\"image\">  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-301173","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/301173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=301173"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/301173\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=301173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=301173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=301173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}