首頁

什么是DPI?什么是PPI?

用心設(shè)計

什么是DPI?什么是PPI?

DPI(Dots Per Inch)是測量空間點(diǎn)密度的單位,最初應(yīng)用于打印技術(shù)中,它表示每英寸能打印上的墨滴數(shù)量。較小的DPI會產(chǎn)生不清晰的圖片。

后來DPI的概念也被應(yīng)用到了計算機(jī)屏幕上,計算機(jī)屏幕一般采用PPI(Pixels Per Inch)來表示一英寸屏幕上顯示的像素點(diǎn)的數(shù)量,而DPI也被引入。

安裝Windows操作系統(tǒng)的電腦屏幕PPI的初始值是96,Mac的初始值是72,雖然這個值從80年代起就不是很準(zhǔn)確了。 一般來說,非retina桌面(包括Mac)的PPI的取值區(qū)間在72-120之間,因?yàn)檫@個取值區(qū)間能夠確保你的作品在任何地方都能保持大致相同的比 例。

這里有一個應(yīng)用實(shí)例: 27寸Mac影院顯示屏的PPI是109,這表示在每英寸的屏幕上顯示了109個像素點(diǎn)。斜角長是25.7英寸(65cm),實(shí)際屏幕的寬度大概是23.5英寸,23.5109約等于2560,因此原始屏幕分辨率就是2560*1440px。

我知道23.5109不是恰好等于2560.實(shí)際上是23. 486238532英寸。要是用每厘米的像素點(diǎn)計算,會更加準(zhǔn)確,但是這里你知道就行。

什么是DPI?什么是PPI?

聊聊移動APP導(dǎo)航設(shè)計的改版實(shí)戰(zhàn)

用心設(shè)計

關(guān)于手機(jī)App 的導(dǎo)航設(shè)計討論已經(jīng)有很多了(特別是針對漢堡菜單的討論)。今天翻譯的這篇文章,是原作者在真實(shí)的 App 中對導(dǎo)航進(jìn)行改版,觀察數(shù)據(jù)并進(jìn)行分析的一則小文,實(shí)戰(zhàn)意義很強(qiáng),可供借鑒 >>>

歡迎同學(xué)們關(guān)注譯者的微信公眾號呦:shejiyiyan

移動界面設(shè)計中,使用各種菜單控件來簡化界面,對設(shè)計師來說很有吸引力 —— 特別是在小屏幕的設(shè)備上。但是,將 App 的核心部分隱藏在這些菜單里,可能會對實(shí)際使用產(chǎn)生負(fù)面的影響。

扁平化與字體設(shè)計

用心設(shè)計

扁平設(shè)計的魅力在于極簡,極簡卻不能意味簡陋;相反的它必須展現(xiàn)極高的功能性。平面設(shè)計極簡,而又將功能性發(fā)揮,不會妨礙溝通,很大一部分有賴于字的編排。文字是最直接的表“意”媒介——不只有意義,還有意象 ...

優(yōu)秀設(shè)計師應(yīng)當(dāng)知道的20大UI設(shè)計原則

用心設(shè)計

圖形設(shè)計大師Paul
Rand(保羅.蘭德)曾經(jīng)說過:“設(shè)計絕不是簡單的排列組合與簡單地再編輯,它應(yīng)當(dāng)充滿著價值和意義,去說明道理,去刪繁就簡,去闡明演繹,去修飾美
化,去贊美褒揚(yáng),使其有戲劇意味,讓人們信服你所言……”,由此可見,設(shè)計絕非輕而易舉之事,優(yōu)秀的設(shè)計更是難上加難,今日小編偶然發(fā)現(xiàn)一篇界面設(shè)計師
Joshua Porter博客當(dāng)中的一篇文章——《Principles of User Interface
Design》,文章中列舉了20大UI設(shè)計原則,看完之后,覺得挺受啟發(fā),于是試著將其編譯,希望能夠給廣大設(shè)計師——特別是剛?cè)腴T的初級設(shè)計師,提供
較好的學(xué)習(xí)機(jī)會。全文編譯如下:

界面設(shè)計必備,常用字體規(guī)范

周周


作者:王鐸(MICU設(shè)計)


好長時間沒發(fā)帖,凈想過年了,過年哈,倒騰工作總結(jié)和年貨是大事。

這幾天有人問我說:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想學(xué)點(diǎn)直接能拿來用的,這個要求過分嗎……”

這個,好吧,那就直接說說能用的知識:字體字號。

也許你會說:字體字號?也太Low了吧,這個誰不知道重要呀。

對于這個問題,我想說:會和熟練,是兩回事。一個App,不同部分的字體字號你能準(zhǔn)確地說出來嗎?

很多剛做APP界面的設(shè)計師,經(jīng)常會因?yàn)樽痔?,字體顏色,間距而困擾。
拿到設(shè)計需求后,開始進(jìn)行設(shè)計,不知道從何去調(diào)整界面的字號和行間距等。容易碰到的問題是頁面和頁面的字號調(diào)著調(diào)著就大小或顏色不統(tǒng)一了。并且容易導(dǎo)致設(shè)計稿反復(fù)得修改。設(shè)計出來的效果圖文字左右間距層次不齊,導(dǎo)致與預(yù)期不符等。
這小節(jié)我將和大家理一理界面中常用的字體,字號,字體顏色及間距對齊的一些小經(jīng)驗(yàn)。希望能對大家有些幫助。

移動端設(shè)計—視覺設(shè)計

藍(lán)藍(lán)設(shè)計的小編

移動端設(shè)計——第三節(jié):視覺設(shè)計

為了利用平臺化的功能,歷史上第一批移動網(wǎng)站不得不在很多方面做出“讓步”,因此遠(yuǎn)達(dá)不到“佳作”的水平。而如今,功能更加完備的設(shè)備讓我們有機(jī)會打造出更具視覺吸引力的設(shè)計,這些設(shè)計不僅能夠刺激和吸引用戶,更能夠提高用戶體驗(yàn)的實(shí)用性。不過,機(jī)會的出現(xiàn)同時也伴隨著挑戰(zhàn)。

UX與UI不是對立而是共生

藍(lán)藍(lán)設(shè)計的小編

UX與UI不是對立而是共生

Web端的用戶體驗(yàn)(UX)是指人們在使用網(wǎng)站時所獲得的抽象感覺。用戶界面(UI)則是指人們的交互對象,是用戶體驗(yàn)的一個組成部分。

日歷

鏈接

個人資料

存檔