美文网首页设计
就是差了一像素

就是差了一像素

作者: 青铜央央 | 来源:发表于2016-12-16 18:01 被阅读168次

    本文持续更新:)

    为保证较好的显示效果,本文用的图片部分有裁剪或修改,但绝对全是截图:)

    http://designweekly.atomic.io/

    邮件订阅,订阅按钮和输入框,上下各差了一像素。

    http://origami.design/

    截图太长,将未点和已点状态截图合并,并且裁掉了中间一大段空白。

    下载按钮,标识已点状态的外层描边,圆角太小,四个边角各差了一像素。

    手机淘宝,iOS系统,版本号:6.2.0(Build1919519)

    “购物车”页与“我的淘宝”页,消息图标在完全同样的位置,切换页面时能看到小圆点明显动了一点,目测差了一像素,看了看别的页面,应该是“我的淘宝”页没有和别的页做好统一。

    拉到PS里看,PS说它明明差了两像素,1pt。竖线为拉的辅助线。

    一淘,iOS系统,版本号:7.5.0

    我的>我的礼金券,尖角指示,下沿差了一像素,应该是红色这条的有透明度的1像素描边,理论上是不该存在的。

    在手机上还没看出来,拉到电脑上裁图觉得尖角的颜色有微妙的不对,取了一下色,底下的背景色为#FFFFFF,而尖角的颜色为#EEEEEE,这是不严谨的。

    PC端QQ,Win7系统,64位,版本号:QQ8.7(19113)

    文件传输页面,奇怪的问题略多,发了两张纯白的图做示例。

    首先是图中指的1,上描边,差了一点。不止一像素,量了一下八像素。而且当页其他描边都是灰色,为什么这条描边是浅灰蓝色?

    其次是2,画了两条拐角线来直观对比两边一像素的差值,不管是发出文件还是接收文件,靠近发送对象的那条边就是单薄一点。放到PS里看了下,另三边都是很实在的四像素,靠近发送对象的那边是三像素,而且最外一像素还有点虚……

    然后是3,内外圆角一样大,让拐角处目测着就要胖一点……

    手机QQ,iOS系统,版本号:v6.6.0.443

    同样是文件传输页面,内外圆角目测又是一样大的,到了拐角处,边框又陡然胖了起来……目测差的也不止一像素,大概要把圆角调小两三像素。

    https://book.douban.com/

    还是选中状态问题,但是有点别具一格,不是圆角问题。

    选中状态很奇怪的只有三条边……而且两条竖线还戳出来了两像素……在360浏览器和chrome上显示效果都是这样。

    PC端为知笔记,Win7系统,64位,版本号:4.6.2

    右上角皮肤项,正常状态和hover状态,图标往右移动了一像素,别的按钮都正常。竖线为拉的辅助线。

    https://wj.qq.com/

    还是选中状态问题。

    按钮应该是4像素的圆角,表示选中的外层框是长方体,没有圆角,所以中间也漏了一像素的空白。

    相关文章

      网友评论

        本文标题:就是差了一像素

        本文链接:https://www.haomeiwen.com/subject/emzmmttx.html