13 tính năng này sẽ tăng năng suất của bạn trong Gravit Designer

Sau tất cả thời gian làm việc và thiết kế với Gravit Designer tôi đã có được nhiều kinh nghiệm và bây giờ, tôi muốn chia sẻ nó với mọi người có thể có một quy trình thiết kế nhanh hơn.

Toán học thực sự có thể giúp bạn ra ngoài

Bạn muốn làm cho một nút bằng 1/3 kích thước hiện tại? Đó là dễ dàng chỉ cần sử dụng các công thức trong các trường chiều rộng / chiều cao. Tất cả các đầu vào từ Gravit đều hỗ trợ loại hoạt động này.

Toán hoạt động.

Ví dụ: Nhập 540/4 và nhấn enter.
Kết quả sẽ là 135.

Bạn có thể sử dụng các toán hạng này:

/ chia ra
* để nhân lên
+ để thêm
- trừ

Sử dụng các lớp thay vì nhóm

Một tính năng tuyệt vời của Gravit Designer là hệ thống lớp. Nó hoạt động như một nhóm nhưng bạn không cần phải nhấp đúp chuột để chọn một đối tượng bên trong. Nó cũng có thể cung cấp màu sắc tùy chỉnh cho mỗi lớp. Điều này sẽ làm cho việc tổ chức các lớp của bạn dễ dàng hơn nhiều.

Các lớp trên Gravit Designer

Bạn có thể bật chế độ phác thảo cho từng lớp để di chuyển toàn bộ lớp với nội dung của nó bằng cách sử dụng công cụ chọn lớp hoặc chọn nó trên bảng điều khiển lớp.

Sử dụng các trang chính thay vì sao chép nội dung

Nếu bạn muốn mô phỏng cửa sổ bật lên màn hình hoặc bạn có một số menu tiêu đề / điều hướng luôn xuất hiện, giải pháp tốt nhất là sử dụng Trang chính thay vì sao chép tất cả nội dung. Nó có rất nhiều lợi thế. Mọi thứ vẫn được đồng bộ hóa. Bạn có thể tạo một trang chính được liên kết với nhau và bản thân thiết kế vẫn hoạt động nhanh vì nó có ít đối tượng hơn.

Các trang chính làm cho quá trình thiết kế nhanh hơn và liền mạch.

Sử dụng phong cách

Trong phiên bản cuối cùng của Gravit, chúng tôi đã giới thiệu các kiểu nhưng có một số thứ mà bạn không biết. =)
Bạn có thể tạo kiểu cho Giao diện, Điền, Biên giới, Hiệu ứng và Văn bản.

Trong ví dụ này, tôi đang sử dụng một kiểu có một bó hiệu ứng để nhanh chóng sao chép danh sách hiệu ứng của tôi sang nhiều đối tượng khác nhau cùng một lúc.

Sau khi tạo kiểu, nó chỉ áp dụng cho đối tượng mong muốn. Bạn vẫn có thể thay đổi kiểu dáng và bằng cách nhấn nút Đồng bộ, nó sẽ cập nhật tất cả các đối tượng khác.

Nhanh chóng sắp xếp và chỉnh sửa phong cách của bạn.

Kiểu có thể được đổi tên, sắp xếp lại và thay đổi thuộc tính của chúng trong trình chỉnh sửa kiểu. Đến đó bằng cách nhấp vào kiểu tổ chức và sau đó là nút cài đặt.

Mô phỏng trạng thái nút với nhiều lần điền và viền

Trong thiết kế màn hình, một trong những phần khó nhất là mô phỏng tất cả các trạng thái nút.
Trên Gravit bằng cách sử dụng nhiều lần lấp đầy & viền, bạn có thể tạo kiểu với tất cả các trạng thái bên trong và sau đó chỉ hiển thị / ẩn các vùng / viền mô phỏng các trạng thái mới.

Kiểu với nhiều điền có thể mô phỏng trạng thái.

Nắm vững các điểm neo

Điểm neo đã được giới thiệu với các bản cập nhật phong cách. Điều rất quan trọng là làm cho các thành phần thiết kế màn hình hoạt động nhạy và kiểm tra thiết kế của bạn ở nhiều độ rộng màn hình mà không cần phải vẽ lại.

Điều mà mọi người không biết là các điểm neo có thể có các container thay vì làm việc với các trang.

Tệp mẫu để nghiên cứu: https://tinyurl.com/lzz3nft.

Vì vậy, nếu bạn đặt một điểm neo cho một đối tượng, container sẽ hoạt động như trang tài liệu.

Nhưng các đối tượng bên trong các đối tượng khác bằng cách cắt sẽ tôn trọng diện tích của đối tượng cấp cao hơn làm vùng chứa điểm neo.

Chỉnh sửa văn bản

Một số tính năng văn bản được ẩn trong giao diện người dùng nhưng chúng vẫn còn đó.

Chuyển đổi với: Cmd / Ctrl + S
Gạch chân với: Cmd / Ctrl + U
In nghiêng với: Cmd / Ctrl + I
In đậm bằng: Cmd / Ctrl + B

