Là một người sáng tạo nội dung trên YouTube tập trung chủ yếu vào phần mềm sáng tạo dành cho máy tính để bàn, tôi đã thấy rất nhiều giao diện người dùng trong những năm qua.

Chắc chắn có rất nhiều người sáng tạo, nhà phát triển, người dùng, v.v. đã trải nghiệm hoặc thử nghiệm nhiều giao diện phần mềm hơn I. Tuy nhiên, tôi đã thử nghiệm và làm việc với một lượng lớn phần mềm đáng nể qua các giai đoạn phát triển khác nhau của họ cho cả nghiên cứu và mục đích tạo nội dung.

Tôi đã sử dụng những thứ thích GIMP, Premiere Pro, Photoshop, After Effects, Illustrator, Affinity Photo, Affinity Designer, Affinity Publisher, InDesign, Scribus, LibreOffice, Blender, tối tăm, RawTherapee, OBS, Krita, DaVinci Resolve, Final Cut, Olive, và hơn thế nữa. Các chương trình này trải dài nhiều danh mục phần mềm sáng tạo khác nhau và chúng đều có những thứ tôi thích và những thứ tôi không thích - ở các mức độ khác nhau.

Giao diện người dùng (viết tắt của “giao diện người dùng“) Trong mỗi chương trình này có thể khác nhau rất nhiều vì danh sách này trải dài các danh mục sáng tạo khác nhau và bao gồm cả phần mềm miễn phí và trả phí.

Tuy nhiên, có một chương trình gần đây đã trở nên nổi bật so với phần mềm được đề cập ở trên - miễn phí và trả phí - nhờ phiên bản phát hành lớn gần đây đã giới thiệu các bản cập nhật lớn cho giao diện người dùng của nó. Chương trình này là Inkscape.

Đây là lý do tại sao.

Gần đây, Inkscape đã phát hành phiên bản Beta cho bản phát hành ổn định 1.2 sắp tới của họ. Nếu bạn không quen thuộc với Inkscape, nó là một trình chỉnh sửa đồ họa vector mã nguồn mở và miễn phí. Nó có thể so sánh nhiều nhất với Illustrator - mặc dù có lẽ tốt hơn nếu nghĩ về nó dưới dạng đa vũ trụ của Tiến sĩ Strange, nơi Illustrator tồn tại trong một vũ trụ và Inkscape trong vũ trụ kia.

Inkscape 1.2: Lịch sử rất ngắn gọn

Theo tôi, Inkscape luôn có rất nhiều tiềm năng, nhưng cũng rất kỳ quặc. Gọi nó là "kỳ quặc" là nói một cách độc đáo - có lẽ "lỗi" là một thuật ngữ tốt hơn. Đủ để nói rằng nó đã được biết đến là sẽ gặp sự cố rất nhiều và có rất nhiều hạn chế.

Điều này đặc biệt đúng vì Inkscape 1.0 được phát hành vào năm 2020 - đã đưa chương trình lên một tầm cao mới về các tính năng và chức năng, nhưng làm cho chương trình trở nên không ổn định hơn nhiều. Inkscape 1.0 cũng cho chúng ta thấy rằng chương trình đang đi theo hướng tốt hơn về mặt thiết kế giao diện người dùng, nhưng không có gì đặc biệt so với các phần mềm sáng tạo hiện đại khác.

Vào mùa xuân năm 2021, nhóm Inkscape đã phát hành Inkscape 1.1và rõ ràng là cộng đồng các nhà phát triển Inkscape tình nguyện đang bắt đầu chuyển trọng tâm sang cải thiện trải nghiệm người dùng thông qua giao diện người dùng tốt hơn.

Với bản phát hành này, Inkscape đã giới thiệu “Màn hình chào mừng”, đây là một tiêu chuẩn khá phổ biến trong phần mềm trả phí, nhưng ít được tìm thấy trong phần mềm mã nguồn mở và miễn phí. Các bổ sung hoặc thay đổi giao diện người dùng đáng chú ý khác được giới thiệu trong Inkscape 1.1 bao gồm "bảng lệnh" để giúp người dùng dễ dàng tìm kiếm và áp dụng những thứ như bộ lọc hoặc hành động, hộp thoại có thể gắn được (nghĩa là các hộp thoại có thể được di chuyển đến các vị trí mới xung quanh canvas) và các tính năng xuất được cải thiện và hỗ trợ xuất sang các định dạng tệp mới.

