Advertisement

iPhone-home-screen-concept-by-Andre-R-Almeida(2)(3)

 

スマートフォン端末が普及したことで、ジェスチャー機能などを備えた、ホームスクリーンやロック画面など、デザインにこだわるディスプレイを見かけるようになっています。iPhoneなどのスマートフォンはもちろん、モバイルアプリなどにも採用されています。

 

 

海外デザインブログDesignModo.comで、デザイン性のすぐれた素敵モバイルUIデザインをまとめたエントリー「Modern Lock, Home, Start and Login Screens Used in Mobile Apps」が公開されていたので、今回はご紹介します。

 

 

[list type=”star”] [li]ホーム画面は、ウェブサイトのトップページのようなもので、ユーザーにアプリや提供されている基本機能に親しんでもらう役割があります。[/li]

[li]ログイン/サインアップ画面は、いたるところに登場し、まるで自分のアカウントに自由に移動できる、どこでもドアのような役割をしてくれます。[/li]

[li]ロック画面は、ジェスチャー機能を活用したデバイスをチュシンに、ひろく親しまれています。一般的に日付や時間、天気予報、メール新着除法などが、随時アップデートされており、ロックされている間は、誤作動も防いでくれます。[/li][/list]

 

 

 

詳細は以下から。

 

 

 

魅力的なスクリーン画面を使った、モバイル用アプリUIデザインまとめ

 

Android Launcher

ミニマルスタイルでアプローチされたUIデザインが特長で、2013年トレンドにもなっているぼかしテクスチャを背景に採用。

Android-Launcher-by-Graphicure

 

 

 

Part1: Lock Screen

基本的なプログラムに、素早くアクセスできるように考慮された、ロック画面のコンセプトデザイン。

Lock-Screen-by-Peyman-Eskandari

 

 

 

Slightsy – Home Screen

さまざまなシェイプを、カラフルなフラットスタイルで再現し、デザインフォントに余白スペースが、全体のバランスを整えています。

Sightsy-Home-screen-by-Rick-Waalders

 

 

 

iOS 7 Style Sign-Up Page

洗練されたUIデザインは、読みやすさだけでなく、コントラストを考えた配色が採用されています。

iOS7-Style-Sign-Up-Page-by-Kushagra-Agarwal

 

 

 

Lock Screen Concept

サークル状デザインパーツを使い、真ん中に細字スタイルフォントが採用された、ロック認証画面。

Lock-Screen-Concept-by-Eli-Williamson

 

 

 

iOS 7 Lock Screen v2

ボケデザインを利用した、美しい壁紙デザインとエレガントなフォント、アウトライン型アイコンなど、スタイリッシュに決めています。

iOS7-Lock-screen-v2-Redesign-by-Mariusz

 

 

 

Home Screen

ボカシ具合のつよいテクスチャ素材を背景にすることで、UIデザインが際立ち、なめらかな表情を作りあげています。

Home-Screen-by-Gert-Tzafa

 

 

 

iOS 7 Lock Screen

幻想的なグラデーションテクスチャを背景に、iPhoneに搭載されている、基本機能をスタイングしたロック画面。

iOS-7-Lock-Screen-by-Maximlian

 

 

 

iOS 7 Lock Screen

青色トーンで統一された海景色を背景に、シンプルな時計と日付表示が、落ち着いた雰囲気を演出します。

iOS7-Lock-Screen-by-Charles-Patterso

 

 

 

Unlocking iOS 7

モノクロベースの背景に、アウトライン型サークルを利用したキーパッドは、まさにミニマルスタイル。

Unlocking-iOS7-by-Nandor-Tamas

 

 

 

Login To Your Account

コントラストを強調した配色パレットが、モダンな雰囲気に仕上げ、ログインフォームの入力もスムーズです。

Login-to-your-account-by-Gert-Tzafa

 

 

 

iPhone Home Screen

フラットデザインを採用したUIデザインで、落ち着いた配色に、太字タイポグラフィー、アウトライン型アイコンの組み合わせ。

Iphone-Home-Screen-by-Flavio-Santana

 

 

 

iPhone Lock Screen Design

心地よい夏の日々を思い出される、みどり色の背景をバックに、ヘッダー部分の白字テキストと、下にはピクトグラムアイコンが巧みにデザインされています。

iPhone-Lock-Screen-Design-by-Asher-Charles

 

 

 

Login

ログイン画面だけにフォーカスし、残りを余白スペースのみで仕上げたシンプルデザイン。

Login-by-Joshua-Scott

 

 

 

Starting Screen

2色のみで構成されたカラーパレットは、インターフェースデザインをシンプルで、クリーンにしてくれます。

Punch-A-Hole-Starting-screen-by-Baris-Ertufan

 

 

 

Werby Parker App Screens

どちらのスクリーン画面も、ピュアなミニマル性を保っています。白ベースの背景に、アウトライン型ボタンも見事にはまっています。

Warby-Parker-App

 

 

 

Sign Up

フルスクリーンを使って表現されたサインアップ画面で、アバターアイコンにアニメーションが実装されています。

Sign-Up-by-Ari

 

 

 

Revisited iPhone Home Screen

よく見かけるiPhoneのホーム画面をリデザインしており、直感的な操作を可能にする、アウトライン型アイコンが並べられています。

Revisited-iPhone-home-screen-by-Loris-Grillet

 

 

 

半透明レイヤーを使った、素敵iPhoneアプリUIデザインまとめ

iOS 7から採用された、コントロールセンターに使われている、半透明レイヤーデザインを集めた、まとめ記事となります。

Calendar-by-chocolatinaShoko-Oyamada

 

 

サムネイル@ : iPhone Home Screen Concept by Andre R Almeida – Dribbble.com

参照元リンク : Modern Lock, Home, Start and Login Screens Used in Mobile Apps – Designmodo.com