UI Design Do's and Don'ts】的更多相关文章

转载自-Apple 官网,感觉不错,记录之 (https://developer.apple.com/design/tips/) Some useful design tips about IOS. Make it easy for people to interact with content and controls by giving each interactive element ample spacing. Give tappable controls a hit target of…
[译]UI设计基础(UI Design Basics)--导航(Navigation)(六)…
UI Design & App & Free Icons icons8 https://icons8.com https://icons8.com/ouch Ouch可以帮助那些不进行绘图的创作者克服缺乏高质量图像的问题.免费下载来自顶级Dribbble艺术家的PNG与SVG插图,以提升您的产品品质. free plan: Limited formats in lower resolution and offline app. Please link to Icons8 on each p…
2.3  自动适配与布局(Adaptivity and Layout) 2.3.1  开发成自动适配(Build In Adaptivity) 用户通常希望在自己的所有设备,各种场景中使用他们喜欢的app.比如不同设备的不同方向以及在iPad上的分屏.尺寸类型(Size Classes)和自动布局(Auto Layout)可以通过定义屏幕的布局,视图控制器以及视图在屏幕显示环境变化时该如何适配帮你实现这个愿望.(这里的“显示环境”可以是整个屏幕也可以是屏幕中的一部分,如弹出框里面的部分或iPad…
2.1 为iOS设计(Design for iOS) iOS体现以下主题: 遵从:UI帮助用户理解界面内容并与内容交互,但绝不会与内容相互冲突. 清晰:文本在任何尺寸下都是清晰易读,图标精确易懂,装饰微妙恰当,并且更加注重功能驱动设计. 深度:可视的层次与真实的动态效果时刻传递着活力并能够提高用户体验. 无论你是重新设计一款App还是开发一个全新的,考虑以下面的方式完成工作: 首先,回顾过去app核心功能的UI,并找到(确定)它们之间的联系. 其次,直接使用iOS的系统主题展示UI设计以及用户体…
Ref:直接拿来用!10款实用Android UI工具 Ref:Android UI设计资源 Ref:Android酷炫实用的开源框架(UI框架) Ref:Android UI 组件 Ref:Android Design Ref:21个免费的UI界面设计工具.资源及网站 Ref:http://www.bypeople.com/android/…
Master's conclusion: 1. fix a color pattern 2. fix the frames the UI will use 3. fix the subject that you want to present 4. fix the content that you want to show5. properly layout it! caution: color types should be less, and use the contrast concept…
2.4  启动与停止(Starting and Stopping) 2.4.1  立即启动(Start Instantly) 通常来讲,用户不会花超过两分钟的时候去评价一个新的应用.在这段有限的时间里立即展示给用户有用的内容时,你就能激起新用户的兴趣,同时也可以给所用用户带来非常好的体验. 重要:不要在应用安装结束后让用户重启设备.重启设备费时,还会让用户觉得你的应用看起来不可靠并且很难用. 如果你的应用有内存使用或者其他问题,导致不重启很难运行的话,你必须先声明这些问题.想要了解如何开发一款性…
2.1  iOS应用解析(iOS App Anatomy) 几乎所有的iOS应用都会用到UIKit框架中的组件.了解这些基础组件的名称,角色,功能可以帮你在应用界面设计时做出更好的决策. UIKit提供的界面元素大概可以分为以下四大类: 栏(Bar):栏包含可以告诉用户目前位置的上下文信息,以及帮助用户导航和操作的控件. 内容视图(Content views):内容视图包含app相应的内容以及视图上的一些操作,如:滚动,插入,删除,排序等. 控件(Controls):控件执行一些操作或者显示信息…
aws-mobile-react-native-starter 官方的例子,当然要摸一次. 代码要跑起来:aws-samples/aws-mobile-react-native-starter 教程:Announcing: React Native Starter Project with One-Click AWS Deployment and Serverless Infrastructure Ref: One-Click React Native Starter Project Now o…