青青子衿, 悠悠我心, 但为君故, 沉吟至今
如何设计一个好的Windows 8应用
　　虽然 Windows 8 刚上市只有半个月多一点，但 Windows 8 之父，同时也是 Windows 和 Windows Live 部门的总裁、微软下一代 CEO 热门人选的史蒂芬?辛诺夫斯基却已经离开了微软， Windows 8 的设计语言名称也从最初的 Metro 先是变为 Modern 接着变为 Windows 8 Style，最后变为目前微软中国官方所称的 Microsoft Design（本文依旧延用旧名称 Metro 表示 Microsoft Design Language/Style），但 Windows 8 依旧在按照之前微软的规划一步步往前走着，Windows 应用商店的数量从最初的几百个应用迅速增长到了目前的接近 1.5 万，虽然到今天增长已经趋缓但依然强劲，预计十一月底能达到 2 万个。　　虽然数量一直在持续增长着，但优秀出众的应用到现在依旧是屈指可数，随便问一个 Windows 8 用户几乎回答不出有哪几个做得特别好。当然这也与 Windows 8 本身设计语言的特色有关，看起来的简约实际是需要设计师去用心精雕细琢的，不然做出来永远是简陋，还是之前 Windows 8 传统桌面的 Metro 化中所认为的那样&Metro 风格不是让程序员都跑来顶替设计师的&，相反它更加考验设计师。虽然是被称为&Windows 8 应用&，但它与 iOS 应用、Andriod 应用以及相近的 Windows Phone 应用还是有着很大的不同，在界面设计上它更加偏向于网页、平媒等所在的平面设计领域，在交互设计上也是更加偏向比较大的屏幕操作交互。在设计过程中需要认清这一点。　　如何设计一个好的 Windows 8 应用？　　我们都知道一个应用只有适配该应用所在平台本身的风格才能被称为好的应用，因为只有这样用户在使用的时候才能保持好的用户体验。那么面对一个全新的开始界面，全新的用户体验界面与全新的应用布局，应该如何才能设计出一个好的 Windows 8 应用呢？　　1. 好的动态开始画面　　开始画面是用户认识一个应用的开始，如果有一个好的开始画面可以给用户留下一个很好的印象，同时也是一个好的 Windows 8 应用必须有的。　　开始画面细分可以分为启动画面和登陆、加载画面。对于启动画面，微软官方的规定比较死，所以你看到几乎都是清一色的单色前景 LOGO，这样的话除非你的 LOGO 很吸引人否则只能说是中规中矩，毕竟你不能靠一个旋转菊花让用户对你印象深刻吧。所以最好可以将限定的启动画面时间缩短，多在后面的登陆界面与加载界面下功夫，在这方面 QQ, Cookbook, 网易云阅读等做的比较好。　　其中 QQ for Windows 8 的登陆界面与其最新的 2013 桌面版类似，背景是干净的天空，有一朵云动态的飘来飘去。而 Cookbook 和网易云阅读是动态加载跳转，三者其实都是是以动态效果见长，而动画效果在 Windows 8 中最为常见，它是营造 Metro 动感的主要手段。因此如果要设计一个好的 Windows 8 应用，打造一个让人感觉流畅、大气舒缓的动态启动画面是可以加分的。　　2. 好的背景/图片/图像　　在一个应用中背景图片可能就是伴随用户使用该应用的整个过程（贴靠除外），它的重要性要超过开始画面。在平面设计中，和谐、有效的图底关系可以让整个构图活跃起来，从而增强视觉冲击力和感染力。在设计 Windows 8 应用中亦是如此，选择一个合适的整体背景图像不仅可以吸引用户的注意，促使他们留下来去探究其他部分，还可以为页面布局服务。而选择一个不搭调的背景图像的话，不仅使界面变得刺眼，对用户获取信息造成干扰，还有可能使用户烦躁。如下面这个美国白宫应用。只有一个星的评分是有原因的再来看一个比较好的背景 Love Windows　　另外在背景图像的选择上可以去参考一下平面设计，如用渐变背景增加应用清爽感；用插画、涂鸦等增加现代感和活泼度；用圆形多的图像来增强波普风，使其风格更加切近 Windows 8 的整体风格。对于大多数背景为灰色的应用来说，背景中加入一些不规则的图案可以一定程度上消除略显土气的负面效果。　　3. 好的设计界面　　界面包括主界面（中心页）、内容界面（部分页）与详细信息页等各级页面。那么什么是好的设计界面呢？　　1. 严谨的排版布局　　在平面设计中，有一个隐形的构图指导，它就是网格系统。网格可以帮助用户从视觉上来组块信息集，而设计师则使用网格来组织信息的内容，以保证其清晰度。在一定程度上可以说网格布局影响着一个作品的最终外观、心理感受和可用性。　　而在 Windows 8 中，Metro 应用的一大特点就是内容形式化，因此对于占据着 Windows 应用商店绝对主流地位的是各种信息内容类的应用来说，如果一个应用有着严谨的网格布局，那么就可以说这个应用不会太差，即使它是由一个个方块堆砌起来的。因为在 Windows 8 应用设计中网格依旧会是结构的基础，它引导着元素的布局，将文本、图形和图表组织成设计的骨架。它可以保证一个应用内的信息有着基本的清晰度，不会凌乱 。比较奇怪的排版：旧版与新版的千千静听官方中规中矩的排版：说不上有多好，但怎么说也不算差　　最初级的网格布局就是像微软官方建议的那样，整整齐齐的正方形块或矩形框等。再高级点，可以利用网格创造热点区域，利用比例差异来增添动感，建立层级关系等，见下一条。　　2. 优秀的排版布局　　就像上一条所说的，由于从 Windows Phone 到 Windows 8 微软的&示范作用&，造成了很多中规中矩的&方块应用&，甚至快成了一种模版。到现在相信很多人对 Metro 主界面的印象还是一个个方块或矩形框堆砌吧。　　在 Metro 规范下的设计在很多人看起来像是戴着链拷跳舞，因此很多设计被 Metro 的方块给框住了。Windows 8 系统也越来越像一个&豆腐块&系统，雷同的应用内方块堆砌也经常让人联想起报纸上的招聘版面。　　这样，要想设计一个优秀的排版布局，就需要从网格设计上下功夫了，在这方面做得比较好的还是在上面提到的背景做得比较好的 Love Windows。为了对比效果，我们来看看同样是在微软 Windows 应用商店里的推荐热门应用中，也是同等类别的应用 Win8 使用宝典来看一下。　　可以看到，采用对角/成角网格的 Love Windows 完胜 Win8 使用宝典，这种成 45 度的成角网格不仅具有基本的稳定感和一体感，还可以引导用户视线向右移动。可以说是即体现 Metro 的特点又能突破 Metro 方块的最好实例。　　3. 优秀的版面设计　　与整体的排版布局不同，版面设计是对图像和文字等设计元素在空间中的安排，可以看作是内容在局部排版上的细化。好的版面设计应该是可以利用颜色、间隔、定位及其他设计手段营造出视觉焦点吸引读者的注意力，并保持下去。在整体上应当是视觉焦点尽量的少，能够让用户关注应该关注的地方，并保持新鲜感。虽然是取巧于官方 Mail 但 Nextgen Reader 仍不失去一款版面设计优秀的应用　　如采用方块堆砌的话，可以说整个屏幕没有视觉焦点，也可以说满屏幕上每个方块都是视觉焦点，再叫上方块本身充斥感更强，留白少以及中文字体默认的微软雅黑等各种原因造成整个界面让人感觉有压迫感并无从下手，信息间没有层次感和关联感。所以在版面设计上应当注意在合理留白、合适选择字体和合理配色这三个地方来改进。　　合理留白　　众所周知的，对于所有平面设计来说版面设计的基本原则是应留出足够的空间和空白，以使阅读和理解更加容易。因此通过有意的留白来增加呼吸感是让信息保持易读是基本原则，如何创造留白空间也可以看出设计师的实力。　　如文字不能距离太近，倘若标题或文字确实需要横跨整个幅面的话，要给栏空两边的文字留下空间，或者选用更大的字符间距。（另外对于标题能精简的尽量精简）此外还要合理处理列宽、字符间距，行间距，栏宽，断字（连字符号连接），标点，对齐方式等。（以列宽为例：如果列宽过窄，内容就会变得断断续续，用户浏览过程中无法大量获取完整信息。而列宽过宽的时候，眼睛就难以重新定位新一行文字的起点。这两种情况都回导致视觉疲劳并影响阅读体验。）　　合适字体　　上面提到了在 Windows 8 中系统默认选择的是微软雅黑字体，它在字体设计上属于无衬线字体和黑体，因此兼顾了对于 Windows 8 应用来说不适合长时间阅读和字体饱满两大缺点。前者会造成用户容易视觉疲劳，而后者则增加了内容间的空隙，加剧了空间上的充斥感，增加界面呼吸难度。因此在微软雅黑之外重新选择一款更细、空旷度更好的字体是一个比较好的选择。　　合理配色　　在设计的时候除了需要注意留白和字体外还有注意合理配色，如通过轻快明亮的简单搭配色来减少单色调带来的压抑感和审美疲劳和视觉疲劳。另外要避免会引起视觉颤动和颜色扭曲的对比颜色配对，如将互补颜色或者有相近明暗度的颜色搭配在一起的时候。　　另外对于金融、财经、理财、天气等以展示数据信息为主的应用来说要多利用信息化设计，如饼图、柱状图、极限图、线图、散点图、时间序列图等各种信息图表来将复杂的数据转换成二维视觉呈现，使人们能够有效的在最短的时间内清晰的了解信息甚至其背后的趋势等。　　以上都是界面设计上，在交互设计上也需要注意以下几点：　　1. 对用户的交互指引　　之前在 Windows 8 专题里我们曾介绍过新的 Windows 8 UI 向电脑引入一些新概念，如 Charm 菜单里集成的搜索、设置以及右键选项等很多交互操作是需要用户重新学习一下的。但是，大多数用户不知道这一点！相信能够完整看完 Windows 8 专题或能够从其他地方稍微完整得学习了 Windows 使用的人不会太多。因此从交互上能够对用户有一个简单指引在初期的也是可以加分的。　　初始使用简易教程初版微博与人人网对用户的简易指导教程　　界面上引导用户交互凡客与人人网应用的顶栏　　如果严格按照微软官方交互规范的话，Windows 应用内主界面上是不应该有任何命令按钮或者导航按钮的（应放置在上方的导航栏以及下方的应用程序栏中），因为对于 Windows 8，应用内的搜索、设置以及分享是可以直接在 Charm 菜单就可以完成的。但在现在一些引导用户右键的下拉菜单按键是可以有的，如人人网，可以一定程度上防止最初级用户完全不知所措。而凡客虽然有但放在了最中间，一定程度上影响用户关闭操作。　　2. 页面交互设计　　1. 页面层级设定要少　　在导航偏弱的 Windows 8 上，信息层次偏向于扁平化，页面交互设计上应该减少页面层级，尽量多在一个页面层级展示信息，减少用户做选择、做决定的时间。在之前我们曾介绍过的 Hick's Law / 席克定律中也有提到，&比起 2 个菜单，每个菜单有 5 项，用户会更快得从有 10 项的 1 个菜单中做出选择。&　　2. 注意横向滚动　　如果你设计的应用最大的应用场景是 Surface 等平板用户的话，这一点是至关重要。适用于 Win8 的 Surface 平板等触控设备与将纵向滚动发挥到极致的 iOS 设备相比，在交互其最大的特色就是横向滚动。但在当下，应用中横向滚动与竖向滚动同时存在在一个页面的应用还有很多，这种即横滑又竖滑的交互模式会造成用户很大的不便。以下是官方给出的标准。
在任意页面只能沿一个方向滑动：
Hub 视图应当沿水平方向滑动，不允许水平竖直同时滑动
贴靠视图必需沿竖直方向滑动　　&除非有更好的选择，否则就遵从标准&，因此在设计使用于 Surface 平板的 Windows 8 应用的时候一定要注意通过背景的设计（暗示）引导用户左右滑动，而不是下意识的上下滑动，避免出错。如像 Love Windows 那样，通过成角排放内容及一些斜线等排版引导读者调整他们惯性的 F 形阅读方式。　　3. 页面切换效果　　与最上面的动态开始画面类似，如果能将页面切换效果做好也是一个可以加分的项。　　最后，本文主要是关于横向全屏视图下的设计，对于竖屏以及辅屏视图与填充视图（贴靠模式）、语义缩放页面等的设计也是需要注意的。&好的设计不会完全准从设计准则&，要想设计出一个好的 Windows 8 应用设计师们需要能够在充分理解 Metro 特点的同时跳出官方规范的框框。在这方面不妨回归 Metro 的设计本源 - 平面设计领域去寻找设计灵感。　　来源：极客公园投稿，。
　　除非注明，文章均为原创，转载请以链接形式标明本文地址
　　本文地址：
不看好win8虽然我在用win8，高质量应用真的不多
配图无法看到?
7naicha com是最好的奶茶方面的加盟店信息汇聚地。用win8上我们网站上挺爽的。
我肯定不会用的。
Win8将是一个失败的作品
一直用XP，已经习惯了 bBshUang.aSia
发现应用、收藏应用、点评应用，结交好友。Surface 和 Win8的用户可以用社交类的“应用点评”
怎么不把图片也转过来
与时俱进 学习了
很好非常好，希望能越来越好！
赞助商广告
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.你必须知道的Windows Phone开发和应用商店_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
你必须知道的Windows Phone开发和应用商店
上传于||文档简介
&&你​必​须​知​道​的​W​i​n​d​o​w​s​ ​P​h​o​n​e​开​发​和​应​用​商​店
阅读已结束，如果下载本文需要使用3下载券
想免费下载本文？
下载文档到电脑，查找使用更方便
还剩58页未读，继续阅读
你可能喜欢您所在的位置： &
Win10应用商店无法下载解决方法
编辑：xfront
来源：IT之家
阅读4692次
　　微软表示，最近出现的Win10商店应用无法下载的问题已经解决，但有些用户在实际操作中发现这个问题并不像微软说得这么乐观，应用仍然无法下载。有四种方法也许可以解决这个问题，感兴趣的朋友可以试试看。　　一、重新登录Win10商店　　1、打开商店后，点击你的头像　　2、点击你的账户名称，进入账户页面　　3、点击你的账户名，然后点击“注销”　　4、再次点击头像图标，然后点击“登录”　　5、点击你的账户（一般第一个就是）进行登录　　然后你再尝试下载应用，问题可能就会解决。如果无效，可尝试下一种方法。　　二、重置Windows10商店缓存　　1、在Cortana搜索栏输入wsreset，然后选择第一项　　2、重置命令会自动运行，并打开Win10商店　　此时再次尝试下载，问题也许就会解决。如果还不管用，可尝试第三种方法。　　三、使用“疑难解答”　　1、在Cortana搜索栏输入“疑难解答”，选择第一项　　2、点击下方“使用Windows更新解决问题”　　3、按照提示点击“下一步”就可以，中间如果要求管理员权限，就点击“尝试以管理员身份进行疑难解答”　　4、Win10会自动搜索问题并尝试解决，完成之后，会给出相应结果（上图只是举例，实际结果可能不同）　　这种方法算是比较通用，哪怕是不能解决商店问题，可能也会解决一些其他问题，不妨一试。如果这种方法解决不了，可以尝试最后的“终极方法”。　　四、重置Win10更新　　1、在Cortana搜索栏输入“服务”，选择第一个　　2、找到Windows Update服务，并将其停止（可在服务名称上点右键，选择“停止”；或点击左侧的“停止此服务”）　　3、然后进入C:windows，找到SoftwareDistribution文件夹，并将其重命名为SoftwareDistribution.old（只要名称变了就行，不必非要是这个）　　4、重新启动Windows Update服务
不好看(24)
Win10应用商店无法下载相关软件
Win10应用商店无法下载相关教程
Win10应用商店无法下载相关新闻
Win10教程之Win10安装激活升级教程
Win10教程之Win10问题大全
Win10使用教程
Win10使用技巧大全
热门关键字
扫红码得红包5亿红包100%中奖（WIN10中文网为你带来最新的系统资讯，欢迎点击上方关注）应用商店是Windows8系统较之前的Xp或Win7系统的一大特色，我们可以在应用商店内下载程序应用。最近也有用户反映，Win8.1系统下应用商店进不去，界面一直在转圈，这是什么情况？该如何解决呢？大家可以尝试下面的方法来解决这个问题。方法如下：一、清理应用缓存按Win+R键，打开运行，输入wsreset，点击确定，清理完成后重新打开应用商店。二、替换文件可以新建一个账户，再打开应用商店。然后把当前账户的应用商店目录（WinStore_cw5n1h2txyewy）替换掉。步骤：新建一个账户后，打开应用商店，将新建账户下的WinStore_cw5n1h2txyewy文件拷贝到故障用户的同名文件夹内。应用商店位置在C:\Users\用户名\AppData\Local\Packages\WinStore_cw5n1h2txyewy三、检查C:\ProgramData\Microsoft\Windows\AppRepository文件夹是否在，如果不见了，在C:\ProgramData\Microsoft\Windows\路径下创建一个AppRepository文件夹。按Win+X，选择命令指示符（管理员），运行下面命令：powershell -ExecutionPolicy Unrestricted Add-AppxPackage -DisableDevelopmentMode -Register $Env:SystemRoot\WinStore\AppxManifest.xml四、获取Apps文件权限1、右键文件或文件夹，选择“属性”，安全项目；选中“组或用户名”里的Administrators，点击下方的高级；2、在打开的窗口里点击上方的“更改”；3、在新打开窗口下方的输入框里输入本机的登录用户名并点击“检查名称”，随后点击各窗口的确定依次关闭它们；4、回到权限窗口，将Administrators的权限勾选“完全控制”，最后确定回到文件夹或注册表即可；5、获取完全控制权限。（图文为win10系统下载站原创，如需转载请注明出处）WIN10中文站(cnwin10)　
　文章为作者独立观点，不代表微头条立场
的最新文章
Win8/Win10双系统设置开机时只开启一个系统的操作方法Win10系统解决桌面图标位置和排列方式无法保存问题的操作方法Win10系统设置自动更换桌面背景和更换时间的操作方法启用win10管理员账户的操作方法Win10系统取消任务栏预览窗口的操作方法Win7系统取消开机显示Windows错误恢复界面的两种方法Win10系统如何将常用文件夹添加到开始菜单Win10系统打开图片提示COM Surrogate已停止工作的解决方法Win7系统开启资源管理器预览窗格功能的操作方法Win8系统关系自动更新的操作教程。Win8系统连接WiFi提示“wifi不可用”的解决方法win10语音操作让Cortana帮你关机，快速方便Win8.1系统网页记不住账户密码的解决方法Win10系统下IE浏览器无法正常使用的解决方法Win8.1系统HDAudBus.sys导致蓝屏解决方法win10硬盘使用率过高，可关掉没用的服务保障电脑的顺畅运行。Win7系统的系统还原功能打开方法Win8系统如何正确安装ADM显卡驱动教程Win8系统修改注册表权限的方法Win7系统AeroSnap最大化功能的关闭方法Win8.1系统开机黑屏一段时间才能进入桌面的解决方法Win7无法安装声卡驱动提示No Appropriate Driver to be的解决方法。Win8.1系统应用商店进不去，界面一直转圈的解决方法Win7无法安装声卡驱动提示No Appropriate Driver to be的解决方法。Project My Screen可运行在Windows10 MobileWin7无法安装声卡驱动提示No Appropriate Driver to be的解决方法Win10设置大动作：新增资源管理器等系统配置微软移动电话申请锁屏专利Win10周年更新，Edge浏览器新功能将支持Modern UI自动化微软近期加速应用策略，全力支持Win10 UWP应用开发win10WiFi连接不上解决方法Win10 UWP应用：黄油相机Focusky是一款功能强大的多媒体演示制作工具，操作界面和编辑模式类似于PPT，而又比PPT简洁，操作简单。Win10蓝牙传输文件使用方法超强的Windows系统保护软件——Shadow Defendercnwin10Win10中文站提供最新的windows系统资讯，win10安装教程以及windows10系统软件和工具。热门文章最新文章cnwin10Win10中文站提供最新的windows系统资讯，win10安装教程以及windows10系统软件和工具。把Web应用打包发布到Win10系统应用商店的方法 - windows10教程
& 正文『 更新时间: 13:48:44 』
把Web应用打包发布到Win10系统应用商店的方法
把Web应用打包发布到Win10系统应用商店的方法，&　　在今天的win10系统使用教程中，我们将来分享一下微软日前发布的Windows App Studio，Windows App
Studio有什么作用呢?可能对大多数的win10系统用户来说，Windows App
Studio并没有什么用，但是，如果您的web应用的开发者，那肯定会感兴趣的，因为使用Windows App
Studio可以把Web应用打包后发布到Win10的应用商店上，打包后的应用可以同时在PC和手机平台上运行，而且不需要编程的经验就能完成这个操作。下面就来介绍一下如何把Web应用打包发布到Win10应用商店上。
　　Windows App Studio
　　具体步骤如下：
　　1、创建工程
　　进入Windows App Studio创建工程页面，需要使用微软账户登录。在该页面你会看到Hosted Web App选项，如下图所示：
　　Windows App Studio
　　点击Hosted Web App，之后会弹出弹窗，在这里输入应用的名称，然后点击“Start with this
one!”，在右侧会显示在不同设备中的预览。
　　2、配置应用
　　创建项目之后会进入应用内容编辑页面，在这里你只需要填写你的Web应用的地址即可。
　　Windows App Studio
　　在这里你还可以上传一个自定义的应用清单文件Manifest，这是一个JSON数据文档，里面包含了应用启动参数之类的配置。你还可以定义额外的URI规则以及设备屏幕旋转属性等，但这些都是可选的。
　　在右侧的设备预览画面中会出现应用的预览效果，有时候这里不显示内容，这很可能是页面不支持iframe嵌入，不过一般来说都不会有问题。
　　填写好URL地址后，你需要为应用更换一个Logo。点击导航栏中的Logo，如下图所示：
　　Windows App Studio
　　然后点击App logo标题下方的图标，就可以上传自己准备好的应用Logo了，上传后会自动生成所需的不同尺寸图标。
　　之后点击Settings，编辑与应用商店相关的一些信息，包括应用描述、语言等信息。填写完成后，点击“Save”保存。
　　Windows App Studio
　　3、生成应用
　　配置好应用之后，点击右上角的“Finish”按钮，之后会进入应用预览页面，针对不同形态的设备进行预览。最后只需要点击“Generate”生成按钮，然后在弹出的窗口中选择生成类型(默认选择为Visual
Studio解决方案)，最后再点击“Generate”即可。
　　Windows App Studio
　　以上就是把Web应用打包发布到Win10应用商店上步骤了，只要你有自己的Web应用，不需要重新编码。用上面的方法就可以直接生成Win10应用商店的应用，帮你节省大量的时间。
上一篇：下一篇：
把Web应用打包发布到Win10系统应用商店的方法 相关内容:
查看更多>>
windows10教程姐妹分类
windows10教程热门排行