設(shè)計(jì)師的指導(dǎo)像素暗示

像素好的圖標(biāo)和印刷站在人群中的在線。很明顯，我們都想爭取這樣的精致的工作，但有時(shí)甚至在嘗試我們?nèi)匀唤Y(jié)束了一些東西…少。像素暗示的技巧之一，以自動(dòng)功能和改善后的成都網(wǎng)站制作結(jié)果。盡管超高…

像素好的圖標(biāo)和印刷站在人群中的在線。很明顯，我們都想爭取這樣的精致的工作，但有時(shí)甚至在嘗試我們?nèi)匀唤Y(jié)束了一些東西…。像素暗示的技巧之一，以自動(dòng)功能和改善后的結(jié)果。

盡管超高分辨率顯示器的今天，像蘋果的視網(wǎng)膜顯示器還需要“假”的光滑曲線，免得我們結(jié)束了一個(gè)像素化的困境。
許多設(shè)計(jì)師和開發(fā)商都朝著SVG和基于矢量的方法現(xiàn)在；與支持才變得更好的一天。但即使如此，基于向量的解決方案有很長的路要走，他們已經(jīng)成熟，足以在生產(chǎn)中使用。SVG是偉大的顯示矢量圖形，但不那么熱在大小形狀。所以像其他一切都在那里，有一個(gè)時(shí)間和地點(diǎn)，為每個(gè)解決方案。

什么是向量？

向量本質(zhì)上是一個(gè)形狀的數(shù)學(xué)表示的結(jié)果。當(dāng)你看到你的屏幕上的任何東西時(shí)，它是因?yàn)槟愕挠?jì)算機(jī)渲染這些對象，并將它們綁定到你的顯示器上的像素。在這樣做時(shí)，您的計(jì)算機(jī)也作出了決定，應(yīng)該什么，不應(yīng)該，被顯示為整個(gè)像素。例如，大寫字母“D”都有一個(gè)好的直線，與曲線一。

你可以看到，沒有抗鋸齒的曲線上的“D”是相當(dāng)像素。所以，為了補(bǔ)償，當(dāng)矢量形狀呈現(xiàn)他們通?？逛忼X提供更強(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)勢。相反，盡量保持簡單的東西只允許在每一個(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ù)；直到有一天我們都采用高像素密度的顯示，這是必要的。

創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦：

名稱欄目：設(shè)計(jì)師的指導(dǎo)像素暗示
網(wǎng)頁網(wǎng)址：http://www.muchs.cn/news22/19822.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、企業(yè)建站、定制網(wǎng)站、網(wǎng)站營銷、網(wǎng)站改版、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)