Guidelines and checklist for text and typography (Metro style apps) The proper use of font sizes, weights, colors, tracking, and spacing can help give your Windows Store app a clean, uncluttered look that makes it easier to use.
Follow these guidelines when selecting fonts and specifying font sizes and colors. There are style resources available that make it easier to adhere to these guidelines: For Windows Store apps using JavaScript, use the WinJS style sheets. These style sheets use the recommended colors, weights, and tracking values provided in this topic. For info about how to include the style sheets, see Quickstart: Adding WinJS controls and styles.If you're creating a Windows Store app using XAML, use the theme resources associated with styling a TextBlock or RichTextBlock to easily implement these guidelines. If you're looking for a list of Segoe UI Symbol icons, see Guidelines for Segoe UI Symbol icons. Dos and don'ts Achieving simplicity and clarity require careful attention to typographic detail.
Use the recommended fonts. Segoe UI type ramp. Planning Metro style apps. When planning your Windows Store app, think less about what features you want to include and more about what experience you want to provide your users.
If you haven't already, you might want to read Meet Windows Store apps. We recommend that you follow these steps to plan your Windows Store app. 1. Decide what your app is great at The most important part of designing a Windows Store app is determining what the app will be great at. What's your app about? For example, suppose you want to build an app that helps people plan their trips. What's your app great at? After you choose a single scenario, decide how you would explain to an average person what your app is great at by writing it down in one sentence.
This is your app's "great at" statement, and it can guide many design decisions and tradeoffs that you make as you build your app. Common techniques to help with this step: brainstorming, association diagrams, mind mapping. 2. The Windows 8 Dev Center: Everything you need to design, build, and sell a Metro style app - Windows 8 app developer blog. For Windows 8, we completely reimagined not just the platform, but also how we share app development info with you.
Launched 9 months ago, the Windows Dev Center is the one place where you can find all the info and resources you need to get going. Whether you’re new to development, seeking inspiration for the next great app, or you’re simply stuck and need help, you can find it here. We talked to many developers, and heard a lot about how difficult it could be to find the right info in the MSDN Library. The goal we set for Windows 8 developer content was to try to provide exactly the right content when you needed it, and not have too much info get in your way.
To that end we focused on how to do things, instead of on why we built a given feature the way we did. And, you don’t have to be a dev to find a lot of interesting info in the Dev Center. The structure and navigation The Windows Dev Center is broken into 4 sections: Metro style apps, Internet Explorer, Desktop, and Hardware. Windows 8 HTML5 Metro Style App: How to create a small RSS reader in 30min (part 1/2) - David Rousset. Starting from scratch, we’re going to learn through these 2 tutorials how to build a small RSS reader with HTML5, CSS3 and WinJS, the Microsoft JavaScript framework for Windows 8.
We will then build a WinRT application targeting the Windows Store. We’ll try also to follow the Windows 8 UI design guidelines by using Expression Blend 5. If everything goes fine, you should be able to follow these 2 articles in 30 minutes. This first article will help you to create the welcome screen that will use a WinJS ListView control.
This control will display all the blog posts recently published via nice thumbnails. Pre-requisites: to follow these tutorials, you need first to: 1 – Download/buy & install Windows 8 RTM on your machine: where you also have a 90-day trial version available. 2 – Download & install Visual Studio 2012 Express RTM for Windows 8: which is free or you can use the paid versions of course. Windows Metro Style Apps Developer Downloads. Using SQLite in a Metro style app. At the “Developing Windows 8 Metro style apps with C++” event that happened on 18-May-2012, we saw and heard some very interesting things.
If you were watching live then hopefully you didn’t see how I tried to work through my presentation while my disk was suspiciously guzzling every last byte until it eventually ran out of space! But I digress… During the keynote presentation by Herb Sutter, we brought up several customers that are well-known in the native code world to talk about their experiences with Metro style apps and C++/Cx.
In particular hopefully this one caught your eye: That’s right, the team for SQLite was there to discuss how they were able to take their existing Win32 codebase and ensure that it worked well on Windows 8 as well as for Metro style apps. SQLite is a in-process library that implements a self-contained, serverless, zero-configuration, transactional SQL database engine. Dr. Building SQLite from source In a nutshell you’ll need: Runtime versus client access Summary.
Windows 8.