Khi nói đến việc tạo ra các nguyên mẫu GUI, lưu đồ và các biểu đồ nghiệp vụ khác, Visio của Microsoft thường là công cụ truy cập trên nền tảng Windows. Mac cũng có các ứng dụng như Axure và OmniGraffle tuyệt vời. Khi nói đến Linux, Evolus Pencil là một trong những cách tốt nhất để tạo hình ảnh chất lượng một cách nhanh chóng và dễ dàng.

Lưu ý : Bút chì được hỗ trợ trong Windows, OSX và Linux. Trong bài viết này, chúng tôi sẽ tập trung vào phiên bản Linux của Pencil.

Cài đặt

Bút chì không còn có sẵn trong kho Ubuntu (như Raring, ít nhất), nhưng nó là một cài đặt dễ dàng thông qua gói DEB từ trang web của dự án. Cài đặt bằng cách nhấp đúp vào gói đã tải xuống hoặc bằng lệnh thiết bị đầu cuối sau:

 sudo dpkg -i evoluspencil_2.0.3_all.deb

Sự phụ thuộc duy nhất là Firefox, vì vậy nếu bạn đang ở trên một hệ thống không bao gồm điều này theo mặc định, bạn sẽ cần phải cài đặt nó (hoặc sử dụng một trình quản lý gói GUI, nó sẽ xử lý sự phụ thuộc cho bạn).

Sử dụng

Trong khi với một chương trình như GIMP hoặc Krita, bạn thường cần phải tạo ra các mảnh đồ họa của riêng bạn. Bút chì cung cấp cho bạn một loạt các hình dạng bạn có thể nhanh chóng kéo vào một trang và sửa đổi theo ý thích của bạn. Khung bên trái liệt kê các hình dạng có sẵn, trong các nhóm như "Hình dạng chung" (hình vuông và hình tròn cơ bản), "Máy tính để bàn - Widget GTK" (nếu bạn muốn thử nghiệm ứng dụng Unity hoặc GNOME) và "Sketchy" (một trong yêu thích của tôi cho web giả lập, trông giống như một bản phác thảo bút chì). Các mục trong các nhóm này có thể được trộn lẫn và khớp.

Để thêm một trong số này vào bản vẽ, chỉ cần nhấp và kéo nó vào một trang (các trang mới có thể được thêm thông qua nút “Trang mới” ở phía trên bên phải).

Khi trên trang, kích thước có thể được thay đổi bằng cách kéo một trong các góc hoặc đường viền của hình dạng hoặc qua các trường thanh công cụ "Vị trí & Kích thước" (hữu ích nếu bạn cần bản vẽ, chẳng hạn như web giả lập, để vừa vặn một độ phân giải nhất định).

Nhấn đúp vào hầu hết các hình dạng cho phép văn bản được thêm vào, có thể được tùy chỉnh với căn chỉnh, phông chữ, in đậm / in nghiêng và kích thước điểm bằng cách sử dụng các nút thanh công cụ “Định dạng văn bản”.

Khái niệm cơ bản về mô hình

Tôi vẽ các khung hình và biểu đồ khác mọi lúc, và quy trình cơ bản tôi sử dụng như sau (sử dụng ví dụ về trang chủ mô phỏng cho một trang web).

Lý lịch

Đối với một trang web, điều này bắt đầu bằng cửa sổ trình duyệt - Mục “Khung cửa sổ” từ bộ sưu tập Sketchy được sử dụng ở đây vì mục đích đơn giản. Để đặt điều này ở 0px x 0px (tức là phía trên bên trái của màn hình), các điều khiển “Vị trí & Kích thước” được sử dụng. Các cạnh dưới cùng và trái được kéo để nó lấp đầy toàn bộ màn hình.

Hình dạng “Hộp” được thêm vào trên toàn bộ để chỉ ra thanh URL… đôi khi việc đặt mọi thứ chính xác với con chuột là khó khăn, nhưng các phím mũi tên cũng có thể được sử dụng để di chuyển một hình dạng khi nó được chọn:

Phần tử trang

Một thanh trượt lớn có thể được thêm vào trang ở trên cùng. Hình dạng “Hình ảnh” được sử dụng để biểu thị trang trình bày và hai “Hình tam giác sơ sài” hoạt động như các nút điều khiển tiến và lùi. Nhấp hai lần vào một đối tượng sẽ biến cạnh / góc xử lý màu hồng, cho phép chúng được xoay:

Cuối cùng, ba vùng được thêm ở dưới cùng để giữ tin tức, video và biểu mẫu liên hệ (Hình dạng "Hộp" được sử dụng để phác thảo từng vùng). Tin tức sẽ chỉ là một tiêu đề và một số văn bản (sử dụng hình dạng “Nhãn” với một số kích thước văn bản khác nhau), vùng video được tạo bằng cách thả “Tam giác sơ sài” bên trong “Vòng tròn phác thảo” trong “Hộp” (ví dụ: nút “Phát”, và cuối cùng sẽ là “Nhãn” kèm theo ba “Trường văn bản” và “Nút”:

Bằng cách sử dụng các hình dạng được tạo sẵn, các chương trình vẽ cho phép bạn rất nhanh (việc trên mất khoảng mười phút) minh họa ý tưởng theo cách mà người khác có thể hiểu được. Lựa chọn thay thế Microsoft Visio này cho phép bạn tạo sơ đồ trực quan và di động (Evolus Pencil chính là nền tảng chéo và bản vẽ có thể được xuất sang PDF hoặc PNG) để chia sẻ với đồng nghiệp.