Adding new language file name in app.pro file. TRANSLATIONS += lg_ch.ts \ lg_en.ts \ lg_new.ts Running terminal command:lupdate app.pro,to update the ts files. and general lg_new.ts file in the project directory. Booting the translate tool,run termin…

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

APP UI设计及切图规范 1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由 嗡嗡(iwengweng.cn) 整理. 1.2 读者对象 项目实施工作组UI/UE设计人员. 2.色值规范 系统采用统一色彩标注值,超出的需要进行登记管理. 色彩范围值:以通用字号C开头标识,在Android开发中对应相应的配置文件 参考:Android开发设计规范 2.1 屏幕适配 Androi…

安卓app设计规范整理和Android APP设计篇 http://www.25xt.com/appdesign/6536.html APP UI面试题:iOS和安卓的ui设计有什么区别 http://www.25xt.com/appdesign/9839.html 移动APP设计入门文档:iOS8和Android设计规范 http://www.25xt.com/appdesign/7187.html http://www.shejidaren.com/examples/tools/chichu…

一.基本原则         1.用户体验原则UCD,以用户为中心去设计         2.设计模式是可重用的设计规范实现         3.反模式是糟糕设计的典型,极力避免使用         4.试验模式--超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式. 二.主要内容         1.APP UI 设计模式描写叙述的对象是智能手机.平板.智能设备等设备上执行的应用程序.         2.设备多样性-->设计多样性         3.设备类型定义:        …

