中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

如果你是一枚交互設計師或者UI設計師，那么你一定知道Sketch這個強大的矢量設計軟件；如果你用過Photoshop，那么在你接觸了Sketch之后就能了解到這款產品相對于PS的優點，說不定會跟我一樣變成一個Sketch的死忠粉。

扁平化設計的流行和屏幕分辨率的提升推動了Sketch這款軟件的流行。

什么是Sketch

Sketch——矢量繪圖應用

Sketch是一款矢量繪圖應用，而矢量繪圖無疑是目前進行網頁、圖標以及界面設計的最好方式。

Sketch有以下特點：

• 矢量文件，不失真；
• Symbol（圖形樣式）和Style（文本樣式）功能，有利于批量修改和復用；
• 每個圖層都支持多種填充模式（Fills可以添加/隱藏填充效果）；
• 多種尺寸導出功能，可導出部件；
• 自動保存所有歷史記錄，便于追溯修改。

但是Sketch也不是十全十美的，比如它對于位圖的處理能力就遠不及PS。但這并不影響它成為一款優秀的設計軟件。

Sketch界面

圖片來源：極客學院ERICYU

Sketch的界面重要包含五部分的內容：page，layer，畫板，檢查器和工具欄。

• Page：頁面管理；
• Layer：頁面下的圖層；
• 蒙版：圖片遮罩效果（右鍵，選擇use as a mask）

Step 1 導入圖片+畫出一個正圓

導入圖片+畫出一個正圓

Step 2 將圖片置于正圓之上，并右鍵選中圓形，點擊“USE AS A MASK”

將圖片置于正圓之上，并右鍵選中圓形，點擊“USE AS A MASK”

Step 3 完成! 注意把圓形的邊框設置為透明。

完成，注意把圓形的邊框設置為透明

布爾運算——圖層之間的關系

在剛剛的頭像下面，制作一個個性標簽，運用圖層之間的布爾運算。

畫兩個一模一樣的圓形，其中一個圓形與矩形形成substract的關系。

（只需要在Layer中拖拽圓形至矩形即可）

Artboard：畫板，快捷鍵A，內置了多種尺寸的畫板；

Artboard內置畫板

檢查器：

通用屬性：可調整大小。

樣式屬性：填充（顏色、圖片），模糊、漸變、陰影等效果。

工具欄

右鍵工具欄選擇customize可以自定義工具欄。

自定義工具欄

Sketch基礎工具

添加、選擇、移動圖層

添加圖層

當你按住Shift鍵添加圖層時，創建的是正圓或者正方形或者正多邊形。

按住COMMAND+D可以批量復制圖層。

按住Alt鍵可以復制一個圖形。

可以將圖層歸為組。

圖形的編輯

點的控制手柄

當創建一個矩形時，雙擊四個角上的錨點可以選擇不同類型的手柄。

圖形點的控制手柄

蒙版

限制蒙版：不希望文字被蒙版所裁切，可以右鍵點擊“Ignoring underlying mask”。

在蒙版上創建文字，避免模板限制文字超出蒙版區域

ALPHA蒙版

通過設置ALPHA模板，可以讓圖片擁有漸變效果。

Step 1 選擇Mask的模式

設置ALPHA蒙版

Step 2 選擇漸變方式

fills選中漸變樣式

剪刀工具和復制旋轉工具

剪刀工具：可以剪切矩形的一條邊，讓它變成一個開口的矩形；

復制旋轉工具，可以得到一個圖形的360度旋轉復制后的效果，如下圖：

旋轉復制效果

文本處理
運用TEXT STYLE可以復用文字樣式

text style

將文本轉換為輪廓（矢量）

將文本的一筆一劃都變為path。

將文本轉換為輪廓

轉化后，可以使用漸變作為文字樣式。

圖片編輯

位圖編輯

高斯模糊效果；

color adjust工具：亮度、對比度、飽和度；

建立選區、裁剪；

建立9宮格圖片，可以將圖片各部分的比例確定下來，進行大小改變。

實戰應用

下面這張圖片是我制作的簡書app登陸頁面，大家可以運用上面學到的技巧來進行制作。

簡書登陸頁面（自創版）

制作步驟如下：

• 創建畫板：選擇artboard的iphone 5大小
• 設置背景：設置背景為白色
• 基本布局：調用sketch庫的template（在菜單欄file下面的第二個選項），選擇iOS UI design，選擇iphone上方的狀態欄為白色（圖中看不出來，因為背景色也是白色）；
• 畫出輸入框（利用布爾運算）
• 微博登陸按鈕：創建矩形。
• 注冊按鈕：橘黃色的箭頭。
• 文字：選擇宋體，轉化為輪廓。
• 細節完善：小圖標制作，線條顏色微調。

快用Sketch動手做一個屬于你的登陸頁面吧！

#專欄作家#

粽小喵，微信公眾號：zong_xiaomiao，人人都是產品經理專欄作家。騰訊產品經理。一個學傳播出身的產品新人，愛好研究原型設計工具。

本文原創發布于人人都是產品經理，未經許可，不得轉載。