{"id":17924,"date":"2020-05-01T12:00:10","date_gmt":"2020-05-01T12:00:10","guid":{"rendered":"http:\/\/www.designbombs.com\/?p=17924"},"modified":"2020-08-17T00:02:11","modified_gmt":"2020-08-17T00:02:11","slug":"mobile-uis-layout","status":"publish","type":"post","link":"https:\/\/www.designbombs.com\/mobile-uis-layout\/","title":{"rendered":"18 Mobile UIs with Amazing Layouts"},"content":{"rendered":"<p>Mobile has been all the rage for a little while now. But for some reason, it&#8217;s not the most common thing you can see in design galleries such as Behance or Dribbble or in <a href=\"http:\/\/www.designbombs.com\/category\/inspiration\/\">inspirational posts<\/a>.<\/p>\n<p>Mobile design can be sometimes so beautiful that I&#8217;ve decided to write a long post filled with great mobile UIs. I\u2019ve gathered a list of 18 beautiful mobile UIs with amazing layouts.<\/p>\n<p>These designs are extremely impressive and I hope they will spark some inspiration. It doesn&#8217;t matter if you&#8217;re designing right now for mobile or not; these mobile UIs are bound to inspire you to create something amazing, be it even a desktop app or a responsive <a href=\"http:\/\/www.designbombs.com\/top-landing-page-plugins-wordpress\/\">landing page<\/a>.<\/p>\n<p>Let&#8217;s take a look!<\/p>\n<h2><span class=\"post-stitle\">01.<\/span> Email Blast<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2717482-Email-Blast\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17926\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/1.jpg\" alt=\"1\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/1.jpg 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/1-300x225.jpg 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/1-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Look at this small layout filled with creativity! I love that it&#8217;s not a cookie cutter design because that makes it interesting. Mobile designs are often pretty straightforward because they have to work on small screens, but not this one. Although this is an email design, it can also work great as an example of a mobile interface.<\/p>\n<p>The diagonal backgrounds and the big handwritten fonts give this design interest. It makes the design look great. The play in scale is also well-done from the big handwritten fonts to the smaller decorative dashes. All in all, this an amazingly well-executed layout!<\/p>\n<h2><span class=\"post-stitle\">02.<\/span> Dictionary Application<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2778265-Dictionary-Application\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17927\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/2.png\" alt=\"2\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/2.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/2-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/2-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Here we have a design for a dictionary app. What I like about this screenshot is the fact that the UI uses different swiping axes. You can swipe up to get more details about the current definition of a word or you can swipe the smaller squares to see more variations of the word. This interactivity gives a simple app some dimension.<\/p>\n<p>Not to mention, the use of color is well-done, too. The design uses a few accent colors to complement the bright green background.<\/p>\n<h2><span class=\"post-stitle\">03.<\/span> Sparkles and gifs!<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2797392-Sparkles-and-gifs\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17928\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/3.gif\" alt=\"3\" width=\"800\" height=\"600\" \/><\/a><br \/>\nHere we have another email design but its mobile layout is spot on beautiful! The little animated welcome gif at the top is fantastic. And, as you scroll\/swipe down the email, the layout is lovely as well.<\/p>\n<p>The little bits of the seafoam green accent works well throughout the page. The typography is really beautiful, too. All in all, it\u2019s a great-looking mobile email.<\/p>\n<h2><span class=\"post-stitle\">04.<\/span> What a f**king day<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2557264-what-a-fucking-day\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17929\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/4.gif\" alt=\"4\" width=\"800\" height=\"600\" \/><\/a><\/p>\n<p>This mobile weather app concept is too cute (although I\u2019m not sure about the raindrops looking like pills, but I digress). It may be a stereotypical weather app design, sure, but it\u2019s still a great style. The 8-bit inspired 3D graphic is adorable! The animation adds a lot of character and personality to the whole experience as well.<\/p>\n<p>Lastly, the layout itself, within the white, thin box is pretty modern-looking. You definitely don\u2019t often see mobile UIs or layouts like this.<\/p>\n<h2><span class=\"post-stitle\">05.<\/span> Pinefor App<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/1633926-Pinefor-App\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17930\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/5.png\" alt=\"5\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/5.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/5-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/5-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>I&#8217;m in love with the clean look of this design, especially with the white screen on the left. Besides, the menu layout is not that bad, either. Other screens of the app are stunning and modern, too.<\/p>\n<h2><span class=\"post-stitle\">06.<\/span> TV Show Characters<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2531399-TV-Show-Characters-page-Mobile\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17931\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/6.png\" alt=\"6\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/6.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/6-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/6-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>This UI uses photography very well on both the left and right screens. In the left-hand side layout, it&#8217;s been a great idea to make the text overlap Sherlock&#8217;s image. Actually, this is a clever way of saving space.<\/p>\n<p>On the right-hand side, it&#8217;s brilliant that there is a little bit of space above the content card. It helps keep the aesthetics of the app in check.<\/p>\n<h2><span class=\"post-stitle\">07.<\/span> E-Commerce Stumptown<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2472894-E-Commerce-Stumptown-Sketch-File\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17932\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/7.jpg\" alt=\"7\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/7.jpg 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/7-300x225.jpg 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/7-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>On the left-hand side screen, the products are showcased by overlapping the photos over the text. It looks interesting, to say the least. It\u2019s a little jarring because the text is semi-transparent over the image. But, the middle part uses different spacing and is totally different than the top and bottom sections, which makes the UI and layout of the app interesting.<\/p>\n<p>Actually, I&#8217;m a bigger fan of the right-hand side product display. The coffee bag cropped in the top right corner looks fantastic! It definitely draws your attention and captures it.<\/p>\n<h2><span class=\"post-stitle\">08.<\/span> NeuReads App<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2454797-NeuReads-App\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17933\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/8.png\" alt=\"8\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/8.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/8-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/8-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>I love this layout\u2014it\u2019s jarring and different. The yellow color is used very sharply in the background and it grabs your attention for sure. At the same time, yellow make the design looks fun, too.<\/p>\n<p>The eyeglasses logo has rounded edges, that makes the style more friendly, which is a good thing. Without that and the rounded font, the app would look too edgy. Then again, I don\u2019t know what style this designer was exactly going for.<\/p>\n<h2><span class=\"post-stitle\">09.<\/span> ToDo List<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2451888-ToDo-List\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17934\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/9.png\" alt=\"9\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/9.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/9-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/9-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>I\u2019ve included this UI because it\u2019s so simple. It\u2019s a checklist UI that doesn\u2019t look overwhelming. For some reason, most to-do list apps try to be creative while they don\u2019t need to be.<\/p>\n<p>The green is used very well as an accent color and the spacing works good, too. The green, the spacing, and the typeface combined make the style of the app very friendly. Simplicity fits very well with this design.<\/p>\n<h2><span class=\"post-stitle\">10.<\/span> Xiaomi Mi Band App<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2445831-Xiaomi-Mi-Band-App\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17935\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/10.png\" alt=\"10\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/10.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/10-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/10-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>This is a redesign of a fitness tracking app. I like the idea that a different background belongs to each topic. For instance, the right-hand side background is darker because it\u2019s showing your sleep patterns. Even though this background is darker than the one on the left, they both still appear subtle.<\/p>\n<p>It\u2019s an interesting design choice but there is absolutely nothing wrong with it, as it works well for the overall UI. The background extending to the top of the screen and being showcased under the phone information such as time and battery life was a good idea, too; it makes the UI much more cohesive.<\/p>\n<h2><span class=\"post-stitle\">11.<\/span> Optimize \u2013 Free vs Premium<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2452765-Optimize-Free-vs-Premium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17936\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/11.png\" alt=\"11\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/11.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/11-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/11-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>The amount of content presented here is too much for a small screen. Most mobile UIs and layouts stay away from so much copy.<\/p>\n<p>Furthermore, most mobile UIs are not this color-heavy (just check out this list), however it works here because it\u2019s well designed. The copy uses a small font size and repetitive icons (since it\u2019s a comparison table) in order to make it easier to digest the information, visually.<\/p>\n<h2><span class=\"post-stitle\">12.<\/span> Demo screens for a chat app<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2434331-Demo-screens-for-a-chat-app\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17937\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/12.png\" alt=\"12\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/12.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/12-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/12-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>The blue social media triangles look fantastic on the right screen. It\u2019s a unique take on how to include social media and it works well. Without icons or text, you can still easily tell one is for Twitter and one for Facebook.<\/p>\n<p>On the left screen, the spacing around the bottom white box is well done, too. The text doesn\u2019t feel too crowded, at least not while I\u2019m checking out the UI on a desktop.<\/p>\n<h2><span class=\"post-stitle\">13.<\/span> Concept transition &#8211; Multi-window switch<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2531399-TV-Show-Characters-page-Mobile\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17938\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/13.gif\" alt=\"13\" width=\"800\" height=\"600\" \/><\/a><\/p>\n<p>This is a multi-functional animation concept that gives a good amount of depth to the mobile UI. When it comes to animating hidden interactions, it\u2019s all about the overall UI\u2014does everything make sense for the user? It\u2019s hard to tell with just a concept but it does look great at the first glance.<\/p>\n<h2><span class=\"post-stitle\">14.<\/span> CloseCircle Mag<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2813306-CloseCircle-Mag\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17939\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/14.jpg\" alt=\"14\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/14.jpg 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/14-300x225.jpg 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/14-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>I&#8217;m in love with the style of this UI. The minimal and clean look-and-feel is combined with the black, white, and pink tones in order to achieve a high-end style and I love it.<\/p>\n<p>I\u2019m a very big fan of the colors but also of the typography. The word &#8220;Circle&#8221; being off the grid and overlapping is a wonderful touch! The use of the green color for the background has been a fantastic choice as well. It\u2019s just bold enough to really make a statement and highlight a section that needs to have more focus.<\/p>\n<h2><span class=\"post-stitle\">15.<\/span> News app experimentation<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2409158-News-app-experimentation\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17940\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/15.png\" alt=\"15\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/15.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/15-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/15-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>My favorite is the layout on the right. I find it awesome that the layout is divided up into three polygons. It\u2019s a pretty creative way to go about mobile layout, as most of them are divided into rectangles. The different light shades of the background give the three section the perfect amount of definition.<\/p>\n<p>The composition of spacing and typography is also well-done on the left screen. There are four different font sizes and weights, yet it doesn&#8217;t look overwhelming. It looks actually great.<\/p>\n<h2><span class=\"post-stitle\">16.<\/span> Hackathon &#8211; framerJS Challenge #9<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2389320-Hackathon-framerJS-Challenge-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17941\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/16.gif\" alt=\"16\" width=\"800\" height=\"600\" \/><\/a><\/p>\n<p>This is an animated concept of an application that will let people with allergies know how safe it is to go outside.<\/p>\n<p>You can select which allergies give you the most trouble and you get a lovely report on the current outside conditions in your location. Again, this is a simple interface but the colorful background and the percentage animation give it amazing life.<\/p>\n<h2><span class=\"post-stitle\">17.<\/span> Keroessa<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2096937-Keroessa\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17942\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/17.png\" alt=\"17\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/17.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/17-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/17-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Here is another UI concept for a news app. I love how simple and clean it is. The main screen doesn\u2019t have a lot going on within, just a question \u201cHow are you?\u201d and a little weather report.<\/p>\n<p>There is ample white space on this screen and the two hiding behind it. Yet, it doesn\u2019t look minimalistic or cold. Something about that navy blue keeps things lively within the UI.<\/p>\n<h2><span class=\"post-stitle\">18.<\/span> Recipe Application<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/2677538-Recipe-Application\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17943\" src=\"http:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/18.gif\" alt=\"18\" width=\"800\" height=\"600\" \/><\/a><\/p>\n<p>The last design is a lovely animation of a recipe app. I\u2019m in love with the typography and headings. The layering of the ampersand<span class=\"Apple-converted-space\"> with<\/span> the title of the recipe and the tiny two-letter flavor description all look really nice. You don\u2019t see that too often in mobile apps; it\u2019s refreshing just like those fudge mint chocolate brookies would be!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mobile has been all the rage for a little while now. But for some reason, it&#8217;s not the most common&#8230;<\/p>\n","protected":false},"author":19,"featured_media":18057,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[19,2],"tags":[],"class_list":{"0":"post-17924","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-design","8":"category-inspiration","9":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.1 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>18 Mobile UIs with Amazing Layouts<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.designbombs.com\/mobile-uis-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"18 Mobile UIs with Amazing Layouts\" \/>\n<meta property=\"og:description\" content=\"Mobile has been all the rage for a little while now. But for some reason, it&#039;s not the most common thing you can see in design galleries such as Behance\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.designbombs.com\/mobile-uis-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"Design Bombs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/designbombs\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-01T12:00:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-17T00:02:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"770\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Paula Borowska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@paulaborowska\" \/>\n<meta name=\"twitter:site\" content=\"@designbombs\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paula Borowska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/\"},\"author\":{\"name\":\"Paula Borowska\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/person\/ee4ee280a4823f714d341367f0b4ef11\"},\"headline\":\"18 Mobile UIs with Amazing Layouts\",\"datePublished\":\"2020-05-01T12:00:10+00:00\",\"dateModified\":\"2020-08-17T00:02:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/\"},\"wordCount\":1580,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.designbombs.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg\",\"articleSection\":[\"Design\",\"Inspiration\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.designbombs.com\/mobile-uis-layout\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/\",\"url\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/\",\"name\":\"18 Mobile UIs with Amazing Layouts\",\"isPartOf\":{\"@id\":\"https:\/\/www.designbombs.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg\",\"datePublished\":\"2020-05-01T12:00:10+00:00\",\"dateModified\":\"2020-08-17T00:02:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.designbombs.com\/mobile-uis-layout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/#primaryimage\",\"url\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg\",\"contentUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg\",\"width\":770,\"height\":320},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.designbombs.com\/mobile-uis-layout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.designbombs.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\/\/www.designbombs.com\/category\/design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"18 Mobile UIs with Amazing Layouts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.designbombs.com\/#website\",\"url\":\"https:\/\/www.designbombs.com\/\",\"name\":\"Design Bombs\",\"description\":\"Droppin&#039; design bombs everyday!\",\"publisher\":{\"@id\":\"https:\/\/www.designbombs.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.designbombs.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.designbombs.com\/#organization\",\"name\":\"DesignBombs\",\"url\":\"https:\/\/www.designbombs.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png\",\"contentUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png\",\"width\":219,\"height\":92,\"caption\":\"DesignBombs\"},\"image\":{\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/designbombs\/\",\"https:\/\/x.com\/designbombs\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/person\/ee4ee280a4823f714d341367f0b4ef11\",\"name\":\"Paula Borowska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5c14e757ddbf99ee3912102581ee75d4a39b7e9d655c5f78b01044ac4632ceda?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5c14e757ddbf99ee3912102581ee75d4a39b7e9d655c5f78b01044ac4632ceda?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g\",\"caption\":\"Paula Borowska\"},\"description\":\"Paula is a freelance web designer who documents her travels with photos and words. She works with small companies that want to re-brand their online businesses to create products that change lives of their customers all in the hopes of gaining more customers and retaining their current ones longer. She's written two books on design.\",\"sameAs\":[\"http:\/\/www.paulaborowska.com\",\"https:\/\/x.com\/paulaborowska\"],\"url\":\"https:\/\/www.designbombs.com\/author\/paula\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"18 Mobile UIs with Amazing Layouts","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.designbombs.com\/mobile-uis-layout\/","og_locale":"en_US","og_type":"article","og_title":"18 Mobile UIs with Amazing Layouts","og_description":"Mobile has been all the rage for a little while now. But for some reason, it's not the most common thing you can see in design galleries such as Behance","og_url":"https:\/\/www.designbombs.com\/mobile-uis-layout\/","og_site_name":"Design Bombs","article_publisher":"https:\/\/www.facebook.com\/designbombs\/","article_published_time":"2020-05-01T12:00:10+00:00","article_modified_time":"2020-08-17T00:02:11+00:00","og_image":[{"width":770,"height":320,"url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg","type":"image\/jpeg"}],"author":"Paula Borowska","twitter_card":"summary_large_image","twitter_creator":"@paulaborowska","twitter_site":"@designbombs","twitter_misc":{"Written by":"Paula Borowska","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/#article","isPartOf":{"@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/"},"author":{"name":"Paula Borowska","@id":"https:\/\/www.designbombs.com\/#\/schema\/person\/ee4ee280a4823f714d341367f0b4ef11"},"headline":"18 Mobile UIs with Amazing Layouts","datePublished":"2020-05-01T12:00:10+00:00","dateModified":"2020-08-17T00:02:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/"},"wordCount":1580,"commentCount":0,"publisher":{"@id":"https:\/\/www.designbombs.com\/#organization"},"image":{"@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg","articleSection":["Design","Inspiration"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.designbombs.com\/mobile-uis-layout\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/","url":"https:\/\/www.designbombs.com\/mobile-uis-layout\/","name":"18 Mobile UIs with Amazing Layouts","isPartOf":{"@id":"https:\/\/www.designbombs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/#primaryimage"},"image":{"@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg","datePublished":"2020-05-01T12:00:10+00:00","dateModified":"2020-08-17T00:02:11+00:00","breadcrumb":{"@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.designbombs.com\/mobile-uis-layout\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/#primaryimage","url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg","contentUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg","width":770,"height":320},{"@type":"BreadcrumbList","@id":"https:\/\/www.designbombs.com\/mobile-uis-layout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.designbombs.com\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/www.designbombs.com\/category\/design\/"},{"@type":"ListItem","position":3,"name":"18 Mobile UIs with Amazing Layouts"}]},{"@type":"WebSite","@id":"https:\/\/www.designbombs.com\/#website","url":"https:\/\/www.designbombs.com\/","name":"Design Bombs","description":"Droppin&#039; design bombs everyday!","publisher":{"@id":"https:\/\/www.designbombs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.designbombs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.designbombs.com\/#organization","name":"DesignBombs","url":"https:\/\/www.designbombs.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png","contentUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png","width":219,"height":92,"caption":"DesignBombs"},"image":{"@id":"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/designbombs\/","https:\/\/x.com\/designbombs"]},{"@type":"Person","@id":"https:\/\/www.designbombs.com\/#\/schema\/person\/ee4ee280a4823f714d341367f0b4ef11","name":"Paula Borowska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designbombs.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5c14e757ddbf99ee3912102581ee75d4a39b7e9d655c5f78b01044ac4632ceda?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5c14e757ddbf99ee3912102581ee75d4a39b7e9d655c5f78b01044ac4632ceda?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g","caption":"Paula Borowska"},"description":"Paula is a freelance web designer who documents her travels with photos and words. She works with small companies that want to re-brand their online businesses to create products that change lives of their customers all in the hopes of gaining more customers and retaining their current ones longer. She's written two books on design.","sameAs":["http:\/\/www.paulaborowska.com","https:\/\/x.com\/paulaborowska"],"url":"https:\/\/www.designbombs.com\/author\/paula\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/07\/mobile-uis-layouts.jpg","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts\/17924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/comments?post=17924"}],"version-history":[{"count":5,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts\/17924\/revisions"}],"predecessor-version":[{"id":31693,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts\/17924\/revisions\/31693"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/media\/18057"}],"wp:attachment":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/media?parent=17924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/categories?post=17924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/tags?post=17924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}