我们在没有效果图的app开发中有一件事情肯定很头疼:一个按钮的调色改过来改过去,还是很难看,最终只能暂时作罢,浪费了大量的开发时间和精力.开发规范篇见Android开发怎么让自己的APP UI漂亮.大方(规范篇一) 一.APP常用搭配参考 底层背景色,内容背景色 ,两种颜色相近,但能区分标题背景色 任意花色标题文字色 通常为黑色或白色黑体内容文字 通常为黑色或白色宋体不重要的内容 浅灰色重要的内容 标题背景色附近的颜色通常比标题色亮,为强调色彩色颜色组合方式有,互补色,相似色,3角色(红.黄.蓝…

首先,笔者是站立在开发者的角度来看UI设计的,欢迎专业人士提供指导,不多说,来看怎么把UI设计和开发高效结合起来~ 一.约定APP开发中的一些规则 1.大部分图标满足HDPI(高清)即可,比如:大众点评首页的右上角图标,尺寸大致在48*48px左右 2.一般提供1280*720px的尺寸即可,最常见的适配模式 3.还有种图标,很多界面复用且图标中等偏大(80px及以上左右),他们在常规手机.平板,小尺寸手机上面需要适配,所以需要多种尺寸的图标,如:微信底部的tab菜单图标,一般设计的尺寸要3套,…

作者 乔同X2016.08.22 19:45 写了3195字,被42人关注,获得了73个喜欢 如何利用Reveal神器查看各大APP UI搭建层级 字数413 阅读110 评论0 喜欢5 title: 如何利用Reveal神器查看各大APP UI搭建层级 date: 2016-08-11 categories: 破解 {% cq %} 做了大些的年的视图,你有没有真正的搭建过个正牌的UI,有没有想过如何UI进阶,有没有想过像京东,淘宝等知名APP版的UI是怎么搭建的呢?接下来我们就要开始解密他们…

APP UI结构的系列的文章有一段时间没有更新了,因为最近在学一些新东西和看一些新书籍,适当的给自己充电也是为了更好的输出,言归正传,今天想跟大家聊的是和首页相关的一些内容,可能有些内容最近有的小伙伴已经更新过了,相信大家也看见了,比如导航的分类.加载的分类等,感觉写的都很不错,我也在犹豫这些内容还要不要再写,但是思考再三,还是决定写一下吧,毕竟这是APP UI结构系列文章里不可缺少的一部分,作为一个处女座伪完美主义者,还是决定有始有终. 首页相关(上) 关于首页的内容还是蛮多的,我给分成了上下…

现如今,智能手机已成为人们生活中不可或缺的一个物件,琳琅满目的手机APP充斥着各大应用市场.对于普通人来说,他们的衣食住行因此而变得简单方便:对设计师们来说,他们则面临更多的机遇和挑战.每位设计师都梦想着做出最出色的应用界面(UI)设计,最符合用户习惯的UX设计. 而出色的手机界面设计应该具备两个特点:简洁,易用.这也是每个设计师的职责.简洁美观的界面设计可以很好的引导用户,从而带来更优质的用户体验.相反而言,如果用户在使用时完全没有这个概念或是摸不着头脑,这对UI设计来说就非常失败了. 为广大…

python+appium自动化测试系列就要告一段落了,本篇博客咱们做个小结. 首先想要说明一下,APP自动化测试可能很多公司不用,但也是大部分自动化测试工程师.高级测试工程师岗位招聘信息上要求的,所以为了更好的待遇,我们还是需要花时间去掌握的,毕竟谁也不会跟钱过不去. 接下来,一起总结一下APP UI自动化测试的思路吧. 一,开发语言选择 通常用于自动化测试的编程语言有:Python.Java.Javascript.Ruby.C#.PHP等.一般我们会选择自己熟悉的编程语言来编写自动化脚本,但…

Flutter & APP & UI Components 下拉刷新或者上拉加载 https://github.com/OpenFlutter/flutter_screenutil https://github.com/shenghy/flutter_shop#用到的组件…

什么是MAUI https://github.com/dotnet/maui .NET Multi-platform App UI (MAUI) 的前身是Xamarin.Forms(适用于Android,iOS和UWP的跨平台移动优先框架),.NET MAUI是Xamarin.Forms的演进.我们拥有7年的为客户提供技术支持的经验,服务对象从独立开发人员到一些全球性的大公司,我们正在改善产品的核心功能,加快UI渲染,投资研发一致的系统设计模式,并从移动端扩展到桌面端. .NET 6 deep…

Android端Ui 自动化环境搭建 一,安装JDK.SDK 二,添加环境变量 Widows:1.系统变量→新建 JAVA_HOME 变量E:\Java\jdk1.7.0 jdk安装目录 2.系统变量→寻找 Path 变量→编辑在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;添加SDK路径下的tools文件夹与platform_tools文件夹 3.系统变量→新建 CLASSPATH 变量变量值填写 .;%JAVA_HOME%\lib;%JAVA_HOM…

1.下载Android-SDK.夜神安卓模拟器.Appium.adb命令执行包并配置环境变量 2.打开夜神 3.打开Appium进行配置,配置如下 4.启动命令,到夜神bin目录下执行 adb connect 127.0.0.1:62001 adb devices 5.运行测试代码,自动安装apk并启动 # coding=utf-8 import re import time import yaml_ini from appium import webdriver from create_ord…

修改了 BeautifulReport源码中的一些内容<附:BeautifulReport--适用于unittest自动化测试的可视化报告>; 1.生成截图时,原来的img文件夹必须在项目根目录下,做了调整; 2.生成的截图无法在html报告上展示,老是会报路径错误,检查发现源码中在做判断时少加了system()方法才导致错误的出现; 源码github截图 修改后截图 简单的登录功能实现,懂车帝app为例; 1.页面元素封装; page_car.py from common.basics im…

从原理开始介绍一下移动端设计尺寸规范 初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪.我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家.从原理说起,理清关于尺寸的所有细节.由于是写给初学者的,所以不要嫌我啰嗦. 推荐配合这个阅读:< 最新Android & iOS设计尺寸规范 > 现象 首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重.尤其是Android,你会听到很多种分辨率:480x800, 480x854, 540x96…

ios测试的app测试包,真机设备需要开发者证书并且将测试机的udid加入到pp文件文件,configruation 要求为debug模式的ipa包, 1.苹果手机的UDID, a.通过 xcode-window-Devices and Smulators b .安装 ios-deploy 后,可以在terminer命令 ios-deploy -c 2.ios app 的H5 页面,查看元素信息,使用工具chrome inspect ,使用前需要先安装 remotedebug_ios_webki…

http://www.cocoachina.com/design/20150703/12029.html 作者:bone9 善心悦目的动效已然成为一个app的必备,作为设计师自然要跟随趋势学习.APP中的动效可以划分为两类,一类是转场动效,应用在页面的切换,加载等,这类动效可以柔和页面的过度效果,增加切换.加载.等待过程的趣味性.另一类是反馈提醒,通过界面内元素的动效,增强用户的交互感知或引导用户完成任务. 动效充满了设计师体验的想象,作为一个设计师,不管你的逼格下限在哪里,一个有趣有爱充满个性…

(一)App自动化测试背景 随着移动终端的普及,手机应用越来越多,也越来越重要.App的回归测试用例数量越来越多,全量回归也越来越消耗时间.另外移动端碎片化严重(碎片化:兼容性测试,手机品牌多样.Android版本很多.CPU价格不一样.屏幕分辨率不同),尤其是Android端碎片化严重性更为突出,市面上Android机型甚至有几万,几十万款,所以我们也需要通过这种自动化测试帮助我们减少兼容性的测试工作.总而言之,为了减少这种重复的.大量回归的测试任务,我们迫切需要引进一些自动化测试来协助. (…

原文:http://android.eoe.cn/topic/summary 许多开发者会在多个平台上发布应用.如果您打算为 Android 开发应用,请记住在不同的平台需要遵守不同的要求和惯例.在某个平台上开起来不错的设计,也许在另一个平台上就不合适.“一次设计,到处运行”的想法可能在一开始能节省一些时间,但是和平台不一致的体验最终可能会疏远用户.考虑按照下面的指导进行设计,避免常见的错误和缺陷. 记住您的应用会运行在各种不同屏幕尺寸的设备上.通过“面板”使您的应用在各种设备上始终能够提供平衡…

执行UIAutomator测试步骤 1.新建Java项目,导入android.jar和uiautomator.jar包,继承UiAutomatorTestCase 2.生成编译文件 android create uitest-project 示例:android create uitest-project -n FirstUi -t 2 -p D:\workspace\UIAutomatorTest 执行结果会生成build.xml文件 Added file D:\workspace\UIAut…

…

With Xamarin, you can extend your cross-platform apps with support for native speakers, reaching markets that might otherwise be overlooked. However, managing multiple languages and keeping everything current can be challenging, especially if you’re…

上篇文章介绍了: Reveal UI 分析工具简单使用 这里介绍如何使用 Reveal UI 分析工具来进行手机 App UI 界面的分析. 前提准备: (1)已安装 Reveal 的 Mac (2)已越狱的 iPhone (3)良好的网络环境 原理: 回想起我们使用 Reveal 来分析 iPhone 模拟器的 App 时,我们是在 Xcode 的指定工程里引用并加载 Reveal.framework 文件,从而当 App 运行时,打开 Reveal 选中连接当前 App 就可以进行他的 UI…

UI性能测试 性能优化都需要有一个目标,UI的性能优化也是一样.你可能会觉得“我的app加载很快”很重要,但我们还需要了解终端用户的期望,是否可以去量化这些期望呢?我们可以从人机交互心理学的角度来考虑这个问题.研究表明,0-100毫秒以内的延迟对人来说是瞬时的,100-300毫秒则会感觉明显卡顿,300-1000毫秒会让用户觉得“手机卡死了”,超过1000ms就会让用户想去干别等事情了. 这是人类心理学最基础的理论,我们可以从这个角度去优化页面/view/app的加载时间. Ilya Grigo…

设计中有很多细微的东西要注意,就如UI设计中,元素的统一性,图标风格.段落的排版等等,只有能注意这些细节,你的 APP UI 才算合格. 干货君总结了17个提升用户体验的 UI 设计小技巧,也是我们日常用到的很基本的技巧,对于新手UI设计师建议一看,注意案例中「对」与「错」不是绝对的,仅用于参考作用.  1.图标保持统一性 图标是UI设计里非常重要的模块之一,最重要的一点是要保持风格统一.如果是填充型的图标,那么一套设计里不要出现线性的图标设计.其次就是描边大小的统一,定下了3px就要全套保持即…

前言 利用H5项目第一版本已经上线,话说有了第一期就有了第二期,这不要为第二期做准备了,老大发话第一件事就要利用Angular JS实现项目的国际化以及后续要借助这个框架来实现其他功能,好吧我表示没怎么接触过,这一个礼拜自己也对Angular基本的用法已经有了初步的了解以及熟悉,于是乎就有了这篇文章的产生.其实没我什么事,我也是主动请缨说交给我,因为年底了嘛,也没什么事,不急不忙的,一天也乐得清闲,还不给自己找点事做,而且还能在做的过程中能学到东西,何乐而不为呢!Angular已盛行一时,但请恕…

英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# ------------------------------------------------------------------------------------- 又是一篇来自Tubik Studio 的文章,丰富的设计项目经验使得这家资深设计机构对于设计的每一个细节都有着独特而系统的见解.今天的文章聊的就是深色系背景在设计中的运用…

原文:Run Xcode 7 UI Tests from the command line 苹果在Xcode 7中引入了一项新技术UI Tests,允许开发者使用Swift或Objective C代码来进行UI测试.直到现在一个可行的方法是使用UI Automation.通过UI Tests,可使用Xcode适当调试问题以及使用Swift或Objective C而无需处理JavaScript代码.首先为UI Tests创建一个新的target: 在测试分区下,选中Cocoa Touch UI T…