User interface design patterns are solutions to common design challenges, such as navigating around an app, listing data or providing feedback to users.
Mobile apps and sites have unique UI design requirements because, compared to their desktop counterparts, they’re used in smaller screens and, at least with today’s modern mobile devices, rely on fingers instead of a keyboard and mouse as input mechanisms.
Whether you’re designing a mobile app UI for the first time or in need of specific design solutions, these mobile UI design pattern resources will surely help!
1. Mobile UI Patterns
Mobile UI Patterns is a great site to visit to see common mobile UI design patterns such as
activity feeds and
notifications. The patterns are organized into 20 categories so that you can easily find what you’re looking for.
2. Inspired UI
Inspired UI is an excellent mobile UI design pattern gallery with over 1,000 screenshots of real mobile apps. Design patterns featured in the site include
sign up pages and
check-in user interfaces.
3. lovely ui
This site features common mobile app user interface elements such as
buttons,
lists and
popovers. lovely ui was created by NYC-based interactive designer
Diana Frurip.
4. Mobile Design Pattern Gallery
This design pattern gallery is a supplement to UX designer Theresa Neil’s
mobile design pattern book published by O’Reilly Media. This gallery features an
anti-patterns section featuring UI design techniques to avoid. You can also view the design patterns on
Flickr.
5. pttrns
Over 30 mobile UI design patterns (e.g.
splashscreens and
walkthroughs) are featured on pttrns, a gallery site with large screenshots and a clean interface. The site is by Robin Raszka (founder of popular iOS development firm
Tapmates) and
chemiX.
6. Patterns of Design
This site seeks to present notable mobile app UI patterns from exceptional iPhone and iPad apps. Patterns of Design is by Will Simons, a freelance UX designer and project manager.
7. 4ourth Mobile Design Pattern Library
This wiki resource is a general reference guide to mobile UI design patterns. It discusses a wide array of design patterns such as
slideshows and
pagination, to
advertising within your mobile app.
8. Android UI Design Patterns
This blog by German technologist/developer/Android user Juhani Lehtimaki publishes posts that cover Android UI design patterns. In each post, a design pattern is discussed and relevant screenshots from mobile apps are included.
9. android pttrns
android pttrns, inspired by pttrns (featured above), is a gallery of Android app UI design patterns. It currently only has a few patterns, such as
action bar and
tab bar.
10. Official Developer Documentation of Mobile Operating Systems
Mobile OS manufacturers typically have official docs geared for professionals developing for their platform. These docs often include guides on UI design patterns.
【原文】
http://sixrevisions.com/user-interface/mobile-ui-design-patterns-inspiration/
【中文】
http://www.lisadou.com/?p=206
- 大小: 58.5 KB
- 大小: 90.8 KB
- 大小: 80.3 KB
- 大小: 59.1 KB
- 大小: 88.9 KB
- 大小: 64.7 KB
- 大小: 72.6 KB
- 大小: 83.2 KB
- 大小: 74.9 KB
- 大小: 84.8 KB
分享到:
相关推荐
设计模式:可复用面向对象软件的基础(中文)Design Patterns:Elements of Reusable Object-Oriented software
Design patterns are elegant, adaptable, and reusable solutions to everyday software development problems. Programmers use design patterns to organize objects in programs, making them easier to write ...
Java+Enterprise+Design+Patterns+-+Patterns+in+Java+Volume+3Java+Enterprise+Design+Patterns+-+Patterns+in+Java+Volume+3
在这个"DesignPatterns:C++示例的设计模式"项目中,我们将会深入探讨C++语言中的各种设计模式,并通过实例来理解其工作原理。 首先,我们要了解设计模式的基本分类。设计模式通常分为三类:创建型模式、结构型模式...
The Kubernetes Pod abstraction enables design patterns for containerized applications similar to object-oriented design patterns. Containers provide some of the same benefits as software objects such...
"Machine Learning Design Patterns" 《Machine Learning Design Patterns》是一本关于机器学习设计模式的书籍,作者是Valliappa Lakshmanan, Sara Robinson和Michael Munn。该书的主要内容是解决数据准备、模型...
design_patterns C ++的GOF模式
Title: Implementing Cloud Design Patterns for AWS Author: Marcus Young Length: 234 pages Edition: 1 Language: English ...Chapter 10: Patterns For Networking Chapter 11: Throw-Away Environments
本资源"design-patterns:C++中的设计模式模板"旨在提供C++实现的设计模式示例,帮助开发者更好地理解和应用这些模式。 一、单例模式(Singleton) 单例模式确保一个类只有一个实例,并提供一个全局访问点。在C++中...
本资源“Design-Patterns: C++中常见设计模式的实践”着重于使用C++实现各种经典的设计模式,以提升代码的可读性、可维护性和可扩展性。以下是对这些设计模式的详细介绍: 1. 工厂模式(Factory Pattern):这是一...
10. **Adapter模式**:在Cocoa中,Category和Extension经常被用来为既有类添加新功能,实现适配器模式。 通过学习Cocoa设计模式,开发者不仅可以编写出符合Apple生态规范的代码,还能提升代码的可读性、可扩展性...
这个资源,“C# Design Patterns: A Tutorial源代码”,提供了James W. Cooper编写的教程的源代码,旨在帮助你深入理解和应用这些模式。 一、工厂模式 工厂模式是创建型设计模式之一,它提供了一种创建对象的最佳...
附带的`Mastering Python Design Patterns_code.zip`文件包含了书中所有示例代码,读者可以下载后进行实践操作,加深理解。 总的来说,《精通Python设计模式》是一本实用的指南,适合有一定Python基础,并希望提升...
6. 代码文件:提供的`Go Design Patterns_Code.zip`包含了书中实例的源代码,这将有助于读者直观地理解每个设计模式在Go语言中的具体实现和应用,通过实际操作加深理解。 7. 多格式阅读:提供epub、mobi和pdf等多种...
英文原书名: Design Patterns:Elements of Reusable Object-Oriented software 作者: Erich Gamma 等 译者: 李英军 马晓星 蔡敏 刘建中 书号: 7-111-07575-7 页码: 254 定价: ¥35.00 会员价: ¥31.50 币值: 315 ...
这本书以PDF、EPUB和MOBI三种电子书格式提供,同时附带了`Go Design Patterns_Code.zip`代码文件,方便读者深入理解和实践。设计模式是解决软件设计中反复出现的问题的成熟解决方案,它们代表了在特定上下文中被广泛...
design pattern in C# language
Design Patterns Explained: A New Perspective on Object-Oriented Design By Alan Shalloway, James R. Trott Publisher : Addison Wesley Pub Date : July 09, 2001 ISBN : 0-201-...