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

2014-04-02    分類: 網(wǎng)站建設(shè)

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

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

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

設(shè)計師的指導(dǎo)像素暗示
什么是向量?

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

你可以看到,沒有抗鋸齒的曲線上的“D”是相當像素。所以,為了補償,當矢量形狀呈現(xiàn)他們通常抗鋸齒提供更強大的外表。而不是只顯示像素的矢量輪廓完全下降,像素逐漸被陰影了。這會讓你的大腦看到一個平滑的線條上的彎曲的形狀,不捕捉到像素網(wǎng)格好。

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

你可以看到,文本從水平上和垂直軸上脫落的網(wǎng)格上都是很笨拙的。為了解決這個問題,我們要溫柔的把每個字母的錨點直到他們更緊密地與像素網(wǎng)格布局。的目標,是要獲得的形狀線關(guān)閉,如果不直接上,網(wǎng)格線。放大推動定位更精確。在這樣做的同時,經(jīng)常放大,以確保您的調(diào)整看起來好嗎。

設(shè)計師的指導(dǎo)像素暗示
你不想精確地符合網(wǎng)格,因為在第一個地方就可以帶走反混疊的優(yōu)勢。相反,盡量保持簡單的東西只允許在每一個軸的一側(cè)上的半個像素。例如,我總是允許半像素的右側(cè)和頂部的字母,同時迫使左和底部邊緣刷新到網(wǎng)格。

設(shè)計師的指導(dǎo)像素暗示
結(jié)論
在上面的工作中,結(jié)果是一個看起來更清晰,更專業(yè)的形象。當然,你可以把這些技術(shù)應(yīng)用到比一個按鈕更重要的事情。
雖然你的電腦所做的自動反鋸齒看起來是可以接受的,但它可能會更好。所以,當它來到你的標志或重要的圖標/字體柵格形式,像素暗示的不僅僅是一個小生境技術(shù);直到有一天我們都采用高像素密度的顯示,這是必要的。

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

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

新聞名稱:設(shè)計師的指導(dǎo)像素暗示
本文網(wǎng)址:http://www.muchs.cn/news/19822.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、全網(wǎng)營銷推廣、定制網(wǎng)站服務(wù)器托管、軟件開發(fā)手機網(wǎng)站建設(shè)

廣告

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

網(wǎng)站建設(shè)網(wǎng)站維護公司