就是差了一像素

本文持續(xù)更新:)

為保證較好的顯示效果,本文用的圖片部分有裁剪或修改,但絕對全是截圖:)



http://designweekly.atomic.io/

郵件訂閱,訂閱按鈕和輸入框,上下各差了一像素。



http://origami.design/

截圖太長,將未點和已點狀態(tài)截圖合并,并且裁掉了中間一大段空白。

下載按鈕,標(biāo)識已點狀態(tài)的外層描邊,圓角太小,四個邊角各差了一像素。



手機淘寶,iOS系統(tǒng),版本號:6.2.0(Build1919519)

“購物車”頁與“我的淘寶”頁,消息圖標(biāo)在完全同樣的位置,切換頁面時能看到小圓點明顯動了一點,目測差了一像素,看了看別的頁面,應(yīng)該是“我的淘寶”頁沒有和別的頁做好統(tǒng)一。

拉到PS里看,PS說它明明差了兩像素,1pt。豎線為拉的輔助線。



一淘,iOS系統(tǒng),版本號:7.5.0

我的>我的禮金券,尖角指示,下沿差了一像素,應(yīng)該是紅色這條的有透明度的1像素描邊,理論上是不該存在的。

在手機上還沒看出來,拉到電腦上裁圖覺得尖角的顏色有微妙的不對,取了一下色,底下的背景色為#FFFFFF,而尖角的顏色為#EEEEEE,這是不嚴(yán)謹(jǐn)?shù)摹?/p>



PC端QQ,Win7系統(tǒng),64位,版本號:QQ8.7(19113)

文件傳輸頁面,奇怪的問題略多,發(fā)了兩張純白的圖做示例。

首先是圖中指的1,上描邊,差了一點。不止一像素,量了一下八像素。而且當(dāng)頁其他描邊都是灰色,為什么這條描邊是淺灰藍色?

其次是2,畫了兩條拐角線來直觀對比兩邊一像素的差值,不管是發(fā)出文件還是接收文件,靠近發(fā)送對象的那條邊就是單薄一點。放到PS里看了下,另三邊都是很實在的四像素,靠近發(fā)送對象的那邊是三像素,而且最外一像素還有點虛……

然后是3,內(nèi)外圓角一樣大,讓拐角處目測著就要胖一點……



手機QQ,iOS系統(tǒng),版本號:v6.6.0.443

同樣是文件傳輸頁面,內(nèi)外圓角目測又是一樣大的,到了拐角處,邊框又陡然胖了起來……目測差的也不止一像素,大概要把圓角調(diào)小兩三像素。



https://book.douban.com/

還是選中狀態(tài)問題,但是有點別具一格,不是圓角問題。

選中狀態(tài)很奇怪的只有三條邊……而且兩條豎線還戳出來了兩像素……在360瀏覽器和chrome上顯示效果都是這樣。



PC端為知筆記,Win7系統(tǒng),64位,版本號:4.6.2

右上角皮膚項,正常狀態(tài)和hover狀態(tài),圖標(biāo)往右移動了一像素,別的按鈕都正常。豎線為拉的輔助線。



https://wj.qq.com/

還是選中狀態(tài)問題。

按鈕應(yīng)該是4像素的圓角,表示選中的外層框是長方體,沒有圓角,所以中間也漏了一像素的空白。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容