相关文章

移动端UI设计规范参考

这个设计规范,主要两个原因: 1、要设计的界面太多了,而且产品迭代很快,来不及一个个界面标注重复性的东西,于是我就出一个字体运用规范,让开发看一个文档就好了。有个设计文档和UI设计规范,可以…

移动端UI涉及规范

很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法,如控件间距、…

HOW - 移动端 WebView H5 开发规范

目录 一、前言二、性能优化图片资源1. 选择适当的图片格式2. 压缩图片3. 使用图片 Sprites:雪碧图4. 适当调整图片尺寸5. 懒加载图片 三、安全性四、用户体验推荐原生 CSS 实现页面效果 五、跨平台兼容性六、资源管理 一、前言 移动应用中使用 WebView 进行 H5 开发…

最全移动端UI设计规范,作为前端的你,了解多少?

很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法,如控件间距、…

移动端接口开发规范

1.API命名规范 1.1 URL 提供给外部渠道使用(PC、app、H5、第三方合作平台) app:/app/refund/create 运营系统:/operation/refund/create 商家端:/merchant/refund/create 依次类推 xxx渠道:/xxx/contr…

移动端设计规范

最近一直在做移动端的界面,其中的业务涵盖很广,有功能性的,也有商城的,每一种的设计思路会有所不同。公司希望页面上板块提现的商业性的东西更多一点,通过各种活动小版块的引导,指引用户去到具体的业务功能…

移动端弹窗设计规范总结(二)

以下内容主要以 iOS 官方设计指南和网络上的相关文章为参考 目录 1. Toasts 轻提示 2. Snackbars 底部提示框 3. Pickers 选择器 4. Popovers 气泡浮层 5. Menus 菜单 6. Dialogs 对话框 7. Modal Sheets 模态面板 8. Full-screen Modal Views 全屏模态视图 9. 总结对比…

移动端弹窗设计规范总结(一)

目录 一、了解现状 二、确定整理范围及原则 三、了解相关术语 四、学习官方指南 五、规范总结 一、了解现状 学习查阅了国内外的部分相关资料之后,我发现,对于常用的交互控件,目前好像没有、也很难建立完全统一的规范,原因可…

2017移动端UI设计规范模板参考以及设计规范的好处

即将进入崭新的一年2017年啦,我们的移动端的UI设计规范也层出不穷。很多APP设计师也要在年底给公司或者是团队做一个总结。那么一个像样的APP ui设计规范也是很有必要的作品回顾。 另外,25学堂的小编相信大部分的UI设计师的情况是如下: 在创业…

移动端APP设计规范

一般用PS建立画板的尺寸为:750x1334px,原始375x667pt,2x(iPhone 6 plus的尺寸是1242*2208,原始414x736pt,3x) 字体用:华文细黑、思源黑体、Helvetica 头部状态栏(电量条…

移动端设计规范 - 文字使用规范

这是一篇关于移动端产品界面设计时,文字大小的使用规范,前端人员如果能了解一点的话,在实际开发中和设计沟通时,节省沟通成本,也能提高设计落地开发时的还原度。 关于 在做移动端产品设计时,有时候使用文字…

移动端界面设计之尺寸篇(更新)

UI新手都头疼尺寸问题,其实并不复杂,关键是设计本身比较难把握。虎哥总结一个精简版的设计流程方法。 以PS工具设计IOS界面。 画布尺寸: 新建7501334 分辨率72,像素/英寸。 常见的字体大小: 24px、26px、28px、30px、…

【移动端】手机界面的设计尺寸

从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。 Android的常用逻辑分辨率: Android的常用逻辑分辨率:参考屏幕尺寸大全 360 * 640 、 360 * 720、 360 * 740、 360 * 760、 360 * 780、 360 * 800 411 * 731 48…

移动端 UI设计尺寸(一)篇

现象 首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到很多种分辨率:480800, 480854, 540960, 7201280, 10801920,而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了&#xff1…

移动端UI尺寸规范

iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备分辨率PPI状态栏高度导航栏高度标签栏高度iPhone6 plus设计版 12422208 px401PPI60px132px146pxiPhone6 plus放大版 11252001 px401PP…

移动端UI设计尺寸规范

一、概念: 1.屏幕大小:指屏幕对角线长度,单位是英寸 2.像素:组成图像的最小点,一个相对大小单位,同屏幕里越小越清晰 3.屏幕像素密度(ppi)像素总数/屏幕大小(英寸&#x…

移动端界面设计——尺寸

本文不是复制粘贴互联网资源,转载说明一下出处。本文作者:山茶树和葡萄树本文链接:http://blog.csdn.net/xianghongai/article/details/50328587 废话:因为搜索引擎结果的前几篇不严谨存在谬误,故某作此篇,…

android移动端设计规范,干货|超全面的移动端UI 设计规范整理汇总(下)

原标题:干货|超全面的移动端UI 设计规范整理汇总(下) 来源:优秀网页设计 六、APP版式设计规范 版式设计又叫做版面编辑,即在有限的版面空间里,将版面的构成要素如文字、图片、控件等根据特定的内容进行组合排列。一个优秀的排版要考虑到用户的阅读习惯和设计美感,在 UI设…

移动端web及app设计尺寸

移动端高清、多屏适配方案 背景 开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机 视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会…