赛百UI手机客户端

高保真原型设计软件，赛百UI让你的原型设计适配不同屏幕尺寸，适配矩形/异形屏，适配深色/浅色模式，适配多平台原生特性，距离真实的APP只差数据。

赛百UI手机客户端介绍

赛百UI是一个针对手机应用的高保真原型设计工具；

通过赛百UI制作的原型，实际上就是一个APP，完全以客户端软件原生效果来展示您的设计；

通过赛百UI制作的原型，支持多终端适配，您可以在不同屏幕尺寸大小的，不同的操作系统下来“运行”您的原型设计。

赛百UI手机客户端功能

元素位置适配

让设计元素的位置能够适应不同尺寸的屏幕

元素大小适配

让设计元素的大小能够适应不同尺寸的屏幕

元素组合适配

让多个设计元素组合在一起后，也能适应不同尺寸的屏幕

异形屏适配

让原型设计在刘海屏，挖孔屏，水滴屏等异形屏中也能完美显示

图标适配

内置多种风格免费矢量图标库

图片资源适配

支持2x,3x,4x三种适配比例的图片资源，原型在真机演示时自动匹配最优图片资源

运行原型的几种途径

通过赛百UI原型客户端运行原型

启动赛百原型客户端；

启动扫一扫扫描运行原型时弹出的二维码即可；

使用赛百UI原型客户端运行原型可以获得完整体验；

通过浏览器打开

直接在运行原型弹窗上，点击在浏览器中打开即可；

网页会通过模拟当前产品设置的默认适配终端的屏幕进行模拟演示；

原型设计将会通过HTML5的方式进行实时渲染，模拟真机的演示效果；

通过移动端网页运行原型

打开手机自带的拍照、微信、钉钉等任何支持扫码的App；

扫描运行原型时弹出的二维码，即可通过移动端网页来加载并运行原型；

此种方式下，原型设计也是通过HTML5的方式进行渲染，模拟真机的演示效果；

由于手机终端会启动自带浏览器或者对应扫码App内置浏览器来加载并运行原型，可能会出现与实际效果有所偏差的情况，如：出现双导航栏，即浏览器自身的导航栏叠加原型设计中自定义的导航栏；

赛百原型的基本结构

赛百原型设计之基本结构通过版本结构和资源结构两个维度来描述；

版本结构

一个原型设计可以创建多个版本，一个原型设计可以有多个版本构成；

可以指定其中的某个版本作为产品的默认版本；

不同的版本之间采用单路顺序演进的方式；

版本之间的先后关系，通过版本号的大小来判断，版本号越大，它在版本关系上就越靠后；

新的版本总是在上一个版本的基础上进行修改；在新版本上的修改，不会影响到老的版本；但是在老版本上的修改，会影响到新版本；

资源结构

一个原型设计在资源结构上可以分为：基础数据、单页设计资源、图片资源等；

基础数据

主要包括原型设计的产品名称、描述、创建人信息、产品版本信息等基础数据；

单页设计

单页设计资源包括：页面设计、组件设计和单元格模版设计 三种单页设计资源类型；

页面设计 页面资源是原型设计中最重要的单页设计资源，简单的来说，一个原型设计就是一个或者多个页面设计资源构成；

组件设计 在进行原型设计中，可以将经常使用的一些元素或者元素的组合，抽象成组件，然后可以在不同的设计中个，对组件进行引用。 如何添加自定义组件到你的设计

单元格模版设计

单元格模版是一种特殊类型的设计元素封装，它必须配合列表视图使用；

图片资源

在设计中，为了让设计更为美观，经常需要使用大量的图片，作为背景图、图标等；图片资源的来源包括：

系统内置图标 (注：系统内置图标资源为SVG矢量图，在原型演示过程中，将会被转换为png图片)； 如何添加内置图标到你的设计

用户上传图片