Lines Matching full:application
25 <p>Now that we have a solid understanding of navigation patterns and screen grouping techniques, it's time to apply them to our screens. Let's take another look at our exhaustive screen map for the example news application from the <a href="screen-planning.html">first lesson</a>, below.</p>
29 alt="Exhaustive screen map for the example news application" id="figure-exhaustive-map">
31 <p class="img-caption"><strong>Figure 1.</strong> Exhaustive screen map for the example news application.</p>
47 alt="Final screen map for the example news application on handsets" id="figure-map-example-phone">
49 <p class="img-caption"><strong>Figure 2.</strong> Final screen map for the example news application on handsets.</p>
53 alt="Final screen map for the example news application on tablets, in landscape" id="figure-map-example-tablet">
55 <p class="img-caption"><strong>Figure 3.</strong> Final screen map for the example news application on tablets, in landscape.</p>
58 <p>At this point, it's a good idea to think of screen map variations, in case your chosen patterns don't apply well in practice (when you sketch the application's screen layouts). Below is an example screen map variation for tablets that presents story lists for different categories side-by-side, with story view screens remaining independent.</p>
77 <li>Is there screen 'master' functionality, allowing re-use of visual elements across different screens? For example, Action Bars should be visible on almost every screen in your application.</li>
86 <p>After sketching out layouts on paper and choosing a digital wireframing tool that works for you, you can create the digital wireframes that will serve as the starting point for your application's visual design. Below are example wireframes for our news application, corresponding one-to-one with our screen maps from earlier in this lesson.</p>
91 alt="Example news application wireframes, for handsets in portrait."
96 <p class="img-caption"><strong>Figure 5.</strong> Example news application wireframes, for handsets in portrait.
102 alt="Example news application wireframes, for tablets in landscape."
107 <p class="img-caption"><strong>Figure 6.</strong> Example news application wireframes, for tablets in landscape. Also includes an alternate layout for presenting story lists.
116 <p>Now that you've designed effective and intuitive intra-app navigation for your application, you can begin to spend time refining the user interface for each individual screen. For example, you can choose to use richer widgets in place of simple text labels, images, and buttons when displaying interactive content. You can also begin defining the visual styling of your application, incorporating elements from your brand's visual language in the process.</p>
118 <p>Lastly, it may be time to begin implementing your designs and writing the code for the application using the Android SDK. To get started, take a look at the following resources:</p>
