iphone\ipad.android UI设计规范对比 http://blog.163.com/leenell@yeah/blog/static/95840991201302210451710/ Android与iPhone应用程序界面布局对比 http://uedc.163.com/2151.html 苹果官方设计规范 IOS人机交互指南 英文 https://developer.apple.com/library/ios/documentation/UserExperience/Conce…

更多参考: 2017最新设计尺寸及规范 UI : 2018年IOS/Android UI设计规范 转载:https://www.jianshu.com/p/03e5cdd4ffd6…

2018也快要过完了(-_-),我们的移动端的UI设计规范也层出不穷.很多APP设计师也要在年底给公司或者是团队做一个总结.那么一个像样的APP ui设计规范也是很有必要的作品回顾. 在创业公司做着一位独立设计师,说好听点是独立设计师,难听点,就是唯一的设计师.创业型公司,UI UE你要全包.但是我还是很有追求的在每个版本改版之后,更新设计规范.我的设计规范没有大公司那么高大上,只包含了字体选用,配色运用,ui kit这些东西. 很多设计师做这个设计规范,纯粹只有两个原因: 1.要设计的界面太多…

编者按:<从零开始设计App>系列到这篇已经是第三期了,上期是低保真原型图,这期@Sophia的玲珑阁 聊聊如何从零开始制作高保真原型图和UI 设计规范. 往期回顾: <设计师怎样从零开始设计一款APP?> <从零开始设计一款APP之如何做原型图> Hi-fi 输出 上篇文章提到,在Hi-fi阶段大概可以分为前期.中期和后期三个阶段.这篇文章就是对Hi-fi阶段的详细解说. 前期 前期的主要任务是hero screen(主功能页面)的尝试设计,通过它进行视觉风格上的确定…

无论是网页设计,还是移动app设计,都经常用到单选按钮和复选框这两个组件.这两个组件看似意义明确,很好区分,但在实际设计中却很容易用错,带来不好的用户体验. 本文中我通过列举几个典型的错误用法,帮助设计师在进行UI/UX设计时,更加规范地使用单选按钮和复选框这两个组件. 使用原型工具:Mockplus 单选按钮和复选框的区别   什么时候使用单选按钮? 有两个或两个以上的互斥选项,用户必须且只能从中选择一个.换句话说,如果你选择了其中一个没有被选中的选项,那么原本被选中的选项就自动被取消. 什么…

界面尺寸 android的尺寸众多,建议使用分辨率为720×1280的尺寸设计.这个尺寸720×1280中显示完美,在1080×1920中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高. 状态栏高度:50px 导航栏高度:96px 标签栏高度:96px Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和标签栏一样的:96px 内容区域高度为:1038px (1280-50-96-96=1038) 1.安卓app设计规范之尺寸或分辨率 目前最…

1. 基础常识 1.1 主流屏幕尺寸 标识 屏幕尺寸 hdpi 480 * 800 xhdpi 720 * 1280 xxhdpi 1080 * 1920 1.2 图标尺寸 标识 启动图标尺寸 菜单图标尺寸 mdpi 48 * 48 (160 DPI ) 24 * 24 hdpi 72 * 72(240 DPI) 36 * 36 xhdpi 96 * 96 (320 DPI) 48 * 48 xxhdpi 144 * 144(480 DPI ) 72 * 72 xxxhdpi 192 * 192…

在iPhone 6还没出的时候,都是用640×1136 px来做设计稿的,自从6的发布,所有的设计稿尺寸以750×1334 px来做设计稿尺寸 以750x1334px作为设计稿标准尺寸的原由: 从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配. 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角. 设计安卓版本时只需做最小的设计调整,提升设计效率. 所以做设计稿事请以750x1334px来做设计稿 iPhone界面设计规范: iPhone 界面尺寸: 左右我习惯设置24 px…

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

px :全称--pixel .像素.例如,480*800的屏幕在横向有320个象素,在纵向有480个象素. 屏幕的分辨率 : 屏幕的长宽方向上像素点的数量. dp(dip) : 全称--Density-independent pixel ,密度无关像素,定义为160dpi的屏幕下,1个像素点的长度. sp : 全称--Scale-independent Pixels ,google用于设定文字大小,和dp类似,但除了受到dpi影响,还受到用户的字体偏好设定影响. 屏幕的物理尺寸:屏幕对角线的长度…