Windows 8应用设计指南：打造卓越体验的关键要素

需积分: 10 145 浏览量更新于2024-07-24 收藏 6.58MB PDF 举报

"《设计Windows 8：Windows Store应用卓越设计基础》是一本专为Windows 8应用程序开发者打造的设计指南，旨在帮助读者理解并实践创建高效且引人入胜的用户界面。本书深入探讨了Windows 8设计的关键概念，引导读者如何构建一个符合用户期待、在Windows Store中脱颖而出的应用。首先，作者将带你通过精心设计的示例应用，了解Windows 8 UI设计的基础组成部分，如应用程序栏、 charms（快速访问功能）和动画库中的微妙动画，这些都是构成优秀用户体验的重要元素。通过学习，开发者能够掌握如何提供核心的Windows 8体验，让用户感受到与平台无缝融合的设计风格。书中还涵盖了新Windows UI的灵感来源，以及与之相关的设计原则，包括微软的设计理念和应用模型规范。对于初次接触Windows 8开发或在设计过程中寻求提升的人来说，这些内容至关重要。作者强调了在设计时需兼顾触控操作、键盘和鼠标输入，以及不同屏幕尺寸和方向的布局灵活性，以确保应用程序在各种设备上都能流畅运行。作者教导读者如何在众多Windows Store应用中脱颖而出，通过创新设计吸引用户，赢得他们的喜爱，并充分利用Windows 8所带来的机遇。无论是初次尝试Windows 8应用开发，还是希望优化现有作品的设计师，这本书都是他们不可或缺的参考资料。通过阅读这本书，读者将收获丰富的设计策略和技巧，学会如何塑造下一代Windows应用程序，使之既实用又美观，满足用户对于高质量Windows 8体验的期望。《设计Windows 8》是一本实用的指南，适合所有希望在Windows 8平台上打造成功应用的专业人士和开发者。"

Chapter 1 | Microsoft Design Style Inspirations

to the tile. Great examples to look at to see this effect in action are the Travel,

Finance, Weather, News, and People applications that come with Windows 8.

They are constantly updating with information. It keeps the Start screen fresh

and dynamic. The more useful information your tile can animate through on

a regular basis, the more likely the user is to keep your application pinned in

an easily viewable location on their Start screen. I’ll go into more detail about

Live Tile design in Chapter 6.

Summary

In this chapter, you’ve taken a tour of some of the inspirations that were

fundamental to the creation of the Microsoft Design Style. You have learned

about the focus on minimalism that was a characteristic of the Bauhaus move-

ment and saw how it can simplify our applications. You then explored the

clean typography and bold use of colors of the International Typographic Style

and looked at how that style contributes to the character of Windows 8 apps.

Finally, in the discussion of cinematography and motion design, you learned

how these concepts can keep your applications feeling alive and dynamic. In

Chapter 2, I’ll introduce the five principles that guide successful Microsoft

Design Style and show you how to employ them in your app design.

Chapter 2 | Microsoft Design Style Principles

It bears repeating that the five principles listed above are not marketing speak, even

though they may seem to be at first. When I initially heard these principles while

attending BUILD 2011 sessions, I thought they sounded like a bunch of buzzwords.

After learning their importance, however, it began to make sense to me why they are

expressed as they are. The whole purpose of marketing phrases is for them to stick in

your mind. If you can attach some meaning to a phrase, and that phrase can stick in

your mind, you are much more likely to think about the associations you’ve attached

to the phrases when the time comes to apply them. So, bear with me. I promise to

attach some meaning to each of these phrases so that they can stick in your mind for

beneficial reasons rather than because they recall cheesy marketing speak.

Show Pride in Craftsmanship

Merriam-Webster defines the word ‘craftsman’ as “one who creates or per-

forms with skill or dexterity.” The word craftsman is often associated with

physical trades such as carpentry or jewel crafting. However, you can and

should treat software as a craft. Craftsmen begin to practice their trades as

apprentices and are forever honing their skills in an effort to become expert

at their profession. Craftsmen will practice every day to ensure that they are

