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

從零開始學Sketch——進階篇

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

在初識了Sketch的界面布局和基礎工具之后，我們就可以開始進入高階的Sketch工具篇學習了。這篇文章主要會涉及Sketch模板、插件的使用，以及Sketch在具體使用過程中的一些技巧分享。

如果你曾接觸過PS、AI、Axure等軟件，那么接下來的內容你應該不會陌生，因為所有的設計軟件學習的路徑都是相似的，都是從認識基本功能框架到外部資源整合運用，最終形成個人風格的一個過程。

Sketch模板

Sketch自帶模板

Sketch自帶模板也就是Sketch在file菜單欄下的template。

進入Template

在使用的過程中，我們只需要將所需的模板復制到我們的Artboard中就好了。需要注意的是，在調整大小時需要固定長款比例。

Sketch自定義模板

在Sketchappsources網站中，有許多Sketch的模板可以下載，我們可以將這些控件導入到Sketch中。

亦或是在工作中，團隊經常用到一些固定的組件，為避免重復勞動，我們可以把它們轉存為模板。這個復用的思維跟Axure中的自定義母版是一樣的。

具體的步驟如下：

Step 1：下載或自建一個Sketch文檔，內含需要導入的模板；

Step 2：點擊File下的“Save as template”；

所有的Sketch文件都可以直接Save as template

Step 3：給你的自定義模板命名；

Step 4：點擊模板菜單欄目錄時就會出現你所自定義的模板了。

要運用好模板，除了平時多加積累素材之外，還需要注意模板與模板之間的獨立不重復和規格的統一，比如iPhone手機頂端信號欄的寬度這樣的細節。

Sketch插件

插件是設計軟件必備的神器，無論是PS還是AI都有強大的插件庫，當然Sketch也是如此。

安裝插件的方法

Sketch的插件多是技術大牛寫的，獲取的方法有三個：

方法一：下載Sketch Toolbox這個工具，在里面之間下載你所需要的插件庫，然后在Sketch工具欄中點擊Plugins就可以看到你下載的插件庫了；

Sketch Toolbox

方法二：在Github上搜索自己需要的插件名，然后直接打包下載就好了。

方法三：在Sketch的Plugin菜單下點擊manage plugins，在彈出的對話框中點擊“get plugins”。

點擊Get plugins，會跳轉到sketch的官網插件庫

推薦幾個超炫插件

關于插件，建議一開始的時候不要安裝太多。推薦以下幾個插件庫，可以滿足日常工作需求：

Content Generator：可以自動填充類型圖片、姓名、聯系方式等信息，避免手動輸入帶來的不便；

自動填充用戶頭像.gif

Rename it：

這個插件的用途是批量修改圖形名稱。

比如上面那個動圖，我們可以全選所有的矩形，然后點擊rename it插件，將其命名為“%N”，即可得到一串倒序排列的矩形命名。
主要的規則有：

• 輸入 “%N” 將對象編號；
• 輸入“+”和“button”可以將所有選中的對象名變為以button結尾的命名；
• 輸入新的圖層名時，使用 “” 號代替原圖層名。如：big?button，表示的是保留原命名，并在一頭一尾加入big和button；
• 輸入 “%w” 或者 “%h” 來添加圖層的長和寬。

Sketch Measure插件：

這個插件可以添加圖形尺寸、距離、顏色和文本屬性的標注，并會自動把附注編組，方便你自己修改和管理。

圖形的長寬標注

運用Sketch Measure插件可以在團隊合作的時候，可以更方便的把設計稿交付給相關同事。

Sketch Notebook：

給一個對象添加注釋、評論，可以更加自由地對設計稿進行標注和說明。

Sketch Color Swatches：

這個插件便于我們在設計初期參考一些別的網站基礎配色。

配合Sip這款取色工具，我們可以直接獲得我們想要的網站配色。以簡書為例：

• 首先，吸取5個簡書官網的主色色值；

• 然后，在Swatch插件中輸入色值編號，得到色板。

Color Swatches: 輸入色值，得到色板

• Export as Flinto Document: 這個插件可以將我們的設計稿轉換為Flinto文件形式，以便在Flinto這個軟件中完成動態交互設計，因為Sketch是不提供動態交互功能的。

當然，現在也越來越流行Sketch+Keynote的結合了，說白了就是把Sketch里設計好的幀畫面和元件拖拽到Keynote里，然后用Keynote構造原型。這也是一個不錯的選擇哦！

Sketch Mirror

要說Sketch脫穎而出的理由，很重要的一點就是它滿足了實時在手機端查看的功能，這是Axure所不具備的。

在手機上下載Sketch Mirror這款APP，然后在Mac端工具欄中點擊Sketch mirror，只要兩臺設備在同一wifi環境下，就可以同步查看了。

使用Sketch的快捷鍵

快捷鍵一覽表，感謝圖片作者：康上明學

實戰：制作圖片分享APP-個人展示頁

運用模板和插件制作圖片分享APP個人展示頁

制作的步驟如下：

• 畫布設置與布局：選擇iPhone 5作為Artboard，將畫布分割為上下兩部分，用矩形分割，將元素分組；
• 打開template，選擇iOS design UI模板，負責頭部信號欄（白色）置于畫布頂端，并調整大??；
• 將圖片展示部分用20個小正方形分割，并用content generator插件填充自定義為“views”的風景圖片，同時設置將頭像和封面照；
• 輸入文字，調整細節。

關于Sketch的進階篇就介紹到這里。大家在平時的生活中可以多思考一下優秀APP的頁面如果讓你來做，你的思路是怎樣的，然后去實踐、運用，遇到不懂的地方就上論壇去問；同時，養成復盤每一個作品制作過程的習慣，想一想哪些地方可以優化，哪怕是很小的細節改善，都能帶來很大的效率提升。

一起進步吧！

#專欄作家#

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

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