如何设计一个程序的启动界面

三张随机的启动页面设计方法如下：

第一步:用记事本打开C:\Boot.ini，找到Windows XP启动项所在行，在末尾处加入“/bootlogo /noguiboot”。

第二步:找到自己做好的开关机画面，存放到Windows目录下(C:\Windows)，文件名为boot.bmp。

注意:文件名和扩展名都不能改变，图片要求分辨率为640×480，16色。

重启电脑，看看开机画面是不是已经变了?如果不满意，可以直接用新的图片替换boot.bmp就行了，真是简单极了!

1、软件启动界面设计

软件启动界面设计也叫软件启动封面设计，在设计时应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不宜超过256色，最好为216色安全色。软件启动封面大小多为主流显示器分辨率的1/6大。

如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。

2、软件主界面设计

即软件的主要面板的设计，软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。

3、软件框架设计

软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。

4、菜单栏设计

主要包括菜单设计，滚动条及状态栏设计。

菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。

滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。

5、软件按钮设计

软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击时状态鼠标放在上面但未点击的状态点击前鼠标未放在上面时的状态点击后鼠标未放在上面时的状态不能点击时状 态独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。

6、界面图标设计

图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。其标签设计应该注意转角部分的变化，状态可参考按钮。

7、安装过程设计

安装过程设计主要是将软件安装的过程进行美化，包括对软件功能进行图示化。

8、包装及商品化

最后软件产品的包装应该考虑保护好软件产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计。

这个问题在这里首先要说说清楚，启动页面和引导页面是不同的。发现有很多人会把引导页面叫做启动页面，这可能是因为启动页面的“昙花一现”，用户更多的注意到引导页面。其实区分他们并不难：

1，启动页面可以是无意义的，哪怕是一张白色图片。而引导页面势必要起到引导的作用，可能是产品特色的展示，或者关键功能的引导，也或者是新功能迭代的展示等。

2，启动界面是自动消失的，而且一般是越快越好。（在启动界面添加广告的链接会有倒计时，还要我们点跳过，有木有！好吧，待会再聊这个...）。而引导页面一般要“逼”用户一一拜读完毕，才不情愿的离开。

3，这个是最明显的：启动页面会伴随每一次APP启动时都会出现。而启动页面一般只在新版本打开的第一次才会出现。

4，启动页面一般只有一张。（好吧，有时候不是一张，这个也待会再说...）,而引导页面往往是一组，一组，一组。

来，先看看苹果怎么说：

在即合理，小哈把现有启动界面归为如图示的五大类：假装没有型，随便搞搞型，气氛营造型，信息强调型，以及扩展定制型。下面即分别对这五类进行一一介绍，以及对应的要注意的一些设计细节。

正如iOS9中建议那样，尽量让用户不去感知启动页面的存在，“无缝”进入到应用中去。由于智能手机性能的不断提升，当APP本身体量很小的时候，基本可以瞬间启动完成。但是启动页面是仍然存在的，至少对于iOS系统来说是这样的，实现这种“没有感知”的效果，一般是把用APP首页背景作为图作为启动页面，或者是首页中首先加载的部分状态图作为启动页面。从启动页面到首页的转换实现无缝转接。下图分别为：Safari,天气，APP Store的启动页面。

采用此类启动页面的APP要注意两个细节：a，评估好APP自身的体量，保证启动的流畅、快速。b，启动界面的选取上，要配合首页的加载机制，选取合适的加载状态截图，以保证与启动后首页页面的衔接。

LOGO+背景图+Slogan（+版本号），这种最常见的启动界面的设计模式。当然，很多页面的设计可谓简约而不简单，小哈之所以称这种为随便搞搞型，是因为这样的启动页面显然是最省心的，不用太多的考虑，话说可以达到增强品牌认知的效果。然而，启动界面一闪而过，既没有对用户进行品牌教育，也没有达到让用户有“无缝启动”的感觉。

采用这种模式的，其实务必要好好搞搞。个人建议：1，最背景主题的选取一要承上启下：及要与APP图标颜色，等风格等保持协调，也要与应用主页保持一致。（ 如何设计App桌面图标？：http://www.jianshu.com/p/5c3958a8fd87 ）2，要注意页面的大小，图片质量保证的前提下，越小越好。3，背景图或者底纹一定要与APP主题想匹配，且不可只顾好看，随便搞搞。

当我们在各种假期，各种节日，当然也可能是某应用的生日的时候，我们会看到手机中APP的节日氛围，比现实生活中要浓厚几百倍。不多解释，直接看实例：

此类启动界面热闹就好，不过要是能把节日与自家APP特点结合下，那就更好啦。

信息强调型页面与上面两种有点类似，不同的是信息强调型不是单纯的放上自己的LOGO，Slogan等，会更加有“氛围”。与气氛营造型比起来，会更加注重APP自身的宣传，一般为某一功能或特点的认知加强。PS：请忽略下图中被玩坏的微信启动页面~

此类启动界面个人认为要注意的一点就是把握好尺度，不能因为信息的展示而影响启动页面停留时间，短时间内信息量不能太多。

人类在进步，科技在发展。各大厂商在简单的启动界面上玩出了新花招。通过对启动界面的定制扩展，作出新的功能点。一般常规的做法就是在APP启动界面出现之后，再次叠上一张页面，而第二张页面是比较容易被控制的，通过对第二张页面的定制达到想要的效果。而用户有时很容易误会是一个页面。

两个例子对比（如下图）：左侧新浪微博的启动页面中加入广告时，会顺畅的过度。相反网易云音乐则会给人"闪屏"，广告页很突兀的跳出来。支付宝，同花顺等同样采用微博的做法。

该种模式玩出的新花样举例：

1，钉钉为企业定制属于企业自己的启动页面。2，豆瓣：“每天一次遇见你”。

合适的才是最好的，根据自己APP实际情况，选择合适的启动界面，给她一个优雅的开场吧。

点我！点我！这里有海量启动页面图！

2、按下A或点击“A.管理”进入设置；

3、按下M或点击“M.修改”将Metro引导关闭；

4、按数字0或点击“返回”，点击“B.管理”进入修改，关闭Metro引导；

5、重启系统，进入到传统的启动界面，选择win10进入；