Modern Lock, Home, Start and Login Screens used in Mobile Apps

• 6 minutes READ

Today we are going to take a gander at various basic and fundamental functional screens that are intrinsic to the majority of mobile applications as well as a mobile operating system. Our discussion is particularly centered on the home screen, login screen and lock screen.

Let’s briefly get to know them.

  • Home screen is like a front page of a website; it briefly familiarizes users with an app and provides customers with basic, key instruments.
  • Login and Sign Up screens are quite familiar to us; they are ubiquitous, being some kind of virtual doors that directly related to our accounts.
  • Lock screen has become widely popular namely due to gesture-based devices. This feature allows displaying prevalent, quite habitual information such as date, time, weather forecast, email notifications and others – that are constantly updated – while the device is still locked and safely protected from accidental and unwitting human interventions.

While the first two, as a rule, encountered in various applications, the latter is a basic attribute of any touch screen device.

In this collection, we are sharing with you impressive and ambiguous concepts of various practical screens with splendid professional UIs.

Lock, Home, Start and Login Screens Examples

Lock Screen Concept by Eli Williamson has a perceptible circular vibe. The outline style elements in tandem with a large ultra-narrow type beautifully set off from the picturesque background.

Lock Screen Concept by Eli Williamson

No-Code Email Template Builder

With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.

Free Email BuilderFree Email Templates

Home Screen by Gert Tzafa is based on a heavily blurred background that gives the UI a polished and sleek feel. Such a turbid background easily highlights foreground elements, while the curved borders add a tone of elegance.

Home Screen by Gert Tzafa

iPhone Lock Screen Design by Asher Charles lets out a delicate nature breath of a warm summer day. A spectacular greenish background is skillfully complimented by several components: white slightly bold typography in the header and saturated white glyphs at the bottom of the screen.

iPhone Lock Screen Design by Asher Charles

Unlocking iOS7 by Nandor Tamas involves nothing more than a few basic integral elements. A monochrome dark background helps to direct users’ eye to a contrasting keypad with circular outline keys. Here, the minimal approach is used as fit as a fiddle.

Unlocking iOS7 by Nandor Tamas

Sightsy – Home screen by Rick Waalders has a sleek and unconventional UI with a lovely geometry touch. The colorful flat shapes are bolstered by tiny captions, leaving a lot of free space.

Sightsy - Home screen by Rick Waalders

Low-Code Website Builders

With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes.

Try Startup App Try Slides AppOther Products

Part1: Lock Screen by Peyman Eskandari is a smart and quite comprehensive concept that provides users with quick access to essential programs. The lock screen invites action from the user, utilizing a simple drag-and-drop technique.

Lock Screen by Peyman Eskandari

iOS7 Lock Screen by Charles Patterson depicts a marvelous seascape. The blue-tone – which has a powerful calming effect – efficiently collaborates with a subtle clock and casual narrow type.

iOS7 Lock Screen by Charles Patterso

iOS 7 Lock Screen by Maximlian skillfully displays current information that everyone finds fundamental. A vibrant gradient layout looks pretty neutral, and allows not distracting attention from a time block; the darkened bottom strongly emphasizes a small widget that features weather forecast and date.

iOS 7 Lock Screen by Maximlian

iOS7 Lock screen v2 – Redesign by Mariusz. The concept also familiarizes users with the same set of data. The designer leverages a magnificent gradient background with a lambent bokeh effect in combination with an elegant font and outline icons.

The block of basic information is compactly arranged on the top.

iOS7 Lock screen v2 - Redesign by Mariusz

Android Launcher by Graphicure. The designer adopts a minimal approach that makes the UI look simple and clean. The screen is also based on a trendy blurred background that naturally recreates a sense of softness and smoothness.

Android Launcher by Graphicure

Login iPhone by arjun/aj immediately gives an impression of very delicate work with meticulous attention to details. Although the design features a quite simple login form, it has a truly sophisticated and pixel-perfect appearance.

Login iphone by arjun aj

Sign Up by Ari. Here, the sign-up form takes up the whole space, providing users with a pretty handy interface. The top avatar with rings around it adds a feeling of motion and dynamics.

Sign Up by Ari

Login to your account by Gert Tzafa looks clean and well-balanced. The contrasting color palette works very well in this case; it laconically sets basic fields apart from a neat grey background as well as effectively stresses type and icons.

Login to your account by Gert Tzafa

Login by Joshua Scott. The designer gives the login form a more dominant position, placing it in the heart of the screen and leaving the rest space clean and pristine.

Login by Joshua Scott

iPhone Home Screen by Flavio Santana is soaked with a fancy flat style. Several wide stripes, made in a subdued coloring, neatly underline bold font and subtle outline icons.

Iphone Home Screen by Flavio Santana

iOS7 Style Sign-Up Page by Kushagra Agarwal demonstrates an in-depth sign-up form with various standard fields that are densely packed together. The UI looks refined and legible mainly due to contrasting color scheme and low opacity layers.

iOS7 Style Sign-Up Page by Kushagra Agarwal

Starting screen by Baris Ertufan – The designer employs a two-color palette in order to support the foreground elements and make interface simple and clean. The huge central camera icon unambiguously communicates the idea behind an app.

Punch A Hole Starting screen by Baris Ertufan

Warby Parker App Screens by Wade Burrell showcase both ‘login’ and ‘sign up’ screens that are imbued with purity and modesty. An authentic white background wonderfully complements light grey outline boxes.

Warby Parker App

Revisited iPhone home screen by Loris Grillet has a very intuitive UI that notifies the owner about changes with the help of small ordinary glyphs. As always, the screen displays date and time in its usual place.

Revisited iPhone home screen by Loris Grillet

Calendar & Tasks Lock screen by Iluha tsuprun has a content-heavy layout that covers such integral features as date, weather forecast, current tasks and calendar. Although all of these are presented on one small screen, the black-and-white color solution is suffices to create a sharp contrast and make elements look distinguishable and crisp.

Calendar & Tasks Lock screen by Iluha tsuprun

iPhone home screen concept by Andre R Almeida is aimed to provide as much information as possible. The stripe layout helps to avoid a sense of chaos, recreating the properly-balanced design.

iPhone home screen concept by Andre R Almeida

Reflection

Usually, designers adhere to a minimal approach that delivers quite spacious and intuitive screen layout that is supported by several (4-5 no more) separate small widgets which, as a rule, represented by means of intelligible icons.

However, there are those who prefer to give extra information that, typically, is tightly packed together and has an appearance with striking contrast.

Nataly Birch

Nataly is an exceptional web designer and developer with a master's degree in computer science. She is highly skilled in helping clients establish a strong online presence and achieve their digital marketing goals across various sectors, including email design, email marketing, and web development. Nataly remains at the forefront of the industry by staying updated with the latest trends through continuous learning.

Posts by Nataly Birch