articles on

Wallpaper of the Week: Notchless. Hide the notch on your iPhone X

Wallpaper of the Week: Notchless. Hide the notch on your iPhone X

It's been a little while since our last WPW; following up our comeback with the Wallpaper of the Week series, it’s crazy to imagine there’s more than 350+ wallpapers available to download for your different screen resolutions. Things have changed ever since so we decided to change the formula, each week we’ll try our best to publish one of our own pictures as a challenge. Let us know of your thoughts or suggestions so we can adjust for future endeavors. For this week’s wallpaper, we are sharing this collection from notchless.space, by the name of the site, I think it's pretty clear that its purpose is to hide the mighty notch on your iPhone X. Whenever you like it or not, now there's an option to hide it with a thoughtfully curated feed! All images were thoughtfully curated from Unsplash to match the device’s minimal aesthetic. We put careful consideration into the status bar height and corner radius to create an unobtrusive and optimized composition.   More Links Learn more about notchless.space

iPhone X: Free Mockups

iPhone X: Free Mockups

Apple has introduced the iPhone X, we heard so many mixed comments about Apple's latest "innovation". On the other hand, it proves how much their products affect our opinions because we do use them every single day. I personally think that Apple did a superb job at building an ecosystem where once you are inside, you are fine as it is. Nobody likes changes! As a tradition of any new iPhone release, there is plenty of mockups popping around. So we decided to put together a collection of free iPhone X mockups for you guys. Image by Amrit Pal Singh Image by Moe Slah Image by Graphicpear Image by Danish Designs Image by Virgil Pana Image by Ruslanlatypov Image by Greg DlubaczGreg Dlubacz Image by Michael Flarup Image by Rfayet Uday More Links Follow my tweets @aoirostudio Follow my pictures on Instagram Cover Design by Sandor

Embracing the Weird iPhone X Notch

Embracing the Peculiar iPhone X Notch

A few days ago Apple announced their new lineup of phones including the widely expected and leaked iPhone X. There was nothing new due to the huge amount of leaks and prototypes that were being reviewed months before and the biggest thing about the new phone is the screen. It pretty much takes the whole front face of the phone but has a very distinct cutout at the top to case the cameras and sensors, the iconic and weird, iPhone X Notch. Personally I don't like it. It looks like a badge that when the screen is using white or light colors. With black it looks dope. However the most amazing thing for me and the reason of this post is to highlight how much the design community embrace any new Apple release. It's not a rant, it's just an observation. Many devices in the past had to create workarounds due to similar constraints and they were always fiercely criticized by designers. The best example was the Moto 360 smartwatch. But enough of comparisons, below you can see a compilation of recent Dribbble posts already adopting and promoting the new look of iPhone X. iPhone X Notch

iPhone X: Interface Guidelines

iPhone X: Interface Guidelines

Today we've witnessed the latest from Apple, whatever you feel it was amazing or not; they have released the new iPhone. It's here and it's what Apple think will be the future of the smartphone. Introducing the iPhone X, coming with a new size of 5.8-in with a "super" retina display. Wait! We are not going to go through its features but more into their human interface guidelines. Basically what has changed on the UI aspect of things that will probably affect our work somehow if you are in iOS Design. Let's dig! Apple also shared their UI Design Resources, how cool is that? They provided files for Photoshop, Sketch and Adobe XD where based on the iOS SDK, it's just a really good and reliable resource to dig through for your next project or just by curiosity. ...a large, high-resolution, rounded, edge-to-edge display that delivers an immersive, content-rich experience like never before. Image via Apple Developer Site Screen Size In Portrait, the iPhone X has the same width as its predecessors (iPhone 6, iPhone 7, and iPhone 8) but the display is actually higher of 20% on the vertical space for the content space. To be specific, it's 145pt taller. For our UI assets, they will have to be @3x to support its high-resolution display.   • Portrait Dimensions: 1125px × 2436px (375pt × 812pt @3x)   • Landscape Dimensions: 2436px × 1125px (812pt × 375pt @3x) Layout "Safe" Area There are many things to think about when designing for the iPhone X including the newly sensor housing on the front. Make sure to remember about the backgrounds to give a fully immersive full-screen experience to the edges of the display all the way to the bottom. Apple is advising us to design with a mindset of having the content centered, looks right with the different orientation and to stay away from the corners including the sensor's area. Please take a look at the different possible situations below. We gotta think about the aspect ratio as well especially how your UI will behave with auto-hiding for like playing videos or photo slideshows for example. Gestures Since Apple got rid of the "home button of the iPhone X, they had to rethink about the gestures. Just to add to the list, now we have home screen, app switcher, notification center, control center and also Face ID. Regarding iOS 11, I am not a huge fan of how you have 3 different ways to swipe down, from the home screen. We can leave these thoughts of the full release of the next iOS. Links on Apple Human Interface Guidelines Overview for iPhone X Apple UI Design Resources More Links Follow my tweets @aoirostudio Follow my pictures on Instagram Images via Apple Developer Site