参考になるiPhone用アプリのサイトのデザイン24個

iPhoneアプリサイトのデザインの仕事をしてまして、参考としてiPhoneアプリのサイトを調べたのでまとめてみました。
iTunesストアで外国のiPhoneアプリのサイトを片っ端から見まして、
個人的にいいなと思ったiPhoneアプリ(含むアンドロイドアプリ)単体のサイト、会社のデザインです。
大別すると、

・スクショ+シンプルタイプ
・シンプルタイプ
・アイコンタイプ
・その他

の4つになります。

スクショ+シンプル型

インパクト重視!なデザイン。

FLIP Bord

Flipboard

横長の、触ってきもちいいサイトw
二枚目の画像の時に、さりげなく赤いと茶色の帯が残るところが憎いです。

Instagram

Instagram

大人気のiPhoneアプリ、Instagram。スクショとApp Storeへのリンクと最低限のシンプルな内容で、上品。

Osfoora

Osfoora

キャプチャが全面に出されていて、シンプルだけどわかりやすい。
ただしソースは見るとげんなりするので、見ない方がいいです。。。
PHOTOSHOP EXORESS

PHOTOSHOP.COM

我らがPhotoshopのアプリ。意外とシンプルだけど、キマってます。

Dailymotion App

Dailymotion App

iPad、iPhone版それぞれキャプチャが動くのが面白い。
既存サイトのヘッダとフッタを残したままうまくデザインしています。

Nibiru Tech

Nibiru Tech

TwitBirdやMobileRSSなど有名アプリを出している会社のサイト。
TOPだけでなく中のページもステキです。



スクリーンショットタイプ

デザインもだけど、情報量もそれなりに欲しい場合は、こちらのサイトが参考になります。

Mobile RSS

Mobile RSS

かっこいい。インパクトがあって、ナビを押した時の演出もステキです。
コンテンツ部分もシンプルで見やすくお手本みたいなデザイン。

Tap DJ

Tap DJ

デザインももちろん、右上の臨場感あるムービーの見せ方が素晴らしい!
これもiPhoneサイトのお手本みたいなサイト。

SUDOKU

SUDOKU

SUDOKU=数独のiPadアプリのサイト。背景とiPad内が同じ模様なのが意表を突いて面白い。
フッタも見るとニヤリとします。

Music ID

Music ID

アイコン+スクショ。
スクショがマウスオーバーでふわんと浮くのが気持ちいい。
アイコンとスクショが把握できて、わかりやすいデザイン。

NewsRackNewsRack

シンプルにまとまっています。左上にある、吹き出しつきで飛び出るナビがかわいい。


echofon

echofon

無難といったらそれまでだけど、清潔感、信頼感あって好きです。

Read it later

Read it Later

これもシンプルだけど、王道的な感じ。

Tab Toolkit

Tab Toolkit

様々な音楽系アプリを出しているAglie PartnersのTab Toolkit。
正面のスクショが並んでいて、堂々とした印象を受けます。

HARBOR COMPASS PRO

HARBOR COMPASS PRO

この中では珍しくビジュアル重視。iPhone以外の部分で魅せてます。
TempoRubato

TempoRubato

わかりやすくてよいかと。
http://crimsonjet.com/

Drum Kit

わかりやすくていいと思います。

KILIMBA free

KALIMBA free

カリンバというアフリカの楽器のiPhoneアプリサイト。もう見たまんま。

アイコンタイプ

アイコンをメインにしたサイト。非常にシンプル。

Classic Camera Apps

Classic Camera Apps

シンプル過ぎるTOPが潔い。
中のページも必見です。
Photom Fish

Phatom Fish

スプラッシュページ状態なのはいまいちだけど、幻想的な雰囲気が良いです。アプリとマッチしてるかは別としてw


その他

reeder

Reeder

もの凄いシンプルなページだけど、文字にカーソルを合わせると・・・。
中のページも必見。

RjDj

RjDj

イラストをメインにしたサイト。フッタにも注目。
GAME VIEW

GAMEVIEW

クリスマス帽いつまで被ってるん?とかゾンビはどーよとか突っ込みどころはあるんですが、
おそらく冬バージョンで春になれば変わるのでしょう。
各アプリのバナーの見せ方も、他とは違って横長なのは珍しいです。
SPLODE

SPLODE

暗めのデザインだけど、動く背景や、斜めにレイアウトされたiPad、アンドロイド端末が独特。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>