UI Design Do's and Don'ts

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 about 44 x 44 points.

Hit Targets

Create controls that measure at least 44 points x 44 points so they can be accurately tapped with a finger.

Formatting Content

Create a layout that fits the screen of an iOS device. Users should see primary content without zooming or scrolling horizontally.

Touch Controls

Use UI elements that are designed for touch gestures to make interaction with your app feel easy and natural.

Text Size

Text should be at least 11 points so it‘s legible at a typical viewing distance without zooming.

Contrast

Make sure there is ample contrast between the font color and the background so text is legible.

Spacing

Don‘t let text overlap. Improve legibility by increasing line height or letter spacing.

High Resolution

Provide high-resolution versions of all image assets. Images that are not @2x and @3x will appear blurry on the Retina display.

Distortion

Always display images at their intended aspect ratio to avoid distortion.

Organization

Create an easy-to-read layout that puts controls close to the content they modify. 

Alignment

Align text, images, and buttons to show users how information is related.

Learn more :

https://developer.apple.com/design/tips/

UI Design Do's and Don'ts

时间: 02-16

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

向产品宣战——开发者眼中的Android UI Design

向产品宣战--开发者眼中的Android UI Design 准备了半个月,思考产品设计.交互设计,见证了公司的产品.UE和开发的撕逼,将自己的思考.感悟,整理成下文,谨代表广大程序猿,向设计狮.产品X开战.希望广大程序猿能够坚持贯彻Google的Material Design,切实认真负责的执行Android的设计思想,将MD设计带到产品中去,不做中国特色的App,将Android的开发风气带到正轨,树立正确的开发观.设计观. 希望广大程序猿朋友在博客后面留言.签名,规范Android设计.树

【译】UI设计基础(UI Design Basics)--自动适配与布局(Adaptivity and Layout)(四)

2.3  自动适配与布局(Adaptivity and Layout) 2.3.1  开发成自动适配(Build In Adaptivity) 用户通常希望在自己的所有设备,各种场景中使用他们喜欢的app.比如不同设备的不同方向以及在iPad上的分屏.尺寸类型(Size Classes)和自动布局(Auto Layout)可以通过定义屏幕的布局,视图控制器以及视图在屏幕显示环境变化时该如何适配帮你实现这个愿望.(这里的“显示环境”可以是整个屏幕也可以是屏幕中的一部分,如弹出框里面的部分或iPad

Android UI Design

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/

Android UI Design Tips 笔记

一.为什么我们要关心 UI? 如果一个应用软件具备良好的使用体验,那么: 1.  用户所感知的软件质量越好2.  将给你更高的评分3.  软件会有更好的排名4.  更多人购买或安装你的软件 二.接下来将讨论如下内容: 1.  应该遵循和不应该遵循的设计原则2.  设计理念和各种考虑因素3.  你必须使用的 UI 框架特性4.  新的 UI 设计模式5.  图标和准则 1 .应该遵循和不应该遵循的设计原则 错误的设计原则 1. 不要照搬其他平台上的 UI 设计. 应该让用户感觉是在使用一个真正的

笔记 - UI Design

1.概述: 1.1.产品开发流程:战略层(老板)--战术层(产品经理)--结构层(交互设计师)--表现层(UI设计师)--技术层(开发工程师). 1.2.设计目的:商业价值最大化:设计要明确设计目的,不能为了设计而设计. 1.3.技术属性:UI设计是科学与艺术结合的综合技术. 1.4.核心业务: 1.4.1.风格定位:由UI设计师负责: 1.4.1.1.概念:设计一套有竞争力的视觉形象. 1.4.1.2.需求:其至少有一套设计逻辑:UI设计可以直接影响用户决策. 1.4.1.3.核心:分析并设计

UI design principles

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

Pretty UI Design For Android -- 滑动背景、透明列表

本文是从国外一个网上看到的效果,感觉很不错,就简化了一下代码,拿来用了,先看下效果图: 效果还是很不错的,下面让我们看看是如何实现的: 看看文字来源,很简单,是一个数组: <?xml version="1.0" encoding="utf-8"?> <resources> <string-array name="list_content"> <item>If I could save time in

UI Design

http://www.oracle.com/webfolder/ux/middleware/alta_icon_mobile_design_guide/navigation_icons-navigation_bar.html http://www.oracle.com/webfolder/ux/mobile/component/button.html Android DDMS can not find device1.>> adb nodaemon servercannot bind 'tcp

Web UI Design Patterns 2014

http://www.uxpin.com/web-design-patterns.html?utm_source=Interaction%20Design%20Best%20Practices%20V1&utm_medium=ebook&utm_campaign=Interaction%20Design%20Best%20Practices%20V1