別小看分辨率,它會毀掉整個UI

UI爆炸

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)用的!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容