iOS、Android 开发单位换算及 UI 切图要求

常用单位在移动端 UI 设计中，经常会用到的单位有 4 种：px、pt、dp 和 sp，很多人分辨不清这几种单位及其换算关系，以及 iOS 和 Android 的切图要求，我在这里做下简单的介绍，希望大家读完后能有所收获（如有错误，欢迎纠正）。一、常用单位1. px (像素)px 即 pixel，像素点，电子屏幕上组成图像的最基本单位，在描述屏幕分辨率时也会使用该单位。1p

产品设计 2017年11月26日

Material Design 和 iOS 产品设计差异化思考

Material Design（以下简称MD）是谷歌设计的一套视觉语言设计规范，主要应用于安卓类应用。iOS Human Interface Guidelines（以下简称iOS）是苹果公司针对iOS设计的一套人机交互指南，目的是为了使运行在iOS上的应用都能遵从一套特定的视觉以及交互特性，从而能够在风格上进行统一。相对来说，我们对于iOS的设计规范更加熟悉——因为考虑到成

产品设计 2018年07月31日

从 iOS 11 UI Kit 中谈谈 iOS 11 的新变化

北京时间9月20日凌晨1点，iOS 11终于迎来了正式版的推送，相信各位小伙伴已经在第一时间进行了升级。iOS 11毫无疑问是一次大规模的系统更新，UI、系统内核、锁屏等多方面都进行了不同程度的改进。小编第一时间为大家整理好了iOS 11优秀 UI Kit的下载资源，并且与大家谈一谈UI Kit背后的iOS 11的新变化。1、 iOS 11 UI 的新变化 在准备着手设计前

交互体验 2017年09月22日

iOS 11 设计理念和 3 个设计方向

之前汇总了 「iOS 11 最全面的设计通讯」相关的设计改动，接着分享下「iOS 11 设计理念和 3 个设计方向」，内容来自苹果 2017 WWDC 的 Session 810，希望能给大家使用和理解 iOS 的设计思路带来启发。Wayfinding / 寻路 / 空间导引我们通过「标识系统」在街道，机场，停车场这些场所进行方向和位置的识别，这种导引指示系统被称为「Way

产品经理 2017年09月01日

iOS 和 Android 规范解析——标签导航和分段控件

从今天开始，将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件，经常容易混淆以至于用错。请各位读者仔细阅读，防止以后用错。Material Design Guidelines标签（tabs）使内容在一个较高的层级被组织起来。一般，一个标签里需要展示与该标签相关的内容。标签的名字需要清楚地描述该标签里所包含的内容。信息架构标签导航一般用于从一个比较高的

产品设计 2017年08月02日

iOS 11 最全面的设计通讯

iOS 11 还处在测试阶段，各种 Bug 和不稳定阻碍了大家的体验，饿了么UED的同学们也仅有几台测试机在体验中。为了让大家都能了解到 iOS 11 在设计领域带来的变化，我们进行深度体验并参阅媒体评测，以汇总评论的方式给大家带来这篇文章，如有遗漏或错误还请指正。交互和功能iOS 11 添加了大量实用的功能，也对之前的一些交互进行了变更，这里挑选对设计师来说最有必要了解的

产品经理 2017年06月28日

从设计指南说起，详解 iOS 系统组件分类体系（属性分类篇）

由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来讲解，本篇文章为iOS 篇。对于大部分入门设计师及中级设计师来说，脑海里没有一套属于自己的组件分类体系。一说组件，脑子里面只会蹦出弹窗、toast、操作列表等。难以形成自我知识体系，可能是只有用到才会想到某个组件。这样的话对于系统的学习视觉设计、交互设

产品运营 2017年06月19日

Android VS iOS：多数 PM 忽视的 5 个交互设计

本文简单介绍了5个Android和iOS设计不同的地方，可以说大部分PM都可能会忽视这些细节。不是大盘点，只是作为思考的引子。相信大部分产品经理使用的都是iOS设备，对Android设备的交互总是很不习惯，所以在做设计的时候，有的时候就会忽略Android和iOS的设计差异，而执意按照自己的使用习惯进行设计。其实这个问题也是产品经理需要突破自己的地方，作为一个产品经理而不是

交互体验 2017年05月20日

译文 | iOS 10 人机界面设计指南 （完结）

iOS10发布了，苹果遵循了一切从简但又增加了一些提升用户体验的功能，比如向开发者开放了更多接口，设计者又如何跟随iOS的步伐做好产品设计呢？本文是系列文章的完结篇，enjoy~7. UI视图（UI Views）7.1 操作列表（Action Sheets）操作列表是一种对某个控件或操作作出应答的特殊形式的警告框，它展示了与当前内容相关的一组选项（两个或更多）。使用操作列表

产品 2017年04月27日

译文 | iOS 10 人机界面设计指南 （一）

iOS10发布了，苹果遵循了一切从简但又增加了一些提升用户体验的功能，比如向开发者开放了更多接口，设计者又如何跟随iOS的步伐做好产品设计呢？1. 概览（Overview）1.1设计原则（Design Principles）作为一名移动应用设计师，意味你有机会发布一款具有杀伤力的产品能够登上苹果商店的榜首。为了实现这个目标，你的产品必须在质量和功能上达到高标准。以下三大原则

产品 2017年04月27日