Design Using Blend for VisualStudio 2012
Blend for Visual Studio 2012 helps you design and build user interfaces by providing you with an accurate design surface and tools that let you visually create and edit Windows Store applications. These new design tools take advantage of Windows 8 technologies to create dynamic applications that run on a wide variety of Windows-based hardware. You can choose to design your user interface using HTML or XAML.
image courtesy MSDN:
Designing in HTML
A Windows Store app built using HTML uses the same technology that a web site uses. However, a Windows Store app is not deployed page-by-page from a web server. Instead, it is installed locally on the user's computer. Like any native Windows application, a Windows Store app built using HTML has direct access to the underlying platform and is able to share information with other applications.
Visually edit HTML, CSS, and Microsoft design style controls. What you see in Blend is what users will see in Windows 8.
Design your app in states that would otherwise be available only at run time, without having to endlessly compile and run.
Drag and drop Windows app controls onto the design surface, set their properties, and style them.
e generation When you add a new style or element to an app, Blend takes care of all the syntax and generates concise, reliable, and predictable code.
panel updates to display run-time changes.
learn more @
Designing in XAML
A Windows Store app built using XAML gives you more control over the styling and animating of controls. Visual Studio also provides a XAML Designer. Much like Blend, the XAML Designer in Visual Studio provides a main design surface and a toolbox to drag-and-drop controls.
Use the Objects and Timeline and States panels to create complex animations for your app. The visual state design features in Blend also enable you to work with the new Windows 8 theme animations.
Use the States and Device panels to create a Windows app UI that takes advantage of view states and orientations supported in Windows 8.
Add pre-defined or create custom transitions for your app by using the States panel.
Styles and GroupStyles
Customize the default control styles by the comprehensive styling and editing features available in Blend. You can also customize Windows 8 GroupStyles.
Edit control templates by using the Objects and Timeline panel or the Breadcrumb bar. While in template editing mode, you can add Windows 8 theme animations by using the States panel.
Data binding tools support the following binding types: DataContext, DataSource, ElementName, RelativeSource Self, RelativeSource TemplatedParent, and StaticResource.
Create Windows app layouts using built-in layout containers such as GridView, ListView, StackPanel, WrapGrid, and more, all of which can be customized to suit your needs.
Create controls on the artboard quickly and easily by using the Tools and Assets panels.
Modify and edit objects quickly and easily by using the Properties panel.
learn more @
Last edited by sak-venom1997; 6th April 2013 at