Những cải tiến về giao diện người dùng này trong Inkscape 1.0 và Inskcape 1.1 là rất tốt và đã giúp Inkscape đạt được tiến bộ từng bước để trở thành phần mềm tốt hơn. Tuy hữu ích và thú vị như những tính năng này, nhưng chúng chỉ đơn thuần đặt nền tảng cho những gì sắp xảy ra.

Vào tháng 2022 năm 1.2, Inkscape XNUMX Beta được phát hành và theo tôi, đã nâng tầm cho thiết kế giao diện người dùng.

Thanh đã được nâng lên bởi vì giao diện người dùng của Inkscape 1.2 không chỉ trông đẹp, nó còn cho phép bạn tùy chỉnh nó nhiều hơn bất kỳ chương trình nào khác (mà cá nhân tôi đã trải nghiệm). Và cách nó trông và cách nó có thể được tùy chỉnh là kết quả của việc người dùng cung cấp phản hồi, các nhà phát triển ghi nhận và thảo luận về phản hồi, các nhà phát triển triển khai các biểu hiện tối ưu nhất của phản hồi đó và người dùng thử nghiệm các triển khai và bắt đầu lặp lại vòng phản hồi.

Đó là sự phát triển phần mềm, được dân chủ hóa. Đó là một nghiên cứu điển hình tuyệt vời về lý do tại sao phần mềm mã nguồn mở và miễn phí tồn tại, cũng như những điều tuyệt vời có thể đạt được thông qua phát triển cộng đồng.

Tại sao giao diện người dùng Inkscape 1.2 lại nổi bật

Vì vậy, tôi yêu thích điều gì cụ thể về giao diện người dùng mới của Inkscape 1.2?

Cập nhật màn hình chào mừng

Ngay lập tức, màn hình Chào mừng (một lần nữa, là được giới thiệu lần đầu trong Inkscape 1.1) cho phép người dùng tùy chỉnh giao diện người dùng với tab “Cài đặt nhanh” (được viền màu xanh lục trong hình trên). Tại đây, người dùng có thể:

  • chọn cấu hình canvas của họ,
  • đặt phím tắt,
  • đặt kiểu và màu biểu tượng (trong menu thả xuống Giao diện) và
  • chuyển đổi màu giao diện người dùng để chọn từ chế độ sáng hoặc tối

Màn hình Chào mừng có tính năng phản hồi, vì vậy các biểu tượng bạn chọn sẽ tự động cập nhật bản xem trước biểu tượng nằm gần cuối cửa sổ (mũi tên màu vàng trong hình trên). Ngoài ra, màu của Màn hình chào mừng sẽ thay đổi khi chuyển đổi giữa chế độ sáng và tối (mũi tên màu đỏ).

Sau đó, bạn có thể điều hướng đến tab “Thời gian để vẽ” (được viền màu xanh lục trong hình trên) và mở một tài liệu gần đây, chọn một mẫu từ bất kỳ danh mục mẫu nào (được viền bằng màu xanh lam nhạt) hoặc tải một tài liệu mới từ máy tính của bạn (thông qua nút “Tải” sẽ hiển thị khi ở trong tab “Tệp Hiện có” - được tô màu đỏ trong hình trên). Tùy chọn cuối cùng đã được giới thiệu trong Inkscape 1.2 - giúp hoàn thiện bộ tính năng để tạo tài liệu trong Màn hình chào mừng.

Tôi sẽ mở một trang 1920 × 1080 px bằng cách nhấp vào tệp mẫu tương ứng (mũi tên màu đỏ) trong tab “Màn hình”.

Canvas mới

Khi mở một tài liệu mới trong Inkscape, người dùng các phiên bản trước của Inkscape sẽ nhận thấy một vùng canvas đã được tân trang lại và trông sạch sẽ hơn. Đối với Inkscape 1.2, các nhà phát triển đã cập nhật đường viền xung quanh trang, thay đổi màu của “bàn làm việc” (hoặc đường viền màu xám xung quanh trang - mũi tên màu đỏ trong hình trên) và cải thiện giao diện của bóng đổ bên dưới trang ( mũi tên xanh). Những thay đổi tinh tế nhưng quan trọng này giúp Inkscape cảm thấy thoải mái và quen thuộc hơn (đặc biệt là khi chuyển từ Illustrator).

Công cụ trang hoàn toàn mới (Sáng tác nhiều trang)

Ồ, và nói về vùng canvas - Inkscape 1.2 hiện hỗ trợ tài liệu nhiều trang.

Đối với những bạn đến từ Illustrator, hãy để tôi dịch: Inkscape hiện hỗ trợ nhiều bảng vẽ.

