1 2測量 取色

2022-09-13 09:33:09 字數 1383 閱讀 5144

1、獲取資訊

開啟設計稿 獲取資訊

尺寸資訊——測量 width:200px;

顏色資訊——取色 color:#ffcc00;

哪些要測量?

所有的數字都要測量,具體包括

標籤的寬度、高度

內邊距、外邊距

邊框定位

文字大小

行高背景圖位置

測量圖工具:矩形選框工具&資訊面板

測量的時候要把畫布放大 這樣可以減少誤差

然後用矩形選框工具畫乙個框 就可以在資訊面板看到需要的資訊、

對於測量圖來說,有的小圖示的邊側角落都要測量(我的媽呀 我不會量整整一天圖吧)

測量文字工具:文字大小的測量

1、文字是單獨的圖層 點選文字工具 再點選文字 可以在選項面板看到大小

2、文字和背景圖融為一體,採用測量圖的方法,挑選最大的字畫乙個框

測量行高:

1、文字是單獨的圖層,在選項面板最右邊有乙個鍵,點開是字元和段落 第二行右邊那個是行高

2、文字和背景圖融為一體,用矩形選框工具,從第一行的字的最下面開始到第二行的字的下面畫乙個框,就是行高

測量 選區

矩形選框工具 的選項面板 可以設定選區為

新選區新增到選區:按住shift

從選區減去:按住alt

與選區交叉:按住shift+alt

即測量時,完全可以先選擇乙個很大的區域 然後再用選區的工具alt把多餘的區域減掉 如果去掉的太多 就可以用shift加回來

測量工具的巧用:如果要選擇乙個比較大的區域 首先在左側畫乙個小的矩形框 然後把滾動條滾動到右側 按住shift鍵 在右側再畫乙個矩形框 這個時候看到資訊面板的寬度 即為左右兩個小方塊加起來的寬度 即這個區域的寬度

取色(所有顏色都要取色)(瘋了。。)

邊框色背景色

文本色用拾色器&吸管工具

1、獲取圖顏色

點開拾色器 點一下要取色的區域 在最下面#框裡面有一串字元 就是他的顏色 寫到css中就可以了

2、獲取文字顏色

如果文字是單獨的圖層,點一下文字工具,在選項面板裡有乙個長方形的黑色的框框 點一下就是拾色器

如果文字和背景圖融為一體,按照獲取圖顏色的方法吸色,如果不好吸,就放大畫布

邊框也要吸色,這個時候放大畫布即可

如果文字是單獨的圖層,但是吸色之後發現和實際看到的顏色有所不同,這是因為他的圖層下還有很多別的效果,這個時候,我們使用獲取圖顏色的方法,點選文字中顏色最深的地方進行吸色

取色工具的巧用:確定背景是否為純色

點開拾色器,不停點選取色背景區域,如果顏色不停變換,說明並不是純色

確定是否是線性漸變:魔棒工具

先用矩形選框工具選擇圖層 然後設定容差為0 用魔棒工具點選 出現的區域說明此區域的顏色相同 在圖示例子中x軸的顏色是相同的,y軸有顏色的變化

vscode 取色器外掛程式

在寫css的時候總是記不住那些 的顏色,只是用red,green這些又不是很好看,覺得某個顏色很好看還要用ps什麼的取色找值 很麻煩啊 還好vscode有取色器的外掛程式 vscode color picker 直接在擴充套件那裡搜這個外掛程式就好了,注意不要安裝color picker,不知道為什...

簡單的螢幕取色器

執行效果截圖 後台 using system using system.collections.generic using system.componentmodel using system.data using system.drawing using system.linq using sys...

紋波測量 以及 ATX 12V PC 電源 介紹

1.0輸入特性 1.1輸入電壓範圍 90vac至264vac,單相。1.2輸入頻率範圍 47 63hz 正常頻率範圍 50 60hz 1.3輸入電流 最大輸入交流電流 5amp r.m.s max 90vac 滿載 1.4浪湧電流 在第1.1節的所有線路電壓條件下,電源浪湧電流應小於其關鍵元件 包括...