众所周知,每一种颜色带给用户的视觉感受也是不同的.现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计.移动端UI界面中通常是需要选取主色,标准色,点晴色.它们各自代表的含义: 主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用.通常在导航栏/部分按钮/icon/特殊页面等地方出现,会有点晴,定调的作用.统一的主色调也能让用户找到品牌感的归属,例如网易红/腾讯蓝/京东红/阿里橙等等. 标准色:指的是整套移动

文章出自:听云博客 Reveal简介: 这是个神奇的工具,它能常透彻地分析个App的UI结构. 这个工具包括两部分,部分是在PC上运行的一个独立应用,即Reveal.app,另一部分代码在你要分析的某个App中,为此,Reveal提供了一个Framework和一个Dylib供使用.这两部分之间通过Bonjure这种零配置网络进行通讯. 官方地址:www.revealapp.com 基本使用: Reveal.app的使用没有什么可说的,就是点击运行.关键是另一部分,怎么嵌入到App中. 我们自己的

iOS开发UI篇—APP主流UI框架结构 一.简单示例 说明:使用APP主流UI框架结构完成简单的界面搭建 搭建页面效果:                                二.搭建过程和注意点 1.新建一个项目,把原有的控制器删除,添加UITabBarController控制器作为管理控制器 2.对照界面完成搭建 3.注意点: (1)隐藏工具条:配置一个属性,Hideabotton bar在push的时候隐藏底部的bar在那个界面隐藏,就在哪个界面设置. (2).cell可以设置行

顾铮,10年+测试及测试开发相关经验,2014年加入京东,曾主导设计开发UI测试框架,参与CI测试平台建设,现负责iOS侧的工具,框架建设.在UI自动化,性能测试,单元测试方面有较深入研究,在App,web端等有较丰富的测试开发和设计经验. >>>> 写在前面 关于UI测试的文章,多数是通过架构的演进,或是重构,或是推翻重做来讲述的.今天我想讲述我的“一步到位”的测试框架设计.当然,这个“一步到位”是加引号的,并不是说没有持续的优化或改进,而是指基础结构的稳定:这个“一步到位”是基

大家总是把小程序和App放在一起比,因此我也花时间看了一下小程序的开发指南,尤其是UI部分的设计和原则,今天就拿它和苹果的HIG(Human Interface Guidelines)做个比较,其实两者在一些大的原则处理上可以说是一致的. 关键词一:友好礼貌 对应于苹果:Less is more 苹果在iOS7时做了一个非常大的界面调整,以突出内容为主,去除掉了所有会干扰用户的界面元素,这个风格一致延续至今(以苹果自家的App,比如指南针,天气为例就可以看出). 微信在指南一开始也强调了这个原则

在使用 app Framework 的 $.ui.loadContent(target,newTab,goBack,transition);时 对 newTab goback两个参数一直不得其解.通过查看源码及实践终于搞懂了意思. 官方解释语焉不详,我就不贴了,我现在说说我的理解 如果newTab为true时,载入 target 后,将会清除之前的 history stack,也就是说之前保留的页面历史记录会消失.历史记录里面只会保留应用打开的第一个页面,也就是selected="true&qu

在做安卓设计时,找美工设计界面的漂亮图标是必不可少的,但是对于一个初创团队来说,请一个UI的成本其实也挺高的,此时对于一个偏技术的产品经理来说,从其他成熟的产品的apk中提取图标就是一个很便捷的方法,提取的方法也很简单: 1)到应用市场上下载apk,比如华为应用市场:http://app.hicloud.com/  2)用解压工具解压: 3)然后到asset文件夹或者res文件夹内找对应的图标资源即可,比如下面就是某应用的res文件夹的图标资源,基本上常用的图标都有了.   来自为知笔记(Wiz

