首頁

什么是DPI?什么是PPI?

用心設(shè)計

什么是DPI?什么是PPI?

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

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

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

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

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

什么是DPI?什么是PPI?

跟上色彩潮流!帶你展望2015年的網(wǎng)頁設(shè)計配色趨勢

博博

2015-website-color-trend-1

前幾天分享的2015年春夏流行色人氣很高,今天直接放干貨,@AnyForWeb_UDC 的同學根據(jù)2015年的色彩大致趨勢走向,結(jié)合相關(guān)的設(shè)計經(jīng)驗,作出了以下網(wǎng)頁配色預(yù)測分析,來看看有哪些亮點吧。

提前搞定2015年的設(shè)計好文:

 

一、Metro和柔和鮮嫩的色彩

Odam Luiran的網(wǎng)站是Metro風格,這種風格尤其適合一些比較鮮嫩柔和的顏色,扁平化網(wǎng)頁設(shè)計在2014年中的流行讓柔和色彩的用途變得越來越廣泛。這樣的色彩基調(diào)將在2015年得到進一步的延續(xù),馬卡龍色系也許會常常出現(xiàn)在網(wǎng)頁設(shè)計中。

二、偏灰的冷色系粉彩

偏灰的冷色系色彩是一種看起來比較百搭的顏色,但是實際上,要將這類顏色使用的恰如其分卻并不是一件容易的事情。這類色彩表現(xiàn)的比較中性,所以搭配任何顏色都不會顯得突兀,但也不算出挑,而要讓色彩之間真正融合,應(yīng)該選擇清淡的粉彩系透明色,讓網(wǎng)頁看起來清新脫俗。

還有哪些搭配方法?阿里前輩在前,就不多說咯:《色彩搭配速成!3個實用方法幫你全面搞定配色》

再不學就落伍了!15個設(shè)計感極強的LOW-POLY網(wǎng)站欣賞

博博

Community Machine 18個超酷的多邊形背景網(wǎng)頁設(shè)計

低多邊形現(xiàn)在火得一塌糊涂,前段時間優(yōu)設(shè)推薦了這篇《這效果超火!教你創(chuàng)建高大上的多邊形字體》,短短一月,超過20萬人閱讀學習,今天我們繼續(xù)收集一組設(shè)計帶感的多邊形網(wǎng)站,同學們可以收藏學習一下。

特別提醒:對 www.soleilnoir.net 這類文案與動效齊飛,驚艷共傳奇一色的神站,童鞋們請務(wù)必用谷歌或者火狐打開。

Sanissimo

Sanissimo

Vauxco

Vaux Collective

如何快速設(shè)計一款好BANNER?6個步驟幫你速成!

博博

世界看臉,網(wǎng)站看Banner,門面當然要漂亮,不過很多同學以為做Banner是門技術(shù)活兒,自己學藝不精做不了。如果你看了今天這篇文,就會明白,技術(shù)于Banner,就像刀法于人,雖有招式,但無內(nèi)功支撐,久戰(zhàn)必敗。而這篇好文,就是Banner的內(nèi)功修煉心法,按6個步驟來,速成可待。

資深交互設(shè)計師 :團隊小伙伴問到這個問題,發(fā)了一封郵件分享自己的思路,順便貼過來。

推薦!網(wǎng)頁首屏設(shè)計之圖文混排的10大技巧

博博

 首先網(wǎng)頁首屏中的文字必須具備可讀性才行,所以你需要確認文字與背景之間的色彩搭配能讓用戶看得清楚。當你選擇一個暗色調(diào)的背景,那么你需要使用白色或者淺色的的文字,而當背景比較素雅的時候,文字可以使用深色,這就是我所說的強化對比。

當然,對比不僅限于色彩,文字同樣存在對比。文字與圖像相互配合,才能達到出人意表的效果。例如第一個案例,Packdog網(wǎng)站的設(shè)計,大圖作為背景,用色濃郁,文字則正好相反,輕薄而大小錯落。這些對比強烈的元素組合在一起令人印象深刻。

信息可視化圖表設(shè)計

用心設(shè)計

信息可視化包括了信息圖形、知識、科學、數(shù)據(jù)等的可視化表現(xiàn)形式,以及視覺可視化設(shè)計方面的進步與發(fā)展。地圖、表格、圖形,甚至包括文本在內(nèi),都是
信息的表現(xiàn)形式,無論它是動態(tài)的或是靜態(tài)的,都可以讓我們從中了解到我們想知道的內(nèi)容,發(fā)現(xiàn)各式各樣的關(guān)系,達到最終解決問題的目的。信息可視化的意義就是在于運用形象化方式把不易被理解的抽象信息直觀地表現(xiàn)和傳達出來。

26副本

如何通過設(shè)計讓用戶更準確地做出選擇?

用心設(shè)計

前方高能,鑒于譯者是處女座,所以感覺本文的原作者也是處女座,文章沒有高深的策劃理論,但是把平常我們覺得很簡單的表單
設(shè)計思路挖得很深很透徹,將小小的最平常的一個選項設(shè)計應(yīng)該采用哪種方案一一列出,在理之余,也把用戶的一些思維模式放出來。很多時候感覺我們經(jīng)常在思考
一些大的華麗的東西,卻不知道其實每一個小的設(shè)計其實都可以鉆研、都可以有不同的設(shè)計方案。與喜歡鉆研交互設(shè)計的朋友們共勉~~英語能力有限,歡迎吐槽指

shejixuanze

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yvirxh.cn

存檔