Nhanh chóng thay đổi kiểu văn bản mà không cần nhấp.

Cắt ảnh và tạo mẫu

Một trong những hành động phổ biến nhất trong thiết kế màn hình là cắt ảnh, trên gravit bạn có thể nhanh chóng thực hiện bằng cách nhấp đúp vào nó.

Cắt ảnh nhanh trên Gravit.

Nếu bạn muốn làm cho một hình nền lấp đầy trên một đối tượng luôn phù hợp với thiết kế, bạn có thể sử dụng mô hình điền và làm cho nó kéo dài theo hình dạng.

Ngoài ra, bạn có thể nhanh chóng tạo một mẫu tùy chỉnh bằng cách sao chép đối tượng mẫu mong muốn trong trình chỉnh sửa và sau đó nhấn nút dán bên trong bộ chọn màu mẫu.

Tạo một lớp phủ mẫu tùy chỉnh.

Điền có thể được kéo và thả vào nhau để được sao chép nhanh chóng.

Ví dụ về điền và kéo.

Văn bản trên đường dẫn

Một điều mà người dùng luôn yêu cầu là làm thế nào để tạo văn bản trên đường dẫn trong Gravit, vì vậy đây là một lời giải thích nhanh chóng, thực sự nhanh chóng. :)

Thêm văn bản trên đường dẫn chỉ bằng cách sử dụng công cụ văn bản trong một đường dẫn.

Chỉ cần tạo một văn bản với công cụ văn bản ở viền của đối tượng mong muốn và whoolaaa! Nó sẽ làm việc.

Sao chép thông minh

Trên các đối tượng sao chép Gravit thực sự dễ dàng nhưng một tính năng hay mà nhiều người không biết là nếu bạn nhấn cmd / ctrl + d để nhân đôi đối tượng một lần nữa, nó sẽ tái tạo lại hoạt động và chuyển động tương tự.

Ví dụ về nhân đôi thông minh.

Ngoài ra, nếu bạn sử dụng cmd / ctrl + shift + d, đối tượng sẽ được sao chép tại cùng một vị trí.

Chỉnh sửa hình ảnh để làm cho chúng trông chuyên nghiệp

Cái này rất quan trọng. Đôi khi, bạn muốn đặt một văn bản trên một hình ảnh hoặc màu sắc hình ảnh không phù hợp hoàn hảo với bố cục. Để giải quyết Gravit Designer này có rất nhiều hiệu ứng có thể giúp bạn với công việc này mà không cần đến một công cụ chỉnh sửa hình ảnh bên ngoài.

Ảnh gốc:
Đây là hình ảnh ban đầu mà chúng ta sẽ chơi xung quanh.

Ảnh gốc.

Lớp phủ màn hình:
Bạn có thể sử dụng nó để trộn hình ảnh thành alpha hoặc trộn màu gradient trên nó.

Lớp phủ màn hình được sử dụng để cung cấp một gradient tìm kiếm.

Màu:
Recolor được sử dụng để tạo một hình ảnh trong một tông màu duy nhất.

Tái tạo hình ảnh sang tông màu đỏ.

Làm mờ với clip trên:
Tùy chọn clip làm cho mờ chỉ được áp dụng bên trong container mà không làm mờ hình ảnh.

Hình ảnh mờ với clip được bật, bạn có thể phát hiện các đường viền sắc nét.

Điều chỉnh:
Có rất nhiều điều chỉnh hình ảnh tiêu chuẩn như màu sắc / độ bão hòa / độ sáng / độ tương phản.

Chơi với các công cụ điều chỉnh để tạo ra một phong cách ảnh đen trắng.

Sử dụng công cụ biến đổi

Công cụ chuyển đổi không chỉ là về sao chép các đối tượng. Có một số công cụ thú vị cho các nhà thiết kế màn hình. Bạn biết khi nào bạn muốn đảm bảo tất cả các thành phần có cùng chiều rộng? Điều đó thật dễ dàng, chỉ cần chọn chúng và sau đó chuyển đến công cụ chuyển đổi và nhấp vào cùng chiều rộng.

Sử dụng công cụ biến đổi để xác minh chiều rộng đối tượng.

Sử dụng các phím nóng để phóng to

Bạn có thể chuyển đổi nhanh giữa các mức thu phóng bằng Cmd / Ctrl + Numbers.

Cmd / Ctrl + 1 = Thu phóng 100%
Cmd / Ctrl + 2 = 200% Thu phóng
Cmd / Ctrl + 3 = 300% Thu phóng
Cmd / Ctrl + 4 = 400% Thu phóng
Cmd / Ctrl + 8 = 800% Thu phóng
Cmd / Ctrl + 5 = 50% Thu phóng
Cmd / Ctrl + Alt + 0 = Phù hợp với tất cả

Tôi hy vọng điều đó hữu ích và các bạn đã học được điều gì đó mới hôm nay sẽ giúp tăng tốc quá trình thiết kế của bạn.

Để biết thêm hướng dẫn và bài viết về Gravit Designer, hãy theo dõi blog và phương tiện truyền thông xã hội của chúng tôi dưới đây.

Facebook / Twitter / Diễn đàn