Tính năng này được điều khiển bằng cách sử dụng “Công cụ Trang” (mũi tên màu đỏ trong hình trên), về cơ bản giống với “Công cụ Artboard” của Illustrator. Với công cụ mới này, bạn có thể nhanh chóng vẽ tự do các trang mới hoặc sử dụng Thanh điều khiển (được viền màu xanh lục) để tạo chính xác hơn các trang mới dựa trên các cài đặt trước của tài liệu.

Bạn cũng có thể chọn và thay đổi kích thước trang bất kỳ, định vị lại trang bằng cách nhấp và kéo, hoặc điều chỉnh kích thước trang với bất kỳ lựa chọn hoặc tác phẩm nghệ thuật nào trên trang. Cuối cùng, bạn có thể xuất nhiều trang của mình dưới dạng PDF nhiều trang.

Tính năng nhiều trang này với Công cụ Trang đi kèm là một tính năng được chờ đợi từ lâu sẽ giúp các nhà thiết kế thực hiện các dự án chuyên nghiệp, phức tạp hơn.

Mức độ tùy chỉnh điên rồ

Nếu bạn không hài lòng với giao diện của giao diện người dùng tổng thể dựa trên các lựa chọn bạn đã thực hiện từ Màn hình chào mừng, bạn có thể thực hiện các thay đổi đối với màu sắc và kích thước của tất cả các thành phần trên màn hình bằng cách đi tới Chỉnh sửa> Tùy chọn> Giao diện> Chủ đề (mũi tên màu đỏ trong hình trên).

Trong tiêu đề “Chủ đề” (được viền màu xanh lục trong hình trên), bạn có thể cuộn qua các chủ đề GTK trong “Thay đổi Chủ đề GTK” và xem bản xem trước trực tiếp của các kiểu chủ đề khác nhau khi bạn nhấp vào từng tùy chọn. Bạn cũng có thể sử dụng thanh trượt để điều chỉnh kích thước phông chữ giao diện người dùng hoặc độ tương phản giữa màu nền giao diện người dùng với văn bản và biểu tượng (mũi tên màu xanh lá cây). Bạn đã thấy thanh trượt tương phản ở đâu khác chưa ??

Dưới tiêu đề “Biểu tượng” (được viền màu vàng trong hình trên), bạn có thể chọn từ bất kỳ chủ đề biểu tượng nào trong số bốn chủ đề biểu tượng bằng cách sử dụng menu thả xuống “Thay đổi chủ đề biểu tượng”. Nếu bạn chọn tùy chọn “nhiều màu” hoặc “màu hi”, bạn sẽ nhận được các tùy chọn bổ sung, chẳng hạn như chọn phiên bản “tượng trưng” của các biểu tượng (mũi tên màu vàng) hoặc chọn màu được sử dụng cho các biểu tượng tượng trưng (ánh sáng mũi tên xanh lam) - bao gồm “Cơ sở màu biểu tượng” và ba “Điểm nổi bật màu biểu tượng”. Những màu này có thể là bất kỳ màu gì bạn muốn và có thể được chọn từ bánh xe màu, từ các thanh trượt cho chế độ màu đã chọn của bạn hoặc bằng cách sử dụng mã HEX.

Nếu tôi điều hướng đến Giao diện> Thanh công cụ (mũi tên màu đỏ trong hình trên) khi vẫn ở bên trong hộp thoại Tùy chọn, bạn sẽ thấy tùy chỉnh cho thanh công cụ và các biểu tượng được sử dụng trên toàn giao diện người dùng. Tất cả các công cụ được hiển thị ở đây trong phần “Thanh công cụ” (được viền màu vàng) được bật theo mặc định và do đó hiển thị trong thanh công cụ. Nhấp vào bất kỳ biểu tượng nào (mũi tên màu xanh lam nhạt) sẽ "tắt" công cụ đó và ẩn công cụ đó khỏi Thanh công cụ.

Bên dưới các biểu tượng trên thanh công cụ là một cặp thanh trượt. Thanh trượt trên cùng (mũi tên màu đỏ trong ảnh trên) cho phép bạn điều chỉnh kích thước của các biểu tượng trên thanh công cụ (được viền màu đỏ) và thanh trượt dưới cùng (mũi tên làm mờ ánh sáng) cho phép bạn điều chỉnh kích thước của các biểu tượng trên thanh điều khiển (được nêu trong xanh nhạt). Bạn sẽ nhận thấy rằng cả hai đều bắt đầu ở mức 100% và tăng lên đến 300%. Điều này có nghĩa là bạn có thể tăng kích thước biểu tượng lên gấp ba lần kích thước ban đầu của chúng. Mức tăng giữa các giá trị này cũng khá nhỏ (khoảng 5%), điều này cho thấy mức độ chi tiết chưa từng có để thực hiện các điều chỉnh đối với các biểu tượng giao diện người dùng.

