6 Thủ thuật trong Sketch giúp tăng hiệu suất làm việc của bạn

Giống như tiêu đề đã nói; trong video hướng dẫn này tôi sẽ hướng dẫn bạn sáu thủ thuật trong Sketch sẽ giúp nâng cao hiệu suất làm việc của bạn, vậy chúng ta hãy cùng nhau tìm hiểu nhé!

sketch-software.png


4b8e82a11812f9f2b5e715e1839bf594db4b9ded.jpg









6 Thủ thuật
Dưới đây là các thủ thuật mà chúng ta sẽ tìm hiểu:

1. Cách tạo một Artboard bao quanh một vùng được chọn
Các Artboard là thứ tuyệt vời giúp quản lý tốt các tài liệu thiết kế, và chúng giúp chúng ta dễ dàng hơn trong việc thiết kế cho các kích thước màn hình cụ thể. Thông thường chúng ta sẽ tạo một artboard sau đó vẽ lên nó, nhưng sẽ thế nào nếu chúng ta tạo ra một thiết kế trước và sau đó muốn bao quanh nó bởi một artboard?

Bắt đầu bằng cách chọn các thành phần theo yêu cầu, sau đó nhấn A (là phím tắt cho Artboard). Ở bên phải của giao diện bạn sẽ thấy một loạt các lựa chọn kích thước được thiết lập sẵn bao gồm cái Around Selection ở phía trên cùng.

Nhấp vào đó, và nó sẽ tạo một artboard vừa vặn với kích thước của các thành phần của bạn.

selection.jpg

Around Selection (hiện thị kích thước chính xác)
2. Di chuyển các Artboard mà không cần Layer Panel
Layers Panel hiện thị một danh sách các layer và nhóm các layer, nhưng nó cũng hiện thị các artboard. Bạn có thể nghĩ rằng nhấp vào tên của artboard ở đây là cách duy nhất để chọn chúng, nhưng nó hoàn toàn có thể được thực hiện ngay ở trong canvas.

Di chuyển chuột lên tên của artboard, ở trên cùng bên phải của chính artboard, và khi bạn thấy đường bao quanh artboard chuyển sang màu xanh nhạt, nhấp chọn nó. Nắm kéo nó để di chuyển artboard xung quanh canvas, và thậm chí có thể chọn nhiều artboard bằng cách nhấn giữ phím Shift.

artboards.png

Nhấp và chọn các artboard
3. Kéo và thả Artboard để xuất tài liệu
Có rất nhiều lựa chọn cho việc xuất tài liệu (chúng tôi đã bao quát chúng ở đây) nhưng bằng cách trực tiếp kéo và thả layer, nhóm hoặc artboard của bạn lên Desktop (hoặc Finder) của bạn, bạn sẽ tiết kiệm được rất nhiều thời gian! Bất cứ tuỳ chọn nào mà bạn đã cài đặt trong hộp thoại Export sẽ được giữ nguyên, và nếu không có gì được thiết lập, mặc định PNG @1 × sẽ được sử dụng.

drag.png

Kéo và xuất tài liệu
4. Di chuyển các Hình vẽ trong khi bạn đang vẽ chúng
Nếu như bạn chuyển sang Sketch từ một người dùng Adobe Illustrator thì thủ thuật này có thể bạn đã quen với nó rồi. Bằng cách lựa chọn công cụ Shape, sau đó nhấp và kéo trên artboard, bạn có thể tạo một hình ellipse, một hình vuông, hay một hình chữ nhật, vv. Sau đó bạn có thể định vị trí lại cho nó bằng cách chọn nó và di chuyển.

Nhưng bằng cách giữ phím Space trong khi bạn đang vẽ một hình nào đó, thì bạn có thể định vị trí cho nó luôn, sau đó buông phím Space ra để tiếp tục vẽ. Tiết kiệm rất nhiều thời gian!

5. Cách thay đổi kích thước của Layer một cách hợp lý
Thay đổi kích thước của các đối tượng trong Sketch thì rất trực quan; chọn một đối tượng (hoặc nhiều đối tượng), sau đó kéo một cái mỏ neo ở trong góc để thay đổi kích thước. Tuy nhiên, điều này có thể có nhiều cái liên quan khi thay đổi kích thước một tập hợp các layer cụ thể, chẳng hạn như các nhóm gồm có chữ.

Sử dụng công cụ Scale sẽ đảm bảo rằng tất cả các layer mà bạn thay đổi kích thước sẽ tương đối với một cái khác. Các đối tượng văn bản sẽ co lại tương đối với cái chứa nó, độ dày của stroke cũng thay đổi theo cùng một tỷ lệ, và kết quả cuối cùng là tốt hơn rất nhiều.

scale.png

Sử dụng công cụ Scale sẽ hạn chế làm cho nút button có chữ không bị rối.
6. Cách nhân đôi một sự biến đổi Transform trước đó
Đây là thủ thuật cuối cùng về việc áp dụng nhiều lần cùng một sự thay đổi đối với cùng một đối tượng. Để đạt được điều này, chọn một đối tượng, thực hiện một sự biến đổi (chẳng hạn như sao chép, di chuyển, thay đổi kích thước và vân vân). Sau đó, với cùng một đối tượng được chọn, nhất Command + D.

ovals.png

Các hình oval, ở mọi nơi

Kết luận
Làm quen một cách hợp lý với bất kỳ ứng dụng đồ hoạ nào cũng sẽ làm cho bạn trở nên hiệu quả hơn. Sáu thủ thuật này đã thật sự giúp ích cho tôi; Tôi hy vọng chúng sẽ giúp nâng cao tiến trình làm việc của bạn với Sketch.

Vietnamese (Tiếng Việt) translation by Dai Phong
 
  • Thẻ Thẻ
    hướng dẫn sketch thiết kế web
  • Bình luận mới

    DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
    Back
    Bên trên