Design
Differences between revisions 4 and 6 (spanning 2 versions)
2131
Comment:
|
651
Updated page after the release of the App Design Guides
|
Deletions are marked like this. | Additions are marked like this. |
Line 7: | Line 7: |
As part of the core apps project we want to encourage our community to create and submit designs that can be used as food for thought when our community builds the apps. '''The Canonical Design Team is finalizing a set of design guidelines soon, but until they arrive, here are set of suggestions to keep your design inline with the design goals of the phone'''. | As part of the core apps project we want to encourage our community to create and submit designs that can be used as food for thought when our community builds the apps. |
Line 10: | Line 10: |
== Sample Designs == Here are some example screenshots from designs created for some existing apps for the phone: || {{http://www.ubuntu.com/static/u/img/devices/phone-3-edge-magic-twitter.png}} || {{http://www.ubuntu.com/static/u/img/devices/phone-5-edge-magic-gallery-no-controls.png}} || == Design Guidelines == When creating your designs, please be sure to follow these guidelines: * Always include a human-readable name for the app at the top (for example 'Events' in the image above). * While swiping is fine inside an app, never ever depend on swiping from the edges - the edges are reserved for the main phone OS. * Functionality that relates to each screen (e.g. adding a calendar event to a calendar) should be accessible from the menu that appears when you swipe up from the bottom of the screen. In your designs just add this menu at the bottom of the screen and indicate this. * A core design value is that we ''focus as much as possible'' on content without cluttering up the user interface with controls, sliders, buttons and other content. Please try to follow this same design principle in your designs. * Please only use controls that are supported by the SDK. This includes most common widgets such as buttons, scrollbars, tabs, labels etc. |
Design Suggestions
Contents |
As part of the core apps project we want to encourage our community to create and submit designs that can be used as food for thought when our community builds the apps.
Please note that we are primarily looking for wire-frame mock-ups of designs and not for final visual designs. Most of the visual design is automatically delivered by the SDK.
How To Add a Design
Touch/CoreApps/Design (last edited 2013-02-15 17:34:55 by mhall119)