Đây chỉ là một trong nhiều ví dụ về mức độ kiểm soát cao đối với giao diện của chương trình mà bạn sẽ thấy trong suốt bản phát hành mới này. Hãy thoát ra khỏi hộp thoại tùy chọn để giới thiệu một số tính năng giao diện người dùng tuyệt vời khác trong Inkscape 1.2.

Bảng màu được cập nhật để kiểm soát, tùy chỉnh nhiều hơn

Bên dưới vùng canvas là Color Palette - vùng mà bạn chọn màu cho những thứ như đối tượng và văn bản (được viền màu xanh lá cây trong ảnh trên). Trong các phiên bản trước, bảng màu này sử dụng thanh cuộn chuyên dụng của riêng nó và các ô màu có kích thước cố định.

Thanh cuộn của bảng màu có vấn đề vì canvas Ngoài ra sử dụng thanh cuộn (mũi tên màu đỏ trong hình trên) để điều hướng theo chiều ngang trên trang. Nói cách khác, có hai thanh cuộn trong cùng một vùng lân cận, khiến người dùng mới khó phân biệt thanh này với thanh kia. Điều khó hiểu hơn đối với người dùng mới là thanh cuộn của bảng màu sẽ chỉ xuất hiện khi di chuột - vì vậy bạn có thể dễ dàng bỏ qua nó nếu bạn không biết nó ở đó.

Trong Inkscape 1.2, thanh cuộn đã được thay thế bằng các mũi tên lên và xuống ở phía bên tay phải của bảng màu (được biểu thị bằng mũi tên màu đỏ và được viền màu đỏ trong hình trên) để giúp người dùng tìm kiếm hoặc cuộn qua các màu sắc.

Ngay bên phải của mũi tên lên và xuống là menu để xem và chọn các bảng màu có sẵn khác (mũi tên màu đỏ trong ảnh). Tính năng này đã được cập nhật để hiện bao gồm các bản xem trước màu nhỏ của các mẫu màu khác nhau có sẵn trong mỗi bảng màu (khu vực được đánh dấu bằng màu xanh lá cây - bạn có thể xem các bản xem trước mẫu màu nhỏ dưới tên của mỗi bảng màu).

Ngoài ra, ở cuối menu này là liên kết "Định cấu hình" (mũi tên màu xanh lam nhạt).

Tại đây, người dùng có thể điều chỉnh giao diện của bảng màu. Có thể thực hiện các điều chỉnh đối với kích thước của ô màu bằng thanh trượt "Kích thước ô" (mũi tên màu đỏ), tỷ lệ khung hình (mũi tên màu xanh lá cây - tỷ lệ chiều rộng với chiều cao, với 0 trên thanh trượt là hình vuông) của màu ô, kích thước đường viền xung quanh mỗi ô (mũi tên xanh lam nhạt) và số hàng mẫu được hiển thị trong thanh màu (mũi tên vàng). Bạn có thể thấy trong ảnh mà tôi đã thực hiện một số điều chỉnh, bao gồm tăng kích thước ô lớn hơn, thu nhỏ ô bằng cách tăng tỷ lệ co, thêm đường viền dày hơn xung quanh mỗi ô và tăng số hàng ô hiển thị lên 3.

Một lần nữa, các cài đặt chi tiết này cung cấp cho người dùng quyền kiểm soát cuối cùng đối với giao diện của bảng màu và giao diện người dùng Inkscape 1.2. Điều này đặc biệt đúng vì kích thước và kiểu dáng của các phần tử được kiểm soát bởi các thanh trượt thân thiện với người dùng hơn là các lựa chọn thay thế phức tạp hơn và các thanh trượt có nhiều giá trị.

Hãy chứng minh điều này đáng kinh ngạc như thế nào thông qua một so sánh.

Thanh trượt “Kích thước ô” được hiển thị trong hộp thoại Định cấu hình bảng màu này (mũi tên màu đỏ trong hình trên) giữ các giá trị từ 4 đến 32, với gia số là 1 (nghĩa là có tổng cộng 19 giá trị, bao gồm cả 4 và 32). Ngoài ra, bảng điều khiển “Swatches” của Adobe Illustrator chỉ cung cấp 3 giá trị cho kích thước ô - “nhỏ”, “trung bình” và “lớn”. Có ít khả năng kiểm soát hoặc tùy chỉnh hơn trong Illustrator, một phần mềm trả phí, so với Inkscape 1.2 mới - hoàn toàn miễn phí.

