APP设计

web app 一分钟适配 iPhone X

3

zhongxh 发布于 2018-03-13

iPhone X 了!!!面对 iPhone X 这个奇葩的屏幕,你准备好了吗?   因为 iPhone X 的刘海设计,Web 在 iPhone X 横屏时,可能会有些问题: 默认情况,iPhone X 会将页面填充到安全区域(safe area),就像上面的图一样,...

阅读(411)评论(0)赞 (0)

CSS中文字体对照表

zhongxh 发布于 2017-07-11

CSS中文字体对照表 css字体名可以使用2种Unicode格式,以“微软雅黑”为例: 微软雅黑 和 \5FAE\8F6F\96C5\9ED1,如果未找到需要的字体名称,可搜索在线unicode转换工具。 中文名 英文名 Unicode 华文细黑 STHeiti Light [S...

阅读(413)评论(0)赞 (0)

最新Android & iOS设计尺寸规范

1

zhongxh 发布于 2017-07-11

2017年最新Android & iOS设计尺寸规范  Android 和 iPhone、iPad以及主流手机屏幕的分辨率和相关设计尺寸规范

阅读(357)评论(0)赞 (0)

实战案例!京东商城IPAD 4.0 商品详情页改版设计总结

9

zhangli 发布于 2017-06-08

@薛斯塔 :京东iPad作为一个独立的客户端app,在外界看来一直处于一个比较尴尬的境地。一方面对标的电商类竞品们大都放弃了Pad阵地,基本放弃了原生界面的开发;一方面在京东内部,相对于其他的客户端,Pad的体量也一直占比不高。但作为以品质保证、用心服务为价值观的一款京东产品,我...

阅读(348)评论(0)赞 (0)

新鲜出炉!IOS 11中有哪些值得关注的UI 设计细节?

9

zhangli 发布于 2017-06-07

今天从 Apple 官网看了 iOS 11 的介绍,发现有不少的更新哦,比如控制中心、Siri、Live Photo 等等,总体来说都有很多不错的体验,不过本文不介绍功能,只说视觉界面。 在 iOS 11 的新 UI 界面中,重大更新的界面主要有 App Store,所以我从应用...

阅读(360)评论(0)赞 (0)

超实用!12 条提高产品可用性的动效设计原理(附案例)

12

zhangli 发布于 2017-06-06

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理,每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子,顺手打开就能体验啦。 缓动(Easing)、偏移量和延迟(Offset & Delay)主要与时间相关。 父子关系(Parenting...

阅读(398)评论(0)赞 (0)

移动端设计尺寸 dp、sp、px详解

6

zhongxh 发布于 2016-03-14

著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 作者:折折熊 链接:http://zhuanlan.zhihu.com/zhezhexiong/19565895 来源:知乎 做移动设计的同学,不管是原生app或者web app,应该对字体字号都是很头痛的问...

阅读(673)评论(0)赞 (0)

怎样开始做APP—APP的设计稿从设计到切图

14

zhongxh 发布于 2016-02-26

这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用。另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~ 这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱,我整理...

阅读(718)评论(0)赞 (1)

app标准,界面 尺寸 字体 适配

8

zhongxh 发布于 2016-02-23

界面尺寸 字体尺寸 iOS适配 安卓适配   logo尺寸 29X29 58X58 87X87 80X80 120X120 57X57 114X114 120X120 180X180 launch尺寸 320X480 640X960 640X1136 1242X2208...

阅读(1446)评论(0)赞 (0)