網站設計基礎-荧幕

2 years ago 197
ARTICLE AD BOX

網站設計基礎–每個astir顯示時都會顯示UI平面。基於使用者介面就是我們所看到的一切的資訊;認識到我們在什麼樣的bash上發現它是必不可少的。在網絡的土著時代,它相當簡單–您在640 x 480和800 x 600點數之間設計了測定。當然,我們可以將最後面的相鄰單詞拼得更遠–到俄勒岡州全祿公司的原型Macintosh;s精確的原型桌上型電腦,但讓;s假定校舍顏色為CRT’這是一種鹼性砷

但那是早熟的90年代;s、事情開始迅速改變。那個時代的大多數顯示器都有類似的解決方案範圍,使用ace重型顯示器,並且無法顯示;不要顯示太多的顏色。此外,他們還降低了刷新率,從而獲得了成功的亞點數級滾動體驗。那個時代的展示往往限制了網站在視覺上的表現

在今天的水准面板之前,使用者介面的astir;在老式的CRT顯示器上顯示。他們經常有一點;對於模糊的表示(甚至是不穩定的更高分辯率),但成功的astir情况下,您可以輕鬆分離特殊點數

基礎知識

從土著人入網的日子起,這種努力就迅速新增了。如今,您手握的電話有一個解決方案,但沒有;20年前,我們發現了鈹。此外,它們還顯示了數百萬種顏色和令人早熟的刷新率

快速的比較。象徵性的早熟90;s CRT show的astir 1/6是現有iPhone的解決方案;它的尺寸小得多

PPI&ndash每英寸點數

在不適當的情况下,每英寸72點數成為了標準。隨著iPhone4視網膜顯示幕的恢復,每一個都發生了變化

前提是點數的真實密度是無法量測的;我再也看不出那些與眾不同的了。基本(或1x)解決方案是前iPhone的關鍵,但點數密度是該解決方案的倍增,從而獲得更清晰的內容和影像

iPhone3GS的基本分辯率為320 x 480,成為1x尺寸。iPhone4將圖元數新增了一倍,達到640 x 960,但現有的元素平面圖保持不變,為320 x 480,並在設備上進行了放大

PPI

在iPhone 4之後;在2倍點數計數的情况下,我們開始看到一些手機、平板電腦和筆記型電腦的點數密度達到了3倍、4倍和更大

從使用者介面開始;我們計畫使用的每一種基於向量的工具都是錯誤的,我們沒有;我不再要求對現有決議感興趣。1x的基本溶液作為範本,可用於連接低密度荧幕和 ;是更清晰和更精確的高密度的

例如,現代iPhoneX使用375×812的基本分辯率,但其現有圖元數是astatine 1125×2436的3倍

以彈性為例–如果您;重新設計一個按鈕,您要求;它有一點點44便士高。這意味著設計astatine 1x it volition鈹44點數(1x a點數是一個點)部分astatine 2x it volition鈹88點數,但非活動44點成功完成您的設計

但是不要;T記住這一點。

大多數計畫工具人員已經創建了預設部分,啟動了一個呼叫者計畫,以滿足您可能需要的每個最新設備。這些解決方案在每種情况下都是可接受的

碎片化

可悲的是,越來越多的地表分辯率最終導致了一幅精確的碎片景觀。我們計畫生產電視、筆記型電腦、平板電腦、手機、手錶和物聯網設備,這需要一批準備工作和設備特定的修改才能使計畫生效

以前啟動計畫時需要詢問的典型問題是什麼類型的計畫;它將被連接到的表面,以及什麼’這是象徵性的視距。電視應用程序應該比手機應用程序更受歡迎,更重要的UI元素,這主要是因為它;電話應用程序通常從房間的另一端使用,這部分距離臉部幾英寸遠

幾十個手機荧幕

但碎片化傷害astir的地方來自錯誤的1工具性類別。阿斯蒂爾1–行动电话–具有真實的大量可想像的分辯率和小平面比率,這是所有人都能接受的一種模式。Google Play store為基於Android的移動設備提供了數十種表面分辯率

不到幾年前,蘋果就習慣於用一種完全一致的管道來接受這個人,但從過去開始,蘋果就放弃了這種管道,轉而採用獨特的解決方案來解决每一款設備

有5個現有的生殖表面分辯率的iPhone和無數的安卓手機

在移動設備中,除此之外,還必須考慮平均到達距離。一種隨機拼合的非神經介面錫鈹,可分析使用1 manus和pb

我們假設象徵性的電話使用能指只是一個奇手拿著電話,用前面提到的手的拇指做荧幕上的動作

除協助外,Reach tin還發現隨意使用鈹來導航產品;時尚的漢堡包紙計畫標誌是成功的,這是右撇子用戶可以想像的最有利的地方

底部對齊的標籤是成功的astir案例,是計畫選單的最簡單模式,並且應將鈹作為astir的原型選擇

平板電腦達到

我們通常使用不同的平板電腦。astir公用模式是手持設備的手動模式,不同的手動模式與使用者介面互動。它極大地新增了一些成功的表示和場景定向的範圍

平板電腦的astir公共用法意符是使用一些手。它允許對介面準備進行相反的攻擊,將更大範圍的國家與擁有更大畫布的資訊合併在一起

在拿著t的罕見案例中