APP设计中的启动页怎么设计

1、通过在启动页中添加标志性的slogan或者图像，既能强调App的用途也为用户设定了一定的期望。 例如上图的3个应用将品牌logo放在开屏页中，这样的设计对用户的感guan 有直接的刺激。

专注于为中小企业提供网站设计制作、成都做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业柳河免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

2、案例——APP启动页 B612把首页首先加载状态图作为启动页面，当在主屏幕上点击B612图标时会立即显示上面这个启动图像。真正启动后界面会把视频及细节显示出来。 优点：遵循ios建议，尽量让用户不去感知页面的存在，“无缝”进入到应用中去。

3、那么，这个启动界面，我们应该在什么时候创建和显示呢？这就需要我们从设计的初衷开始，讨论下启动界面的生存周期问题。首先，启动界面应在程序一启动时就创建。

4、）按照是否跳出启动页分类：动态图片类型的APP启动页，多见是企业logo或slogan动态加载，例如滴滴出行、优步。短视频形式的启动页，时间基本上已经超过2-3秒，故很少有APP启动页是采用短视频的。

IOS启动页与LOGO尺寸

以750x1334 px的尺寸为例，顶部栏高度为88 px，图标不能超过顶部栏的一半就是44 px， 但为了页面的美观感与整体性，图标的高度最好与顶部栏标题的字高度保持一直，一般图标的高度控制在32-36 px左右。

默认的情况下，我们使用 1024 * 1024 尺寸来设计启动图标，这个参数在 iOS 和 Android 中都适用。之所以使用这么大的尺寸，是由屏幕分辨率的差异和使用场景导致的。

* 100 (iOS5-6)167 * 167 (iPad Pro)APP启动页，即LaunchImages，需要五张不同尺寸大小的图，切记一定要选择png格式，否则打包时报错，导致APP适配失败。

所有图片必须为png格式 如上传iOS AppStore，则必须提供1024px*1024px的图标。

在Flutter开发iOS中,app启动黑屏之后显示启动页的解决办法

解决： 找到 \app\src\main\res\drawable\launch_background.xml 文件，这个里面初始化了布局标签，只需要把图片替换为我们自己的就可以。

重新打开即可。因为软件在后台时间过长，软件会出现一个黑屏动画，就需要重启软件即可恢复。

解决方案：删除IOS工程中的Podfile.lock文件，重新pod install(继续执行Flutter run操作)即可解决。问题原因：没有配置safety相关 解决方案：可以直接在命令行中执行：然后在Additional run args 这行键入一下命令即可。

看到没有，做了这么多其实也就是为了弥补启动页和 Flutter 渲染之间， 另外还有一个优化，叫 NormalTheme 。

pop。AppDelegate.h：AppDelegate.m：同样的，这里可在 Native 端用两种不同的方式去打开我们在 Flutter Module 中注册好的路由名。

iOS项目中集成了Flutter， 使用iOS14系统真机在断开调试后，点击App图标启动闪退。因为在Deug模式下，Flutter为了实现热重载，默认编译方式为JIT。而iOS14系统对这种编译模式做了限制，导致无法启动。

iOS启动页图片设置方式及错误的解决办法。

1、点击工程目录中的Images.xcassets，点击左侧边栏的LaunchImages(如果没有，在空白处右击创建一个)然后在xcode最右侧的边栏处选择你的APP是否要对ipad、横竖屏、以及低版本的iOS系统做支持。

2、首要排除解决方法：双击键盘上的ESC键，一般就可以了，如果不行再看下一条。

3、通过对问题的梳理，这里总结了开屏页设计的5种方法，有效吸引用户的注意力。 从iOS10开始，开发者可以将预定义的图标进行个性化设置。例Bear允许用户根据主题色调整图标的颜色。 MLB允许用户选择自己喜欢的团队作为启动图标。

4、设置：删除Launch Screen File 取消勾选配置信息中的Use as Launch Screen选项 盗图：疑问：我之前的项目并没有取消Use as Launch Screen的勾选也能显示启动页。注意：在设置之后要删除App重新运行才有效。

5、这个问题就是因为我们的APP启动界面图片问题，简单的解决办法就是启动页面图片分辨率改成相应屏幕分辨率。

6、由于安卓那边升级了某些插件，我这边pull之后，进行了Pub get。运行ios项目，发现app启动之后，先闪现黑屏，然后再出现启动页，之后在进入主页面。

分享名称：ios开发启动页 ios开发模式
文章URL：http://kswjz.com/article/dggcjph.html