像素完美的圖標(biāo)和印刷站在人群中的在線。很明顯,我們都想爭(zhēng)取這樣的精致的工作,但有時(shí)甚至在嘗試我們?nèi)匀唤Y(jié)束了一些東西…少。像素暗示的技巧之一,以自動(dòng)功能和改善后的深圳網(wǎng)站制作結(jié)果。盡管超高…
像素完美的圖標(biāo)和印刷站在人群中的在線。很明顯,我們都想爭(zhēng)取這樣的精致的工作,但有時(shí)甚至在嘗試我們?nèi)匀唤Y(jié)束了一些東西…。像素暗示的技巧之一,以自動(dòng)功能和改善后的結(jié)果。
盡管超高分辨率顯示器的今天,像蘋果的視網(wǎng)膜顯示器還需要“假”的光滑曲線,免得我們結(jié)束了一個(gè)像素化的困境。
許多設(shè)計(jì)師和開發(fā)商都朝著SVG和基于矢量的方法現(xiàn)在;與支持才變得更好的一天。但即使如此,基于向量的解決方案有很長(zhǎng)的路要走,他們已經(jīng)成熟,足以在生產(chǎn)中使用。SVG是偉大的顯示矢量圖形,但不那么熱在大小形狀。所以像其他一切都在那里,有一個(gè)時(shí)間和地點(diǎn),為每個(gè)解決方案。
什么是向量?
向量本質(zhì)上是一個(gè)形狀的數(shù)學(xué)表示的結(jié)果。當(dāng)你看到你的屏幕上的任何東西時(shí),它是因?yàn)槟愕挠?jì)算機(jī)渲染這些對(duì)象,并將它們綁定到你的顯示器上的像素。在這樣做時(shí),您的計(jì)算機(jī)也作出了決定,應(yīng)該什么,不應(yīng)該,被顯示為整個(gè)像素。例如,大寫字母“D”都有一個(gè)完美的直線,與曲線一。
你可以看到,沒有抗鋸齒的曲線上的“D”是相當(dāng)像素。所以,為了補(bǔ)償,當(dāng)矢量形狀呈現(xiàn)他們通常抗鋸齒提供更強(qiáng)大的外表。而不是只顯示像素的矢量輪廓完全下降,像素逐漸被陰影了。這會(huì)讓你的大腦看到一個(gè)平滑的線條上的彎曲的形狀,不捕捉到像素網(wǎng)格完美。
你可以看到,文本從水平上和垂直軸上脫落的網(wǎng)格上都是很笨拙的。為了解決這個(gè)問題,我們要溫柔的把每個(gè)字母的錨點(diǎn)直到他們更緊密地與像素網(wǎng)格布局。的目標(biāo),是要獲得的形狀線關(guān)閉,如果不直接上,網(wǎng)格線。放大推動(dòng)定位更精確。在這樣做的同時(shí),經(jīng)常放大,以確保您的調(diào)整看起來好嗎。
你不想精確地符合網(wǎng)格,因?yàn)樵诘谝粋€(gè)地方就可以帶走反混疊的優(yōu)勢(shì)。相反,盡量保持簡(jiǎn)單的東西只允許在每一個(gè)軸的一側(cè)上的半個(gè)像素。例如,我總是允許半像素的右側(cè)和頂部的字母,同時(shí)迫使左和底部邊緣刷新到網(wǎng)格。
結(jié)論
在上面的工作中,結(jié)果是一個(gè)看起來更清晰,更專業(yè)的形象。當(dāng)然,你可以把這些技術(shù)應(yīng)用到比一個(gè)按鈕更重要的事情。
雖然你的電腦所做的自動(dòng)反鋸齒看起來是可以接受的,但它可能會(huì)更好。所以,當(dāng)它來到你的標(biāo)志或重要的圖標(biāo)/字體柵格形式,像素暗示的不僅僅是一個(gè)小生境技術(shù);直到有一天我們都采用高像素密度的顯示,這是必要的。
牧羊人設(shè)計(jì)文章推薦:
深圳民治設(shè)計(jì)公司
網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站設(shè)計(jì)