Advertisement

20

 

海外デザインブログFavbulous.comで、ユニークなコンテンツの展開、切り替えが魅力的なiOSアプリデザイン20個をまとめたエントリー「Paper Fold Effect in App Design – UI」が公開されていたので、今回はご紹介します。

 

実際に折り畳んだような、本物そっくりのデザイン、操作感が魅力的なUIデザインとなっており、今後のアプリデザイン制作にも活用したい、デザインアイデアではないでしょうか。

 

 

最後に、折りたたみエフェクトを実装可能なjQueryプラグインも一緒に公開していますので、こちらも参考にしてみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

ユニークな操作感をたのしむ、折りたたみ式iOSアプリデザインまとめ

 

Mailer Unfold

11(2)(3)

 

 

 

Coral Reference Guide – iPhone App Submenu

15(2)

 

 

 

#figuresApp 1

10

 

 

 

Dribbble

14(2)

 

 

 

Televizyo iPhone App UI

1(2)(3)

 

 

 

 

8(2)

 

 

 

Foldstagram

9(2)

 

 

 

UX/iOS/UI iPhone Idea

2(2)

 

 

 

Languages Coming October 25

17(2)

 

 

 

Trainboard

19(2)

 

 

 

Folding UI

16(2)

 

 

 

Paper Fold Interaction

12(2)(3)(4)

 

 

 

Fold

18(2)

 

 

 

Qiwy iOS/iPhone App Curl Test

3(2)

 

 

 

Photofold

4(2)

 

 

 

Slide to Unlock (Fold Out)

5(2)

 

 

 

Another Unlock Concept

7(2)(3)

 

 

 

Unfold to Refresh Idea

6(2)

 

 

 

3D Thumbnail Hover Effects

4種類のユニークな折りたたみ展開アニメーションを作成したjQuery。サンプルデモページも5種類用意されているので、分かりやすいですよ。

ios_fold_top

 

 

サムネイル@ : Fold by Nick Hiotis – Dribbble.com

参照元リンク : Paper Fold Effect in App Design – UI – favbulous.com