- 综合排序
- 最热优先
- 最新优先
- 来自专栏葡萄城控件技术团队
实战使用Axure设计App,使用WebStorm开发(6) – 迈向后端
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使用 Axure设计App,使用WebStorm开发(3) – 构建页面架构 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI 实战使用Axure设计App,使用WebStorm 开发(5) – 实现页面功能 实战使用Axure设计App,使用WebStorm开发(6) – 迈向后端 接上一篇系列文章，在本文中，将连接后端服务，实现用户登录功能，并去掉前端的MockDB，使用服务器端的数据 接下来测试一下，新建一个 app.js 写一个简单的 HelloWorld var express = require(express); var app = express(); app.get( Express 框架非常的简单易用，使用 app.get app.post 就可以实现一个Http的Method定义。
2.9K80发布于 2018-01-10 - 来自专栏全栈程序员必看
【APP UI 设计模式】（一）APP UI 设计原则和流程
一、基本原则 1、用户体验原则UCD，以用户为中心去设计 2、设计模式是可重用的设计规范实现 3、反模式是糟糕设计的典型，极力避免使用 4 、试验模式——超越既有理念和移动现状的设计，有望成为下一个主流UI设计模式。 二、主要内容 1、APP UI 设计模式描写叙述的对象是智能手机、平板、智能设备等设备上执行的应用程序。 d，小型平板 e，大型平板 4、原型设计方法必须考虑尺寸、交互、运动、声音、多点触控、跨界等因素 三、设计流程 1、划定范围、确定概念、做好规划 2、举行小范围的设计研讨会 3、使用便利贴进行“高速迭代測试和评估”RITE 4、进行视觉设计PS 四、參考资料 1、http://www.androiddesignpatterns.com
1.2K10编辑于 2022-07-12 - 来自专栏移动端周边技术扩展
app框架整体设计
整体架构与模块化划分设计 项目采用Category方式设计把项目按照某个具体业务逻辑功能划分、模块之间未能够完全解耦，所以导致项目没办法使用pod方式管理 （采用通知回调是能够完全解耦，不实际、未采用 <Foundation/Foundation.h> @interface IComMediator : NSObject +(instancetype)sharedInstance; // 远程App [url.scheme isEqualToString:@"icom"]) { // 外部启动规则 // 这里就是针对远程app调用404的简单处理了 return @(NO); 长连接模块设计 B215DD52-0EB9-4EA8-B342-CA7DCAB4C0F5.png st=>start: TCP登录 islogin=>condition: TCP登录成功? 数据存储 C6CB068E-0EA6-4AA7-BD03-6F3DC90781CD.png 7.
2.4K30发布于 2018-06-13 - 来自专栏无原型不设计
【新手指南】App原型设计：如何快速实现这6种交互效果？
2.进度条 做过App原型设计的设计师都知道，在适当的场景中使用进度条可以使产品更“人性化”，从而减少用户的不确定心理，愿意等待页面加载。但是对于设计师来说，如何利用原型设计工具来制作进度条？ 最前沿的中国产品人和设计师 摹客专访 Step 6: 交互设置完成，点击按钮即可预览进度条效果。 3.页面滚动 随着移动端的快速发展和日益普及，我相信很多人都享受着它带来的便利。 在我们浏览这些移动端App时，最多的操作是什么？对，就是滚动页面。设计师在进行APP原型设计时，如何实现页面的滚动效果？其实，在一个滚动区里放几个组件就解决了？不信？不妨让我们一起看看如何操作吧！ 6.搜索框 无论是Web端还是App原型设计，搜索框都是原型中比较重要的部分。一个好的搜索框和搜索模式可以帮助用户快速找到所需的东西，从而带给用户极棒的体验。 看完以上App原型设计中简单的交互效果介绍及设计方法，即时是新手设计师，也能轻松实现这些交互设计效果了吧！心动不如行动，赶紧开始你的原型设计吧！
3.7K40发布于 2019-01-24 - 来自专栏服务端技术杂谈
聊聊Web App、Hybrid App与Native App的设计差异
缺点： （1）临时性的入口 （2）无法获取系统级别的通知，提醒，动效等等 （3）用户留存率低 （4）设计受限制诸多 （5）体验较差 2. 优点： （1）打造完美的用户体验 （2）性能稳定 （3）操作速度快，上手流畅 （4）访问本地资源（通讯录，相册） （5）设计出色的动效，转场， （6）拥有系统级别的贴心通知或提醒 （7）用户留存率高 缺点 三、Web App受限制因素及设计要点 相比Native App，Web App体验中受限于以上5个因素：网络环境，渲染性能，平台特性，受限于浏览器，系统限制。 1. 然而，什么情况下需要跳转页面，什么情况下在当前页面展示则需要设计师细致考量。 因此，Web App基于浏览器的特性，从设计角度应该遵循以下了两点： 少用手势，避免与浏览器手势冲突。 四、小结 综述所述，在设计Web APP时，应当遵循以下几点： 1. 简化 简化不重要的动画/动效 简化复杂的图形文字样式 2. 少用 少用手势，避免与浏览器手势冲突 少用弹窗 3.
3.4K80发布于 2018-04-16 - 来自专栏PM吃瓜(公众号)
app界面设计流程
制定正式问卷，以下为某银行客户制定的用户需求调研问理财经理App需求调研 Step 4. 对问卷进行定量化分析，输出问卷分析报告(采样为300份有效问卷) ? Step 5. Step 6. 根据用户需求报告制定信息架构(information architecture) ? Step7. 根据信息结构，结合用户样本(Persona)、竞品分析、双维度表等方法确立交互设计目标，并输出主页面交互设计提案 ? Step 8. 所有页面的交互设计，同时 以交互说明的形式配合甲方PM或开发人员输出PRD ? Step 9. 用户视觉风格喜好调研 ? Step 10. 视觉风格分析与提案 ? Step 11. 选定一个方案进行深化后对剩下的页面进行视觉设计 ? Step 12. 视觉规范手册（pdf 20P起)的制定 ? Step 13. 交互动效的制定（demo+文字描述），并配合开发制作实际效果 ?
1.5K50发布于 2019-08-12 - 来自专栏互联网杂技
设计优秀app的秘密
好的产品往往做好了两点：功能和细节设计。功能吸引用户使用你的产品，细节设计将你的用户留下。 优秀的细节设计能够使你的产品在众多竞品中脱颖而出，优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。 但是有些情况下，app需要时间来等待行为处理完成后才能向用户发出反馈。因此，产品界面需要向用户指明此刻正在发生的事。 总结 用心设计，思考用户使用产品的情景，再设计这些微交互时多运用一些生活中常见的操作模式、物体的运动轨迹、常见的行为方式等。 产品的易用性来源于对细节的打磨，伟大的设计不仅仅在功能上满足用户的需求，还要在微交互的设计上打动人心。
1.1K40发布于 2018-04-02 - 来自专栏進无尽的文章
移动端APP设计趋势
首先说明，这是一篇转载的文章，原文在这 移动端APP在2017年经历了诸多的变化， 人工智能、聊天式的界面、响应式设计、虚拟现实（VR）和增强现实（AR）让设计师不断面临新的挑战。 研究表明，用户每天耗费在手机和平板上的平均时长为158分钟，其中127分钟是耗费在各类APP中，可以看出移动端APP的快速发展都是不争的事实，在我们不断吸收新的东西和掌握新的潮流的同时，还需要确认这些设计趋势是否被验证了 在较小的屏幕上灵活组织和安排内容的意义是无价的，卡片提供了文本、图像和视频等多种媒体内容的一体化解决方案，目前为止，App Store，Facebook、Google和Twitter已经完成了卡片式设计的迭代更新 6. 半扁平化设计 6.flat design.png 扁平化风格已经占领了设计风潮的半壁江山，在卡片视图的影响下，为了更加突出内容和观感，扁平化设计变得更为立体和多维度，采用了大量的阴影和对比。 比较值得一提的是宜家《家具指南》APP，早在两年宜家已经开始了AR领域的尝试，限于技术当时的体验相对不佳。
1.6K20发布于 2018-09-12 - 来自专栏全栈程序员必看
app产品设计流程_APP流程图
App设计流程 第一步、从APP产品需求入手，考虑我们到底要用什么主色调 根据产品定位和目标用户群体选择主色调 定好尺寸：设计尺寸是多大，是以640*1136设计还是750*1136 还是1242 *2208 第五步、如何表达情感化设计，特别是app引导页的设计和启动页的设计 总体原则参照博文 www.25xt.com/allcode/2289.html 1、引导页的设计 参照 https://www.jianshu.com 4、菜单设计 例如：BoomMenu“会爆炸”的菜单 https://juejin.im/repo/59ed6aedbb941b1e74a5ac59 5、其他功能实现方案 比如视频音频，日历，动画等 所以我们如果可以用在一些跳转页面引用动效设计，无意是对整个app加分的好方法。 第七步、宣传推广的APP 图标icon 的设计 关于app的图标设计方法，一万个人有一万个答案，那么具体怎么做，还是要考虑用户、场景、需求等细节。
95330编辑于 2022-09-27 - 来自专栏无原型不设计
App启动页设计技巧
App启动页，也称闪屏页，最初是为缓解用户等待Web/iOS/Android App数据加载的焦虑情绪而出现，后被设计师巧妙用于品牌文化展示，服务特色介绍以及功能界面熟悉等平台进行设计，被赋予了更加丰富而实际的作用 logo的app启动页设计方法。 动效”的设计方式 静态或动态logo的直接展示或转化，也会是App启动页设计的一个重要变量和切入点。 6.New year splash screen 设计师：Nina Pereverzeva 亮点：结合新年节日主题特色进行启动页设计 此款启动页设计巧妙的融入了新年节日元素，让整款设计保有软件本身特色的同时 一方面，设计师可以如实例7一般，直接将App启动页和引导页/登陆注册/欢迎页合二为一，进行设计，更加直观而实用。
2.2K20发布于 2019-01-24 - 来自专栏Owen's World
APP接口安全设计要点
总结了一些APP接口安全设计的要点供大家参考，如有疏漏请在评论里面提醒补充！
2K20编辑于 2021-12-08 - 来自专栏前端自习课
【设计】近期发现的 APP UI 设计趋势
翻译文章，作者：AppMaster.io https://appmaster.io/blog/top-10-mobile-app-ui-design-ideas-2022 --------------- 正文 如果移动应用程序不符合最新的设计趋势，那用户可能会放弃你设计的产品。 这是我们总结出的 2022 年移动应用 UI 设计趋势 1、运动和动画 2、手势和滑动体验 3、90年代风格 4、图形深度 5、黑暗模式 6、排版 7、增强现实和虚拟现实 8、渐变和透明元素 1、动效和动画 6、排版 选择正确的字体是移动应用程序设计中必不可少的一步。用户在浏览页面的时候不是一个字一个字的读的，而是成行的“扫描”方式来浏览。因此，使用能够正确设置重点的字体非常重要。 在新一年中，这种神奇的 UI 移动设计趋势趋于增长和传播。这种设计趋势的关键在于应用程序的界面让您感觉自己置身于应用程序中。引人入胜的设计元素和游戏化是这种体验的关键。
1.5K30编辑于 2022-03-05 - 来自专栏网罗开发
设计灵感：12组美食App设计灵感
在设计食物类App时，将食物合理放大突出，通过不同的形式、颜色则可以提高用户的食欲，增加用户购买欲望～ Sushi Mobile App UX-UI Design by Ghulam Rasool Restaurant Mobile Application-UX/UI Design by Hira Riaz Juice Mobile App UX-UI Design by Ghulam Rasool Grocery app - categories & list of products by Marcin Grygierczyk Food order - Mobile App by Anastasia Food Mobile App Design by Ghulam Rasool Food Delivery App by Purrweb UI Food Application UI by DStudio® Food App Dark Theme UI Design by Ghulam Rasool Drink Guides App by tubik 来源：dribbble -End
89410发布于 2021-10-19 - 来自专栏Corley的开发笔记
uni-app实战之社区交友APP（6）动态页开发
} .border-bottom { border-bottom: 1rpx solid #DEE2E6; } .border-light-secondary { border: 1rpx solid .bottom-0 { bottom: 0; } common.css如下： /* 本项目全局样式 */ /* 背景 */ .bg-main { background-color: #FF4A6A ; } /* 文本颜色 */ .text-main { color: #FF4A6A; } .text-secondry { color: #AAA8AB; } .text-dark { color .jpeg', title: '"现实版樊胜美"弟弟疑遭人肉网暴', desc: '现实版樊胜美弟弟疑遭人肉网暴 挂出其母弟弟住址电话', news_count: 6, .jpeg', title: '"现实版樊胜美"弟弟疑遭人肉网暴', desc: '现实版樊胜美弟弟疑遭人肉网暴 挂出其母弟弟住址电话', news_count: 6,
2.3K40发布于 2021-02-02 - 来自专栏互联网大杂烩
6大设计原则
打算用一句话概括每一个设计原则 单一职责原则 一个类只负责一项职责，有且仅有一个原因引起类的变更。 里氏替换原则 所有引用基类的地方必须能透明地使用其子类对象。
39230发布于 2018-08-22 - 来自专栏编外气象人
“冬奥智慧气象APP”的设计
有幸参与到冬奥气象服务保障工作之中，设计并实现了一款面向决策层服务的“冬奥智慧气象APP”，并在整个冬奥赛事期间，面向指定用户提供了冬奥会相关的气象信息服务。 这些经验以后再讨论，今天先从技术角度聊聊我是如何进行这款APP的设计和实现的。 该APP以冬奥比赛场地的预报、实况和预警的气象服务为设计重点，面向不同用户的天气需求进行定制化开发。 在界面设计上，从用户需求角度出发，突出冬奥会主题以及赛事气象服务特点，在文字、GIS地图、图片上具有冬奥会相关特征的设计元素、LOGO以及背景，参照主流天气APP界面交互方式进行设计。 以上是我对“冬奥智慧气象APP”这款决策气象服务产品的设计思路，更详细的设计方案不方便在这里完全公开，有兴趣的读者可以扫码联系作者私下进行技术交流。
77620编辑于 2022-05-23 - 来自专栏非著名程序员
Android App的设计尺寸问题
尺寸 三星Galaxy S3 4.8英寸 720 × 1280 三星Galaxy S4 5英寸 1080 × 1920 三星Galaxy S5 5.1英寸 1080 × 1920 三星Galaxy S6 英寸 720 × 1280 锤子 Smartisan T1 4.95英寸 1080 × 1920 华为 Ascend P7 5英寸 1080 × 1920 华为 Ascend Mate7 6英寸 1080 × 1920 华为 荣耀6 5英寸 1080 × 1920 华为 Ascend Mate2 6.1英寸 720 × 1280 华为 C199 5.5英寸 720 × 1280 HTC
1.5K80发布于 2018-02-02 - 来自专栏用户3254834的专栏
考试App界面设计要点
在智能手机时代，App应用开发已经成为发展动向，制作一款App设计效果如何，更多的是由用户的体验效果决定。一个优秀的设计者，制作App时应该多从用户的角度去设计，这样的效果才会让大家满意。 一、颜色 首先需要定义APP的主色（品牌色），和辅助色（点缀色）。 1. 注意主色和辅助色占比，控制好界面中的辅助色数量 2. （4）渐变配色 渐变作为一种设计趋势，能使页面感受更丰富饱满。 3. 注意带有自身属性的颜色的使用 二、图标 1. 图标的风格统一 2. 同一模块中的图标视觉大小统一 3. 正确传达图标的含义 4.
1.8K30发布于 2019-10-16 - 来自专栏架构师之路
APP分层架构设计随想
服务端的分层架构设计已经讲了很多，客户端的分层架构设计应该怎么玩呢，服务端的分层架构设计是否有能够借鉴的地方呢，今天和大家简单聊一聊。 封装复用的道理谁都懂，拷贝代码的坏处也谁都明白，那为什么大家还这么做，让代码越来越“腐烂”呢，根据个人经验，主要是这么几点原因： 早期业务压力大，APP是少数几个同学的，没有提前做规划 后期代码越来越臃肿 service层获取数据，拼装html/json，完成数据展现 biz-service/data-service向上游提供可复用的原子接口，实现业务逻辑，并层通过DAO层，从db层获取数据 db层提供数据 APP
1.9K40发布于 2018-03-02 - 来自专栏云计算linux
APP支付模块设计分析
本文作者分享了关于APP支付模块设计中的详细流程和需要注意的问题，并提出了自己的思考，与大家分享。 例如美颜APP中的特效，视频APP中的付费内容等 2）用户想要对产品中其他用户进行打赏等操作，此时产生支付需求。例如简书的赞赏，直播APP中的礼物等 2. 业务角度 1）产品的定位。 APP和得到APP 2. 绑定到App Store，然后才能进行充值。 例如假单，拦截请求，修改订单等 6）多用户并发时的处理是否完善 7）设备上无支付宝、微信第三方支付软件时的处理是否正确 8）支付宝、微信等第三方支付软件为登录时的处理是否正确 9）订单金额校验的处理是否完善
70410编辑于 2024-12-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号