以下内容由Mockplus(http://www.mockplus.cn)团队翻译整理,仅供学习交流. UI设计——不仅仅是创造漂亮的图像. 面临的挑战 我为自己提供了一个绝佳的机会来训练我的视觉设计技巧,并通过创建一个移动app用户界面库来学习其设计过程.UI库也称为可视样式或主题,是一种自定义的图形界面元素包,应用于特定的应用程序或网站,为用户创造高雅的体验. 我的设计过程: 有一点需要注意的是,这个项目是关注UI /视觉设计,而不包括用户体验设计; 例如用户研究,可比评论,用户行程映射,信

前言 帮助零基础小白一步步搭建UI自动化环境,完成Python+Appium+模拟器/真机的UI自动化环境搭建. 环境准备: jdk1.8.0 sdk Node.js appium python Appium-Python-Client 雷神模拟器 pycharm 解释: 安卓系统依赖于java,所以需要安装java环境. sdk用于与设备连接获取信息(也可以创建模拟器),appium服务会依赖于它 Node.js:Appium是使用node.js实现的,所以Node是解释器,首先需要确认安装好

相信小伙伴们在开发中或多或少都可能遇到过这样的问题:打开一个应用后,为了快速响应,先将数据库中的数据呈现给用户,然后再去网络上请求数据,请求成功之后将数据缓存至数据库,同时更新UI,但是我们经常会这样想,可不可以我只将数据缓存至数据库,当数据库中的数据发生改变时,UI会自动更新?这个当然可以实现,我们今天就来看看square公司推出的一个响应式数据库框架SQLBrite. 1.准备工作 SQLBrite项目地址:https://github.com/square/sqlbrite 将SQLBri

该商城UI模板是仿照手机淘宝,实现了搜索商品-查看商品详情-加入购物车-结算的流程,共7个页面,由于没有数据库,所有页面上的数据都来自tempData.cs及tempPro.cs ,具体页面参考如下 参考价值:ToolBar跳转窗口.窗体之间数据传递.模板类与窗体之间传递数据.showdialog固定从底部弹出,SwipeView右滑删除 源码下载:https://www.smobiler.com/forum.php?mod=viewthread&tid=11702&extra=page%

1.文字显示是否正确 比如与需求图片对比是否正确,无错别字 2.对齐方式是否正确 3.图片 图片显示的篇幅不要太大. 4.颜色是否正确 颜色与需求规定的是否一致

uitabbar控制器为根控制器在其基础上 放多个导航栏控制器

最近两天为了解决Android上面退出程序问题折腾了半死,在google & baidu 上面找了很久.很久出来的完全千篇一律,说的方法有三,但是经过我试验后全部不行. 三个方法分别是: killProcess, 这种方式当你kill后 Activity 会返回到上一个Activity Android Level 8(包含8)前使用一个API来操作,Level8以后又是另外一种,所以不能通用 使用 FLAG_ACTIVITY_CLEAR_TOP,从 A 到 B 下面介绍自己的方式: 大家都知道

设计稿尺寸:从目前市场主流设备尺寸来看,我们要用 1080 x 1920 PX  来做安卓设计稿尺寸. 以1080x1920px作为设计稿标准尺寸的原由: 从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配. 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角. 用主流尺寸来做设计稿尺寸,极大的提高了视觉还原和其他机型适配. 所以做安卓设计稿时请以1080x1920px来做设计稿 (sketch用户以540 x 960来做设计稿) 界面设计控件尺寸: 安卓图标尺寸 安卓的图标相

大家都知道 Android 的 Activity 是存着历史栈的,比如从 A -> B -> C,C 完成 finish 后回到 B,把所有的Activity 都 finish了,程序就自然退出了. 当然在 finish 的同时也需要是否自己程序的其他资源.所以需要想个办法把 Activity 给存起来.然后在程序退出的地方调用它们的 finish()方法.   使用全局变量.对了,第一个想到的就是继承 Application,代码入下: public class AgentApplicati

本文转自:http://blog.csdn.net/zeus_9i/article/details/7259881 最近两天为了解决Android上面退出程序问题折腾了半死,在google & baidu 上面找了很久.很久出来的完全千篇一律,说的方法有三,但是经过我试验后全部不行. 三个方法分别是: killProcess, 这种方式当你kill后 Activity 会返回到上一个Activity Android Level 8(包含8)前使用一个API来操作,Level8以后又是另外一种,所

1. 安装Python3.7版本 pythonjava的JDK java -version javac nodejs node --versionappium 若nodejs安装完毕,使用npm安装appium: npm install -g appium 安装appium clientpip install Appium-Python-Client 2. 使用Windows下在dos命令窗口中输入appium

本文编译自Dan Grover的博客,他现在是腾讯微信的产品经理.以下是他从旧金山搬到广州后的近半年时间里,在试用过微信微博等中国主流移动App后,总结出的中美App在设计理念上的差异,并对中国移动App UI的发展趋势给出了自己的看法. 今年夏天,我从旧金山搬到了广州工作,成为了微信的一名产品经理. 搬到一个陌生的国家意味着许多事情要从头学起:比如要讲外语.适应饮食习惯差异等等.然而不到几个月我就惊讶地发现,开头我特别不习惯的东西对我已是轻车熟路. 我的数字生活也经历了这样一个过程.我卸掉了所

文|移动互联网李建华 微信:ydhlwdyq 传统的个人开发者,要想开发出一个完美的APP要 经过以下几个过程:搭建开发环境,写代码,写统计系统,开发即将完成后,要购买服务器,然后把程序布置到服务器上进行测试,接着是对APP做手机适配性测 试,需要借很多手机进行测试,测试完毕后,上线,和很多渠道商合作,然后发布上百个渠道等,后续还可能涉及到很多复杂的运营工作,如要赚钱,同时还面临着 一系列的山寨盗版问题,还要面临着存储速度.还要找广告商等等一系列的问题. 根据这些工作量,一个人要想开发出完美的A