1.
最近在負(fù)載后臺的優(yōu)化,其中就遇到了幾個問題。后臺的許多控件都錯位了,導(dǎo)致頁面排布非常混亂,整個頁面的UI都被毀掉了。同時一些“提交”、“保存”等按鈕直接被藏進了Windows底部的菜單欄,每次進后臺修改訂單都需要對網(wǎng)頁進行縮放調(diào)整。這幾個問題讓我很費解,因為負(fù)責(zé)后臺的程序員是一個工作經(jīng)驗不是特別豐富女生,每次就這幾個問題去找她,她都是一句話:“我這邊看完全沒有你說的問題啊!”,甚至有一次直接錄了一段視頻給我展示她那邊顯示的所有頁面。
2.
因為第一次做關(guān)于網(wǎng)頁的開發(fā),所以這方面的經(jīng)驗也很少,但是不知為何網(wǎng)頁的縮放突然讓我想起了分辨率。所以我決定就分辨率為主題,和程序員討論討論。
我現(xiàn)在工作中使用的筆記本是四年前購買的,雖然性能還算流暢,但是顯示器卻已經(jīng)完全過時了,以至于系統(tǒng)顯示的最高分辨率僅為1366×768,這個數(shù)據(jù)成為了UI錯位的罪魁禍?zhǔn)住S捎诔绦騿T的工作特性,所以公司都給他們配備了筆記本,所以都是最近一年的新設(shè)備,分辨率都在1600×900以上。
3.
程序員同學(xué)在寫UI的時候就容易比著自己屏幕的大小來擺放控件,因為他的分辨率比我們老設(shè)備的高,所以她做出來的網(wǎng)頁放在我的顯示器里就會被壓縮。控件被壓錯位,保存提交按鈕被壓進了菜單欄,整個頁面看起來就非常擁擠。
我把這個想法告訴她以后,就馬上叫她把顯示的分辨率調(diào)低一點,調(diào)到1366×768。當(dāng)她把分辨率調(diào)整過來以后,默默的對我說了一句:“同情你們,這分辨率,看著我好難受啊~”所以分辨率低的同學(xué)你傷不起啊。為了讓公司低分辨率電腦的同事們,能更優(yōu)雅使用后臺,程序員同學(xué)決定用1366×768來重新排布控件和頁面。
最后因為分辨率的奇案被經(jīng)驗尚淺的產(chǎn)品和程序徹底偵破,還同事們一片清爽的后臺。
4.
在做外包項目時,分辨率問題也十分突出,因為客戶電腦的購買年限參差不齊,所以必須按照老一點的配置來調(diào)整控件的大小和擺放位置。
我們常常聽說制作App的時候需要適配機型,沒想到設(shè)計網(wǎng)頁的時候也需要適配分辨率啊。所以別小看分辨率和移動端的機型適配,因為它們真的會毀掉整個應(yīng)用的!