移动UI设计-表单设计

需求：当需要给用户填写表格时，并且用户填写行数未知，会需要使用到动态表单功能，这个和通常的写死form表单不同，如下图所示： 实现： 1）前端代码如下图所示：采用el-form嵌套el-table的方法，整体结构如下图所示： <el-form :model="instance.items" ref="data" label-width="auto"> <el-table :data="instance.items.filter((dat

后台UI设计其实都趋于相同，除了定义的品牌色以及业务逻辑的不同，整理设计控件和模版，实现组件的复用，从而减少开发的成本。以下是一些规范总结。布局统一的布局，会让页面统一，并具有秩序之美。设计是感性的，也是理性的，统一的布局以及统一的模度，让界面有有秩序感和韵律感。统一画板尺寸后台设计的统一画板尺寸的宽度为1440，一方面为了不同设计师设计的统一性，另一方面在设计师用笔记本演示的时候是全屏的体验效果...

一个简单的审批系统设计 1 背景 ​ 最近在做一个企业管理系统的外包，该管理系统主要分为两个端，管理端（web端）和生产端（移动端）。管理端的功能有人员管理、项目管理、工作量管理、审批流程管理等，生产端就是给员工用的，功能有上报工作量，请假，调岗，打卡等。生产端的一个特色就是有一个审批的功能，员工提交的各个模块的申请都要走审批流程，审批流程通过后，该申请才算生效。 2 审批功能设计 2.1 数据库设计 2.1.1 用例分析 ​ 一个完整的审批过程需要这几类角色：申请人、申请详情、审批流程、审批规则。

在企业中，大部分重要的业务需要进行审批，由于具有决定权的领导者事务繁忙或者受环境或低于限制，没法通过互联网进行工作处理。 移动审批，通过手机方便快捷地登陆企业内部网及互联网，即使处于无线的状态下，也能进行远程办公，以此来提高对于突发事件的反应能力，提升企业竞争力。    这篇文章我将使用iPhone作为移动终端进行设计与实现，iPhone引入了基于大型多触点显示屏和领先性新软件的全新用户界面，让用户用手指即可控制iPhone。iPhone还开创了移动设备软件尖端功能的新纪元，重新定义了移动电话的功能。iPh

做信息化项目相信绝大部分人都接触过单据审批流程的需求，例如发起一个采购申请，需要几个节点审核，部门负责人审核，采购审核，财务审核等等。审批人也需要可自定义，以及可能会出现审批条件分支的情况，这时我们的审批流程就需要完全可定义才能满足...

大家应该发现了，现在除了百分之90以上人群会选择在手机端网购之外，很多原来在PC端操作的内容也逐渐转移到手机端，这都得益于手机的快捷和普及。今天誉财教育就和大家来探讨一下移动端长表单的UI设计，那么我们首先就从PC端和手机端的不同分析起。一、相较于PC端，移动端要减少手动输入PC端和移动端在手动输入的便捷程度上是不同的。PC 端的输入较便捷;移动端的输入较不便捷，毕竟手指与屏幕的触碰面积较大，效率...

一个努力中的公众号表单在网页中主要负责数据采集功能，用来收集用户的信息。常见的表单表单的组成标签输入字段占位符按钮前导图标后缀图标帮助(图标)验证反馈01 标签标签的目的是为了告诉用户这里需要输入的信息是什么。根据标签所在的位置，可将标签分为：左标签顶部标签行内标签1、左标签(标签左对齐、标签右对齐)标签左对齐需要更多的横向空间，需要控制字数，常常造成标签右边参差不齐。与输入字段关联性...

hello，我是大千UI工场，列表页和表单页在网页UI中非常常见，极易处理，如果挪到了移动UI上，简直就是设计的噩梦，本文分析噩梦成因，给出破解之道和实际案例。

<br />转自： http://www.jarey.cn/2011/03/32-free-web-mobile-ui-element-kits-and-stencils-for-designers.html免费的UI元素包<br />海量的网页UI按钮<br /><br /> Flex 3 模板<br />免费PSD之复选框<br />网页元素集锦<br />网页表单元素<br />iPhone GUI 元素<br />线框元素<br />Web UI 百宝箱<br />iPhone 3G 模板<br /

自定义搜索和远程搜索方法，都是返回一个function(querystring){}；querystring为当前输入值，在此方法中修改options的值。自定义搜索方法只在“允许搜索”为“是”时生效，它会在输入值发生变化时被调用。如下面的示例：//返回一个方法，其中this.json.$options存储的是配置的可选项= -1);});远程搜索方法和自定义搜索方法类似，“远程搜索”属性必须选择“是”才会生效。

很多信息类服务站点都是通过分类的方式来组织相关内容信息的，例如交通工具方面的卡车、货车、SUV等;而Greensheet这样的网站则是直接将售卖信息一股脑的堆在一个又一个的页面中，如果我(英文原文作者)想找点儿什么，真的必须挨个看下去。谢了，我还不如直接在手机上用Craigslist应用 呢。 　　在使用Craigslist的过程中，我就琢磨着，作为普通用户，我们确实可以很明显的受益于那些

1.登录表单 不要自己“独创”登录表单,采用常见的设计方案,这样更易于用户登录。提供取回已忘记密码的方式。  2.注册表单   注册表单有可能是你为应用设计的第一个表单,所以设计的标签应当易于阅读。不要把标签和输入框水平排列,而应该采用垂直排列的方式,如 Evernote 应用的设计,或使用水印式标签,如 Intuit

本文为通用流程化应用审批设计思路表单部分。

这回给大家分享的案例是一个由SharePoint List作为数据源，在Power Apps的自定义表单中实现一个审批信息的看板，可以直观的展示审批流程进行到哪一步了以及每一步的状态，并可以展示详细的审批意见和完成日期等内容。

点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在当今的移动应用设计中，弹窗作为一种重要的交互元素，对于提升用户体验和增强应用的可用性具有举足轻重的作用。然而，弹窗设计并非简单的堆砌信息，它需要考虑到用户的使用习惯、心理预期以及操作流程等多个方面。因此，如何设计出优秀的移动端弹窗，成为了一个值得探讨的话题。本文旨在为设计师们提供一份全面的移动端弹窗设计指南。我们将从弹窗的定义与重要性、类...

该商城UI模板是仿照手机淘宝，实现了搜索商品-查看商品详情-加入购物车-结算的流程，共7个页面，由于没有数据库，所有页面上的数据都来自tempData.cs及tempPro.cs,具体页面参考如下参考价值：ToolBar跳转窗口、窗体之间数据传递、模板类与窗体之间传递数据、showdialog固定从底部弹出，SwipeView右滑删除××× ...

深入了解时下最热门应用的设计模式 本文中，UXPin – 用户体验设计应用的Chris Bank会讨论用户输入设计模式的重要性，还有来自时下最热门移动应用的具体案例——更多案例和超过45种移动端设计模式，都在UXPin的免费电子书《2014移动UI设计模式》中有提到。 任何移动应用，若没有用户起初和持续不断的输入，就什么也不会发生。因此，移动产品设计师、开发者和产品经理要了解最佳的输入方式，这