MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Revision 509785 of Design guidelines

  • Revision slug: Web/Apps/Design/Design_guidelines
  • Revision title: Design guidelines
  • Revision id: 509785
  • Created:
  • Creator: chrisdavidmills
  • Is current revision? No
  • Comment

Revision Content

Design guidelines to help create intuitive apps that work across platforms.

Planning
Start by planning your app
Design principles
A useful list of general design principles to start with.
Icon implementation for apps
Useful tips on implementing app icons, including different sizes needed for different platforms (such as Firefox OS), and implementation specifics.
Installed app considerations
High level considerations particular to installed Open Web App UX.
Graphics for responsive sites
Ideas to keep in mind when designing graphics for responsive sites and applications.

Revision Source

<div class="summary">
 <p>Design guidelines to help create intuitive apps that work across platforms.</p>
</div>
<dl>
 <dt>
  <a href="/en-US/docs/Web/Apps/Planning_your_app">Planning</a></dt>
 <dd>
  Start by planning your app</dd>
 <dt>
  <a href="/en-US/docs/Web/Apps/Design/Guidelines/Design_Principles" title="/en-US/docs/Web/Apps/Design/Guidelines/Design_Principles">Design principles</a></dt>
 <dd>
  A useful list of general design principles to start with.</dd>
 <dt>
  Icon implementation for apps</dt>
 <dd>
  Useful tips on implementing app icons, including different sizes needed for different platforms (such as Firefox OS), and implementation specifics.</dd>
 <dt>
  <a href="/en-US/docs/Web/Apps/Design/installed_app_considerations" title="/en-US/docs/Web/Apps/Design/installed_app_considerations">Installed app considerations</a></dt>
 <dd>
  High level considerations particular to installed Open Web App UX.</dd>
 <dt>
  <a href="/en-US/docs/Web/Apps/Design/Graphics_for_responsive_sites" title="/en-US/docs/Web/Apps/Design/graphic_design_for_responsive_sites">Graphics for responsive sites</a></dt>
 <dd>
  Ideas to keep in mind when designing graphics for responsive sites and applications.</dd>
</dl>
Revert to this revision