becoming better at what they do. True craftsmen will understand how far

they have come since apprenticeship and will apply the knowledge acquired

in the past to future endeavors. Craftsmen will use the right tool for the right

job to the best of their abilities, in order to achieve the best possible results.

Ultimately, it all comes down to pride. The best definition of ‘pride’ that I have

seen that fits this context is “a feeling or deep pleasure or satisfaction derived

from one’s own achievements.” We must be proud of our work. If you treat

your software design work as a craft and truly put your best effort into it, it

will be hard not to be proud of the outcome.

For Windows 8 and Microsoft design in general, there are some key concepts

that arise from this idea of showing pride in craft. The key concepts I’ll focus

on are the following:

Sweat the details.•

Make it safe and reliable.•

Align to the grid.•

Sweat the Details

When it comes to software design on a platform with a strong design lan-

guage, it should come as no surprise that details really matter. Taking a look

PRINCIPLES, NOT MARKETING PHRASES

Designing for Windows 8

at the vast landscape of applications available for Windows 7 and earlier ver-

sions, one can see what happens when there is not a strong sense of design

guidance. Traditionally, Windows has not been a place where users of various

applications have been able to have a sense of consistency from one applica-

tion to the next. Sure, within some application suites, such as Adobe Creative

Suite or Microsoft Office, there is some level of consistency. However, com-

paring even those two suites against each other reveals myriad differences in

how to design key user functionality. It’s not just functionality, however, that

suffers from this lack of consistency: the whole design aesthetic suffers as well.

From application to application, there is simply no sense of a common per-

sonality on Windows 7 and previous versions of Windows. This isn’t really a

fault of developers or designers. Users simply weren’t provided strong enough

guidance for newer applications, and older applications with even older design

ideas continue to run alongside them. This all changes with Windows 8 and

the Microsoft design language.

It’s time to care about the details. And not merely care about them, but truly

sweat them. There are very strong design guidelines for Windows 8 applica-

tions that have been designed to ensure a higher level of platform consistency

from application to application. For example, the page header for each appli-

cation should have a left margin of 120 pixels and a baseline 100 pixels from

the top. When you switch from application to application, you can see that

the headers consistently align in this location. If you did not pay attention to

even this one detail in the design guidance, your application would stick out

like a sore thumb. Users will become accustomed to the consistency in the

platform, and if you don’t sweat every detail in your application design, you

may find your application unappealing. Microsoft has provided you with a very

good set of design guidelines for your applications to follow, and it is in your

best interests to make sure your designs adhere to them.

Sweat the Details in Running Total

Taking a look at the Running Total application, one can quickly get the feeling

that the designers spent a lot of time on the details. Many of the colors chosen

for the design come directly from the large image that takes up a big portion

of the initial screen. The running theme of the application has been reinforced

not only by this image but also in the background of the pages (see Figure 2-1).

Great care has been taken to ensure that the fonts used in the application are

within the set of fonts defined for Windows 8. The designers, both interaction

designers and information architects, also thought about what type of data

was relevant on each screen and showed only what was most appropriate for

each level of the application hierarchy. This type of attention to detail is very

important when building Windows 8 applications.

剩余158页未读，继续阅读

KevinWu2019

粉丝: 1
资源: 158

Windows 8应用设计指南：打造卓越体验的关键要素

Designing for Windows 8_Fundamentals of Great Design in Windows Store Apps

Windows 8 store style apps development resources document

Windows 8 应用商店设计素材 PSD

Designing great news apps for Windows.pdf

设计业务信息系统：应用程序，网站等Designing Business Information Systems: Apps, Websites, and More

Designing for the next great leap in mobility

Algorithms in C++, Parts 1-4: Fundamentals, Data Structures, Sorting, Searching

Designing with Progressive Enhancement: Building the Web that Works for Everyone

A MATLAB Script for Designing Interplanetary Launch Trajectories：行星际发射轨迹的初步设计和分析。-matlab开发

ISSCC 2021 Tutorials Fundamentals of Memory Subsystem Design for HPC and AI

最新资源