Đơn giản hóa Snapping & Hướng dẫn Thông minh

Một ví dụ cuối cùng mà tôi sẽ giới thiệu cho bài viết này thể hiện giao diện người dùng mới tuyệt vời của Inkscape là “Thanh điều khiển Snap” mới được làm lại. Trong các phiên bản trước của Inkscape, thanh này nằm dọc theo toàn bộ phía bên phải của canvas và hiển thị đồng thời tất cả các biểu tượng điều khiển snap. Điều này dễ hiểu khiến người dùng mới có nhiều lựa chọn và khiến việc sử dụng các điều khiển này trở nên khó hiểu và khó khăn.

Trong Inkscape 1.2, thanh Snap Controls đã được rút gọn thành một biểu tượng duy nhất và một menu xoay, hoặc “menu bật lên” như Inkscape thích gọi nó (được viền màu đỏ và được biểu thị bằng mũi tên trong hình ảnh). Nhấp vào biểu tượng sẽ bật điều khiển chụp nhanh, trong khi nhấp lại vào biểu tượng sẽ tắt tính năng chụp nhanh. Nếu người dùng muốn kiểm soát nhiều hơn, họ có thể nhấp vào menu bật lên (biểu tượng có hình tam giác), nơi họ sẽ thấy một hộp kiểm, chỉ đơn giản là thông báo cho bạn biết hiện tại đã bật chức năng chụp hay chưa và ba biểu tượng mới.

Hai biểu tượng đầu tiên khá tiêu chuẩn: chụp vào các hộp giới hạn (mũi tên đỏ) và cho phép chụp cho các nút (mũi tên xanh). Biểu tượng thứ ba là một tính năng rất thú vị và được nhiều người mong đợi: căn chỉnh trên canvas, còn được người dùng gọi là “hướng dẫn thông minh” (mũi tên màu xanh lam nhạt).

Khi được bật (tính năng này thường bị tắt theo mặc định, vì vậy hãy nhấp vào biểu tượng để bật), người dùng giờ đây sẽ thấy hướng dẫn trực tiếp trên canvas của họ khi họ di chuyển các đối tượng xung quanh (mũi tên màu đỏ trong hình ảnh). Giống như trong các phần mềm khác, bao gồm Adobe Illustrator hoặc Affinity Designer, những hướng dẫn này giúp người dùng căn chỉnh các đối tượng vào giữa trang của họ, căn chỉnh với trung tâm của các đối tượng khác, cách đều các đối tượng hoặc thậm chí nhanh chóng tạo lưới các đối tượng cách đều nhau.

Cuối cùng, quay lại “menu bật lên”, có một liên kết ở cuối cửa sổ có nhãn “Chế độ nâng cao”.

Liên kết này sẽ đưa bạn đến các điều khiển chụp nhanh bổ sung cho phép bạn bật hoặc tắt các tính năng chụp nhanh riêng lẻ. Đây là tất cả các điều khiển chụp nhanh được sử dụng để hiển thị dọc theo toàn bộ phía bên phải của cửa sổ canvas Inkscape trong các phiên bản trước. Bây giờ chúng đã được cất gọn gàng trong menu này. Để quay lại thiết lập đơn giản hơn, hãy nhấp vào “Đặt lại về chế độ chụp đơn giản” (mũi tên màu đỏ trong hình ảnh).

Inkscape, trình chỉnh sửa đồ họa vector miễn phí, đã nghiêm túc đẩy mạnh trò chơi giao diện người dùng của mình với bản phát hành Inkscape 1.2 ấn tượng này. Nó không chỉ cung cấp khả năng kiểm soát chi tiết (từ trong ngày) đối với cài đặt giao diện người dùng ở nhiều cấp độ, nó còn đơn giản hóa nhiều điều khiển để cải thiện trải nghiệm người dùng trong khi vẫn cung cấp các điều khiển đó trong menu dễ truy cập cho người dùng nâng cao hơn.

Để biết thêm thông tin về những tính năng mới trong Inkscape 1.2, hãy xem hướng dẫn bằng video của tôi bao gồm TẤT CẢ các tính năng mới nhất với phiên bản mega-release này (sắp ra mắt!). Và, như mọi khi, bạn có thể tải xuống phiên bản Inkscape mới nhất MIỄN PHÍ từ Inkscape.org.

Đăng ký Bản tin DMD

Đăng ký Bản tin DMD

Đăng ký để nhận các hướng dẫn mới, cập nhật khóa học và tin tức mới nhất về phần mềm nguồn mở yêu thích của bạn!

Bạn đã đăng ký thành công!

Pin It trên Pinterest

Chia sẻ cái này