他真的不是我兄弟 畫素跟點大不同

2021-07-01 22:19:54 字數 1959 閱讀 4531

產品開發的分工是一件挑戰團隊合作技巧的事情,以網頁開發來說,由於網頁的特性,單純的網頁視覺設計師很少能夠直接掌握產品最終的外觀,往往是在繪 圖軟體裡面將視覺部分定稿,再由前端工程師根據設計來將產品的視覺部分實現出來。舉凡圖片的尺寸、位置,元件的效果、色彩的 rgb 值、文字的尺寸等等,都必須清楚的傳達才能夠完整的重現原本的設計。先前我們曾經介紹過一些方便網頁製作時的溝通技巧跟工具,有興趣的讀者可以參考【替網頁打造好用的藍圖】。

但是文字的尺寸則會出現問題,實際上遇到的狀況就是設計師提供的字型尺寸不對,開發人員如果按照設計師的數值,則製作出來的文字會比設計稿來得變小:

有經驗的開發人員通常就直接把設計師給的數值直接乘以 2 使用,藉以得到原本設計的結果,但這其中當然是有些誤會在其中。在這裡我們發現設計師標示文字尺寸時是使用了 pt 這個單位,很容易讓人把它跟畫素搞混在一起,但它們卻是完全不同的東西。

pt 是常見的標示文字尺寸的單位,在繪圖以及文書軟體等幾乎都是使用 pt 作為字型尺寸的單位,故一般稱呼「字級」時,通常即是指 pt,許多平面排版設計師都喜歡在手邊準備一張字級對照表,方便與客戶溝通時使用。

px 與 pt 的區別

px ( pixel、又稱為畫素) 與 pt ( point、有時被稱為點) 是兩個看起來很像、卻完全不一樣的單位 (在某些場合他們是1:1的),在很多時候卻常常被搞混,或是製作過程根本沒有分清楚、導致結果沒有很精確。在繪圖軟體裡面可以看到基本單位設定裡面就有 這兩個選擇:

px ,即是 pixel、畫素 。是螢幕上所顯示的最小單位,當製作的版面是供螢幕瀏覽時,使用 px 可以精確的控制畫面上顯示效果。但也因為每個螢幕解析度不同,畫素的大小也不固定。在解析度高的螢幕上,乙個畫素可能會小到肉眼無法辨識的大小。

pt,即是 point,是乙個標準的長度單位。定義上 1pt=1/72 英吋。因此它跟我們所熟悉的公分、公尺一樣,可以明確的指出1pt 的長度是多少。

也因此,像 word 這種以列印輸出為需求的軟體,字型大小使用 pt 就顯得相當方便實用,只要軟體設定是對的,使用多少 pt 的字級,透過列印後永遠都會得到一樣大小的字型。

但是在螢幕顯示的時候,則需要透過一定的轉換公式,但這邊會遇到的另外乙個問題就是各家作業系統的 dpi 並不一致。windows 系統一般都是設定 96dpi,mac 的osx系統則大多是 72dpi。由於 pt 在定義上是 1/72 英吋的關係,因此在 72dpi 的系統上時 1pt= 1px,這沒什麼問題,但在 96dpi 時則明顯不適用,畫素密度明顯變細了,所以需要乙個轉換的公式,在這邊,1px = 0.75pt。( 72 / 96 = 0.75 )

也因為這樣,在許多時候都建議螢幕顯示用的設計可以選擇 px 作為字型的單位,例如網頁的css 樣式表就有 pt、px 以及百分比的 em 等方式來定義字型大小可供設計師選擇。

pt 與 px 理解起來其實不難,在應用的時候其實也相當單純,在大部分的情況下適用的乙個理論是:當設計的目的是用於供螢幕瀏覽, 則趨向於使用 px 以方便掌握細節;而如果是為了做輸出列印的需求, 使用 pt 則是較好的選擇。

糖糖別胡說,我真的不是簽到題目

從前,有n隻萌萌的糖糖,他們分成了兩組一起玩遊戲。他們會排成一排,第i只糖糖會隨機得到乙個能力值bi。從第i秒的時候,第i只糖糖就可以消滅掉所有排在他前面的和他不是同一組的且能力值小於他的糖糖。為了使遊戲更加有趣,糖糖的爸爸,嬌姐,會發功m次,第i次發功的時間為ci,則在第ci秒結束後,b1,b2,...

糖糖別胡說,我真的不是簽到題目

題目描述 從前,有n隻萌萌的糖糖,他們分成了兩組一起玩遊戲。他們會排成一排,第i只糖糖會隨機得到乙個能力值bi。從第i秒的時候,第i只糖糖就可以消滅掉所有排在他前面的和他不是同一組的且能力值小於他的糖糖。為了使遊戲更加有趣,糖糖的爸爸,嬌姐,會發功m次,第i次發功的時間為ci,則在第ci秒結束後,b...

糖糖別胡說,我真的不是簽到題目 是的,你不是

這道題最開始寫的時候是按照題意,一步一步,從前向後分析的,但是寫出來的 能過案例,測試後卻是0分,很難受,到現在也沒想明白為啥,就算超時啥的也不應該0分呀,所以貼在下面,希望有善良的大佬能幫忙瞧瞧。wrong way using namespace std include struct node n...