Win8应用开发学习记录1——Logo设计
Surface Pro到手也有一段时间了，也把玩了这么些天，今天终于开始来写Win8的应用了。
环境搭建什么的就不详述了，Windows 8 Pro+Visual Studio 2012。
我想做的是Win8上的二维码应用，应用商店里有不少，但良莠不齐，大多都是英文的，中文的寥寥无几，而且质量都比较差。所以我准备做一款优秀的QR Code For Win8的应用。
一个好的应用，很重要的一点是用户体验，而用户体验的第一点就是Logo，尤其在Win8界面下，Logo是尤为重要的，下面是几个应用商店中我认为很不合格的Logo：
（以下是在应用商店里搜索Qr Code出现的第一列应用）
Win8应用商店里搜索Qr Code出现的第一列结果
除了“Magnet QR Code Generator”勉强符合Win8风格外，其余均是不合格的。不合格原因是五颜六色或者过于杂乱。
说到二维码，第一感觉自然是以二维码本身作为Logo最为直观，我起初也是这样的打算，下面是我的第一个想法：
Logo_Old
想法是，QR Code For Win8，于是中间一个Win8的标志，外面是二维码，二维码本身采用的是“http://www.haoest.com”的链接。
然而，它在Win8开始菜单中显示效果格格不入。
下面是Win8自带的几个应用的Logo：
Win8自带的几个应用的Logo
其特点是简洁、清爽，以白色前景色为图案，彩色为背景色。
于是，经过一段时间的构思和设计，我后来重新设计了Logo如下：
新设计的二维码Logo
外面一个Q，里面是个Win8的标志。
Logo原型设计好了，下面开始为Visual Studio的需要进行适配了。
在Visual Studio中，你需要为Win8应用准备多种尺寸的Logo：
徽标——最基本的Logo，开始屏幕的方格Logo
宽徽标——在开始屏幕中放大后占两个的Logo
小徽标
应用商店徽标
徽章徽标——用于锁屏应用在锁屏时显示，不是必要的
初始屏幕徽标——打开应用时出现的Logo
需要注意的是，你所生成的这些不同尺寸的图片只需要前景色的白色就行了，无需背景色，因为背景色可以在前面进行统一设置，这样的好处是，你可以随时把背景色换成你喜欢的颜色。
可方便更改背景色
在这点上，我吃了大亏，之前的背景色是蓝色的，我也没有注意到这点，导致生成的所有图片都带有蓝色背景。再后来我想改成深灰色的时候，费了好长时间，最后发现了这个问题，又花了同样的时间，把深灰色背景色去掉，换成透明背景色。
上图中的“短名称”是显示在开始屏幕的Logo左下角的名称，前景文本指的就是这个名称的颜色，有深浅两种选择，分别为黑白两色。图块中的背景色指的就是上面所有的Logo徽标的背景色。而初始屏幕的背景色可以单独设置，如果为空，则使用图块的背景色。这样一来，你就可以方便的更改背景色了。
下面分别是我的Logo的两种显示效果：
QR Code Logo 显示效果1
QR Code Logo 显示效果2
怎么样，是不是与Win8风格很一致呢？
好的Logo是一个应用的开始，嗯，今天的工作就到这里，我也该睡觉了。
by 邓斌HADB
2013-04-19 凌晨1:27于宿舍
原文链接：http://blog.haoest.com/2013/04/win8-app-develop-study-1-design-logo/
环境搭建什么的就不详述了，Windows 8 Pro+Visual Studio 2012。
我想做的是Win8上的二维码应用，应用商店里有不少，但良莠不齐，大多都是英文的，中文的寥寥无几，而且质量都比较差。所以我准备做一款优秀的QR Code For Win8的应用。
一个好的应用，很重要的一点是用户体验，而用户体验的第一点就是Logo，尤其在Win8界面下，Logo是尤为重要的，下面是几个应用商店中我认为很不合格的Logo：
（以下是在应用商店里搜索Qr Code出现的第一列应用）
Win8应用商店里搜索Qr Code出现的第一列结果
除了“Magnet QR Code Generator”勉强符合Win8风格外，其余均是不合格的。不合格原因是五颜六色或者过于杂乱。
说到二维码，第一感觉自然是以二维码本身作为Logo最为直观，我起初也是这样的打算，下面是我的第一个想法：
Logo_Old
想法是，QR Code For Win8，于是中间一个Win8的标志，外面是二维码，二维码本身采用的是“http://www.haoest.com”的链接。
然而，它在Win8开始菜单中显示效果格格不入。
下面是Win8自带的几个应用的Logo：
Win8自带的几个应用的Logo
其特点是简洁、清爽，以白色前景色为图案，彩色为背景色。
于是，经过一段时间的构思和设计，我后来重新设计了Logo如下：
新设计的二维码Logo
外面一个Q，里面是个Win8的标志。
Logo原型设计好了，下面开始为Visual Studio的需要进行适配了。
在Visual Studio中，你需要为Win8应用准备多种尺寸的Logo：
徽标——最基本的Logo，开始屏幕的方格Logo
宽徽标——在开始屏幕中放大后占两个的Logo
小徽标
应用商店徽标
徽章徽标——用于锁屏应用在锁屏时显示，不是必要的
初始屏幕徽标——打开应用时出现的Logo
需要注意的是，你所生成的这些不同尺寸的图片只需要前景色的白色就行了，无需背景色，因为背景色可以在前面进行统一设置，这样的好处是，你可以随时把背景色换成你喜欢的颜色。
可方便更改背景色
在这点上，我吃了大亏，之前的背景色是蓝色的，我也没有注意到这点，导致生成的所有图片都带有蓝色背景。再后来我想改成深灰色的时候，费了好长时间，最后发现了这个问题，又花了同样的时间，把深灰色背景色去掉，换成透明背景色。
上图中的“短名称”是显示在开始屏幕的Logo左下角的名称，前景文本指的就是这个名称的颜色，有深浅两种选择，分别为黑白两色。图块中的背景色指的就是上面所有的Logo徽标的背景色。而初始屏幕的背景色可以单独设置，如果为空，则使用图块的背景色。这样一来，你就可以方便的更改背景色了。
下面分别是我的Logo的两种显示效果：
QR Code Logo 显示效果1
QR Code Logo 显示效果2
怎么样，是不是与Win8风格很一致呢？
好的Logo是一个应用的开始，嗯，今天的工作就到这里，我也该睡觉了。
by 邓斌HADB
2013-04-19 凌晨1:27于宿舍
原文链接：http://blog.haoest.com/2013/04/win8-app-develop-study-1-design-logo/
