當你們好不容易把自己好不容易設計好的71*36強調按鈕上傳完之後,
是否曾經覺得哪裡有違和感?
這個圖是不是感覺和你們自己設計的那個圖有點差別呢?
如果你們沒有這種感覺,那是你們的設計剛好不會讓你們產生這種感覺,或是沒看仔細。
如果你們有感覺到,這不是你們的錯覺。
這個按鈕的呈現方式非常坑:
在一般狀態下的圖,在呈現的時候,
左上角會貼上你的圖右下角那個像素(下圖粉紅色),
右上會貼上你的圖左下角的70*1像素(下圖白色),
左下會貼上你的圖右上角的1*35像素(下圖黑色),
然後右下角的部分就相當於你把你的圖向下向右各一個像素(下圖藍紫)。
還好都不旋轉,不然會死人的。
所以在上傳的時候,請把你的設計圖左邊切下一條1像素直條,貼到右邊去
然後再從上面切下一條1像素橫條,貼到下面去
事實上如果你的圖超過71*36像素也是這樣,小於這個大小的似乎也是如此,但還沒有精確測量過。
滑鼠經過時的按鈕也很坑
它是直接把你的圖從上面切下1像素的橫條,然後貼到下面去。
如果你的圖大於71*36像素
它會先左右置中(如果橫的部分像素為偶數,優先切右邊)
然後取最下面的35個像素高度和最上面的1像素高度。
總之,有點搞不懂巴哈設計的時候幹嘛把這個按鈕設計的這麼複雜
=======================================================================
9/7更新
坑的不只是按鈕,底圖也很坑
底圖的部分不管是左右,都喜歡把下面1象素高黏到上面,右邊1象素寬黏到左邊去