2017 年 12 月 29 日

2018 移动端尺寸指南

现象 首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到很多种分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了:640×960, 640×1136, 750×1334, 1242×2208。 不要被这些尺寸吓倒。实际上大部分的app和移动端 ...
付费查看

2017 年 12 月 29 日

iPhone X 设计尺寸和适配

昨夜发布的iPhone 8属于常规升级,屏幕与以往的iPhone6、6S、7系列相同。在昨天发布的新机中,只有iPhone X的分辨率发生了变化,但变化仅限于物理像素层面。在真正决定屏幕内容的逻辑像素层面,新版的iPhone X与过去我们熟知的iPhone 4.7\'\'、iPhone 5.5\'\' 放大模式宽度相同。通俗的说,iPhone X可看做是iPhone 4.7\'\' ...
付费查看

2017 年 12 月 23 日

有关360安全浏览器使用嵌入字体发虚的解决方案

有关 360 安全浏览器字体发虚、有锯齿(中英都有)的现象,在现有(截止2017年12月23日)版本中,360 安全浏览器仍然默认会有此情况。 在浏览大多数网站时,如果有系统内置以外的字体,都会出现不同程度的影响。360 极速浏览器不受影响(默认已经开启 DirectWrite)。 Mr.Duan推荐的解决方案为: 1.代码强制更改当前渲染模式为兼容模式; 2.判定在 360 ...
付费查看

2017 年 12 月 18 日

移动端相关技术说明

移动端页面字号说明 移动端大小适配方面,我们采用的技术是基于 iPhone 6 为标准尺寸,字号动态调整方案; 在 iPhone 6 环境下;按照设计稿中的 pt/px 转为 rem 相对单位。 基于 root 的字体大小,不同终端(分辨率)动态调整。即在不同分辨率下,字体的大小会等比调整。这样做的好处是,整段文字在不同分辨率的手机上是等比展现,而非完全相同。 如图: ...
付费查看

2017 年 9 月 21 日

移动端(微信)H5 页面设计稿尺寸

1、像素是没有宽高的(不要被 Photoshop 中的像素格欺骗),它只代表一个采样的色值。 2、任何图片作为数据信息被保存在存储盘中时,只有宽高像素数是有意义的,此时的ppi对于图片来说时没有任何意义,也并不能描述这个图片有多少英寸的宽度或者高度,而只有在被打印出来后才有ppi的意义,被打印出来才可以描述这张图片有多高多宽。 3、平时制作H5页面时设计原型时,产品经理出的原型稿建议屏 ...
付费查看

2017 年 5 月 10 日

H5 诱导分享如何界定与规避方式,Mr.Duan告诉你

规避方式与见解 最近,腾讯出了两款热门H5,一个是腾讯手机管家在315期间推出的《真假朋友大质检》,另外一个是QQ浏览器在愚人节期间推出的《愚乐你的朋友圈》。观察以下这两个H5的截图,你发现了什么? 没错,就是诱导分享,而且是光明正大地诱导分享!!! 这两个H5都含有明示用户分享的文案和图片,赤裸裸地提示用户“分享到朋友圈”,如此明显违反了《微信外部链接内容管理规范》 ...
付费查看

2017 年 2 月 15 日

网站建设中的外包与偏见:Mr.Duan的定义与定位

在网站建设或其他行业中,外包,对内对外,都是一个不受欢迎的词汇。 “外包"这个词,是很多专业开发公司避而远之的词汇,替而代之的是“高端定制”,“定制开发”, “专业开发公司”之类的宣传语。提到外包,我们在知乎上面找到了类似这样的大众印象:忽悠,坑,质量差,搬代码。 也难怪大多数技术服务公司并不想把自己定义为外包公司,这样的大众印象只是代表了部分现象,但也是客观存在的事实。造 ...
付费查看

2016 年 11 月 7 日

【干货】Mr.Duan创始人周毅:关于网站建设,你不得不知道的“潜规则”

作者:周毅 来源:Mr.Duan 转载请注明出处 读完此文大约需要 3 分钟 网站建设行业的现状 一个网站的重要性不言而喻,而如何选择一家专业靠谱的建站公司却是多数需求方为之苦恼的问题。 纵观目前建站市场的整体发展,网站建设的业务已经趋于饱和,各类网站建设公司包括小型工作室以及个人服务商的数量却在逐年增加。 如今市场上的建站公司不计其数, 各地网站公司的数量甚 ...
付费查看