Advertisement
  1. Web Design
  2. Browser Apps

Tình trạng của những ứng dụng thiết kế web chạy trên trình duyệt: 2018

by
Read Time:17 minsLanguages:

Vietnamese (Tiếng Việt) translation by Andrea Ho (you can also view the original English article)

Các ứng dụng dựa trên trình duyệt ngày càng trở nên phổ biến và tính khả thi của chúng để sử dụng trong thiết kế web ngày càng tăng. Chắc chắn, họ có thể không có đầy đủ các ứng dụng dựa trên máy tính để bàn, nhưng chúng vẫn có thể rất mạnh mẽ bất kể và chúng đi kèm với các đặc quyền mà bạn thường không tìm thấy trong phần mềm thông thường.

Đầu tiên, các ứng dụng dựa trên trình duyệt tương thích với nền tảng chéo. Nó không quan trọng nếu hệ điều hành máy tính để bàn ưa thích của bạn là Linux, MacOS, Windows hoặc thậm chí ChromeOS, miễn là nó có một trình duyệt bạn đang tốt để đi. Tùy thuộc vào ứng dụng, bạn có thể thấy bạn thậm chí có thể sử dụng chúng để hoàn thành công việc thêm trên máy tính bảng iOS hoặc Android.

Thứ hai, bạn có khả năng truy cập vào các ứng dụng ở bất cứ đâu, với cài đặt hoặc quản lý không. Quay lên phần mềm yêu thích của bạn trên máy tính mà bạn thường không sử dụng. Và không bao giờ phải lo lắng về việc xử lý cập nhật một lần nữa.

Trong bài này, chúng tôi sẽ kiểm tra trạng thái của các ứng dụng dựa trên trình duyệt trong năm 2018. Chúng ta sẽ xem xét bốn lĩnh vực quan trọng quan trọng đối với các nhà thiết kế web:

  • Vector và giao diện người dùng
  • Wireframing
  • Chỉnh sửa mã
  • Photo và Raster

Bắt đầu nào!

Vector và UI

Ngay cả phần mềm thiết kế UI và vector tốt nhất trên desktop cũng có thể hao tốn tài nguyên. Như vậy, rất đáng chú ý khi biết các ứng dụng trình duyệt trong thể loại này phù hợp ra sao. Để tạo ra các ứng dụng xử lý các nhiệm vụ đơn giản là một chuyện, nhưng xây dựng những phần mềm thiết kế ở mức chuyên nghiệp là một chuyện khác. Và có vẻ nhiều nhà phát triển đã đạt được kỳ công này.

4 ứng dụng sau đây là các lựa chọn hàng đầu hiện tại của tôi cho các ứng dụng thiết kế vector và UI trên trình duyệt:

Figma

Figma là một ứng dụng đổ bộ ngày vào văn phòng của những nhà thiết kế web. Khi nó có khả năng thực hiện tất cả các loại công việc liên quan đến vectơ và là một ứng dụng thiết kế đồ họa mạnh mẽ, đặc biệt phù hợp để thiết kế giao diện cho các trang web và các ứng dụng chạy trên web.

Một trong những tính năng nổi bật mà nó mang đến cho các nhà thiết kế web là khả năng tạo nhiều "frame" riêng lẻ, được sử dụng tương tự như các bản vẽ. Ví dụ: bạn có thể tạo một frame (frame) để thể hiện từng trang trong một thiết kế trang web.

Thú vị là khi bất kỳ thành phần nào trong một frame, ví dụ như nút “contact” có thể được kết nối với một frame khác, như mô tả một trang liên hệ. Điều này được thực hiện bằng cách kéo một đường để kết nối từ nút này đến frame mục tiêu, nó chuyển đổi nút đó thành một “hotspot" (điểm giao tiếp). Trong chế độ trình diễn, nếu hotspot được nhấp, nó sẽ tải lên frame được kết nối, làm cho tính năng này trở nên tuyệt vời để mô phỏng luồng chuyển động từ một phần của UI web sang một phần khác.

Sau khi công đoạn thiết kế hoàn thành, Figma dễ dàng lấy thông tin yêu cầu cho coding, ví dụ kích thước, vị trí, cấu hình phông chữ, hexcode và nhiều thứ khác. Nó cũng tạo một bản CSS hỗ trợ copy & paste mà bạn có thể đưa thẳng vào code của mình. Và khi các tài nguyên hình ảnh cần, chúng có thể xuất ra tất cả một lần hoặc riêng lẻ như yêu cầu.

Nếu nhiệm vụ chính của bạn trong một ứng dụng vector chạy trên trình duyệt là sẽ thiết kế UI cho website, thì Figma là một lựa chọn khó bỏ qua.

  • Giá: Miễn phí cho tối đa ba dự án, $12 p/m với số lượng dự án không giới hạn và các tính năng hỗ trợ nhóm làm việc.
  • Website: www.figma.com

Gravit

Gravit Designer là một ứng cử viên thực thục trong không gian vectơ như một ứng dụng thiết kế đồ họa đa năng, đa mục đích. Hoàn toàn khả khi để sử dụng nó ở mức độ chuyên nghiệp, một điều đáng chú ý hơn là thực tế Gravit hoàn toàn miễn phí một trăm phần trăm. Không tốn phí mua, phí đăng ký hoặc có quảng cáo. Chỉ cần mở ứng dụng và thiết kế ngay.

Phần mềm này bao gồm các công cụ vector mạnh mẽ như Pen kiểu cổ điển, công cụ Bezigon siêu tiện dụng và các công cụ Freehand and Shading tuyệt vời. Nó cung cấp một canvas (khung vẽ) vô hạn, và có một danh sách dài các thư viện kiểu mẫu để bạn có thể chuyển từ kích thước “Website - Lớn” sang kích thước “iPhone X” chỉ bằng một cú click.

Hệ thống "Pages" cung cấp cho bạn cách sắp xếp tài liệu theo kiểu artboards và các hệ thống anchors (móc neo) và ký hiệu được kết hợp cho phép bạn tạo các tài nguyên có thể sử dụng lại, chúng hoạt động một cách thích ứng khi được đưa vào các trang có kích thước khác nhau.

Một trong những tính năng của Gravit mà tôi yêu thích nhất là hệ thống cực kỳ linh hoạt với nhiều hình ảnh, đường viền và hiệu ứng. Một thành phần đơn lẻ có thể có bất màu nền, đường viền và hiệu ứng, với chế độ hoà trộn riêng và thiết lập độ mờ đục, cho phép bạn tạo các phong cách thiết kế rất thú vị.

Gravit đang được cải thiện nhanh chóng, đội ngũ phát triển đang bổ sung các tính năng thực sự hữu ích với tần suất thời gian thường xuyên. Bản cập nhật quan trọng gần nhất đã bổ sung các biểu tượng và các anchor được cải thiện. Bản cập nhật trước đó đã thêm phần lưu trữ đám mây, phần import từ Sketch và hỗ trợ plugin. Gravit phát triển nhanh và thường xuyên cải tiến.

Nếu bạn đang tìm một ứng dụng toàn diện để bạn có thể làm bất cứ gì với vector, thì Gravit có thể thoả mãn khát khao đó của bạn.

Vectr

Vectr là một ứng dụng gọn nhẹ hơn Gravit và Figma. Tôi sẽ mô tả về ứng dụng này là một chọn lựa để bạn nhanh chóng bắt đầu và sản xuất ra kết quả nhanh chóng, không mất nhiều thời gian để học nó. Công cụ và giao diện của Vectr rất tối giản và trực quan, và những loạt bài hướng dẫn xuất sắc được xuất bản ngay lần đầu giúp bạn dễ dàng nắm bắt phần mềm này.

Một trong số tính năng thú vị nhất của Vectr thông qua một plugin, Vectr có thể trở thành một trình biên tập đồ họa đầy đủ, hiện diện trong khu vực quản trị của WordPress, thực sự rất tiện dụng.

Nếu không muốn phức tạp nhưng vẫn có những công cụ mạnh mẽ và dễ hiểu, thì Vectr chính là ứng dụng cho bạn.

BoxySVG

BoxySVG chuyên về SVG, giống như tên gọi của nó. Nếu bạn đặc biệt thiết lập để thiết kế đồ hoạ vector cho web, thì ứng dụng này chuyên dùng đáp ứng mục đích đó. BoxySVG không cố gắng phân tâm để bản thân nó phục vụ cho đồ hoạ in ấn, hoặc thiết kế giao diện hoặc bất cứ gì khác ngoài việc trở thành một chương trình thiết SVG tuyệt vời.

BoxySVG gồm các tính năng đặc biệt cho SVG như điều khiển thiết lập hộp xem, căn chỉnh các đối tượng liên quan đến frame nhìn, và thiết lập preserveAspectRatio để khai thác mã SVG sau khi xuất hình. Và bởi vì bạn đang thiết kế trên trình duyệt, bạn sẽ nhìn thấy SVG của bạn một cách chính xác, giống như cách chúng sẽ được triển khai lên web.

Nếu SVG dành cho bạn, đặc biệt là trên web, hãy kiểm tra xem BoxySVG cung cấp những gì.

Wireframing

Wireframing là một thể loại mà có lẽ các chọn lựa hiện tại chạy trên trình duyệt thực sự mạnh hơn các dịch vụ đề xuất trên desktop. Wireframe không hao tổn tài nguyên, và nhu cầu truy xuất wireframe trực tuyến có thể khá cao bởi yêu cầu thường xuyên hợp tác xuyên suốt giai đoạn lên kế hoạch của một dự án.

Hãy xem qua 4 ứng dụng wireframing chạy trên trình duyệt hàng đầu hiện nay, liệt kê theo thứ tự tuỳ ý.

MockFlow

MockFlow có thể thú vị đối với nhiều người thiết kế web bởi thực tế nó có những thành phần cho phép kéo thả cho Bootstrap, Material Design, Foundation, KendoUI và một số framework phổ biến khác. Như đã thấy ở trong hình trên, tất cả các thành phần framework quen thuộc sẵn sàng để sử dụng, cực kỳ hữu dụng cho việc nhanh chóng tạo mẫu nếu framework yêu thích của bạn nằm trong danh sách đính kèm của MockFlow.

Khi dùng MockFlow để tạo một wireframe cho một dự án trên nền một framework, sẽ thu có kết quả rất gần với sản phẩm sau cùng, trong khi wireframe sẽ duy trì khả năng chỉnh sửa và nhanh chóng thực hiện lại điều này. Vanilla là chủ đề thành phần mặc định,nhưng mỗi thành phần có thể có màu sắc, kích thước, phông chữ và nhiều tuỳ biến khi cần thiết.

Đối với thiết kế web tập trung vào wireframe, đặc biệt nếu bạn đang dùng một framework, MockFlow có rất nhiều đề xuất.

  • Giá: miễn phí cho người dùng đơn lẻ, cho phép hạn chia sẻ với phí $14 mỗi tháng
  • Website: mockflow.com

Balsamiq

Balsamiq là một ứng dụng wireframing chạy trên đám mây, nó đơn giản và khá trực quan để sử dụng. Trên cùng của màn hình là một màn hình hiển thị của các thành phần đại diện cho những thiết bị, hình ảnh, tiêu đề, đoạn văn bản, các thành phần của biểu mẫu và nhiều nữa. Kéo và thả chúng vào màn hình để hình thành wireframe của bạn. Bạn cũng có thể tiến sâu hơn vào các danh mục phụ thứ cấp để thấy các thành phần bạn đang tìm kiếm.

Phong cách của các thành phần khá tĩnh, đa số trông giống như các đối tượng vẽ tay. Trang chủ của Balsamiq nói, "chúng trông giống như bản phác thảo có mục đích! Nó khuyến khích việc động não”. Việc động não này tập trung vào các hệ thống hợp tác cho phép chia sẻ giữa các thành viên trong nhóm, khiến Balsamiq có vẻ như đang ở nhà trong quá trình lên kế hoạch của một dự án.

Nếu bạn có một đội ngũ đông đảo và cần phải chia nhỏ những ý tưởng cho vài người trước khi bắt đầu bước vào thiết kế, thì Balsamiq có thể là ứng dụng dành cho bạn.

Mockingbird

Mockingbird có phần tương đồng với Balsamiq ở chỗ bạn được trình bày với một lựa chọn các thành phần được tiêu chuẩn hoá, sẵn sàng kéo và thả vào wireframe của bạn, chẳng hạn như các nút, hình ảnh, quảng cáo biểu ngữ, tiêu đề, v.v. Nhiều trang có thể được tạo ra và các liên kết hoạt động trực tiếp có thể cho phép bạn điều hướng giữa các mockup với nhau khi bạn kiểm tra UI của bạn hoặc trình bày cho đội ngũ của bạn hoặc những khách hàng xung quanh.

Có thể thực hiện các việc hợp tác trong thời gian thực; chỉ cần chia sẻ liên kết với đồng nghiệp hoặc khách hàng của bạn và họ sẽ có thể trao đổi các thay đổi và đề nghị ngay lập tức.

Nếu nhu cầu quan trọng nhất của bạn là giao tiếp hiệu quả với những người không sử dụng trang web của bạn, hãy thử qua Mockingbird.

Wireframe.cc

Wireframe.cc là một công cụ wireframing tối giản, nó không có những thứ mà 3 ứng dụng trên cung cấp. Tuy nhiên đó cũng là ứng dụng duy nhất hoàn toàn miễn phí.

Về cơ bản các thành phần bạn có sẵn chỉ là hình chữ nhật với các góc bo tròn hoặc góc vuông, hình elip và phần giữ chỗ cho hình ảnh và văn bản. Bạn có thể chọn từ màu cam, đen, trắng và một vài sắc thái của màu xám. Ngoài các tính năng này, bạn cũng có một số công cụ để nhóm (group) và canh chỉnh (align) và khả năng để bổ sung chú thích.

Wireframe.cc chính xác là điều bạn cần khi bạn cần nhanh chóng dựng nên một vài ý tưởng. Không có trì hoãn vì phân tích ở đây, chỉ cần bắt tay ngay vào việc.

WYSIWYG

Các trình biên tập WYSIWYG theo cách nào đó khoã lấp vai trò của chương trình thiết kế hình ảnh như Dreamweaver và Frontpage, nhưng theo nhiều cách khác chúng đã phát triển vượt trên những người tiền nhiệm. Chúng vẫn có thể giúp những nhà thiết kế web nắm các thông tin chi tiết, nhưng cũng tiết kiệm nhiều thời gian trong những dự án cao cấp khi được sử dụng bởi người người giàu kinh nghiệm.

Chúng ta tiếp cận hai ứng dụng thiết kế web chạy trên trình duyệt phổ biến nhất của WYSIWYG.

Webflow

Webflow đã thực hiện vai trò tuyệt vời và hữu dụng cho cả những nhà thiết kế web dày dạn và những người mới bắt đầu. Thực tế bởi vì mọi thứ có thể hoàn thành một cách trực quan, bạn vẫn có thể làm việc theo cách bạn quen thuộc với cách cơ bản.

Bạn sẽ bổ sung các div và các thành phần ngữ nghĩa, bạn sẽ tạo các CSS class, bạn cần biết định vị tuyệt đối và tương đối hoạt động ra sao, và bạn sẽ đảm trách việc xây dựng phần responsive (tự thích ứng) cho các trang web của bạn. Không thể mò mẫm ở đây, sớm hay muộn bạn cũng sẽ phải học cách sử dụng nó. Tất cả điều Webflow làm là sử dụng một giao diện trực quan cho những kỹ thuật thiết kế web mà bạn thường phải tự mình thực hiện.

Đối với người mới bắt đầu thiết kế web, điều này giúp cho quá trình học tập rất nhiều. Việc nhìn thấy những thay đổi của bạn có hiệu quả có thể rất tiến triển rất tốt. Với những người có thâm niên, Webflow là một công cụ tạo hình mẫu rất tốt. Bạn có thể vẫn thích viết mã của riêng bạn, nhưng Webflow có thể cho phép bạn di chuyển nhanh hơn nhiều khi băm nhỏ thiết kế của bạn. Cá nhân tôi đã sử dụng nó kết hợp với mã hóa tay để thực hiện thời hạn chặt chẽ trên nhiều hơn một lần.

Vì vậy, nếu bạn là một nhà thiết kế web non trẻ tìm cách khiến cho quá trình học suôn sẻ, hoặc một người giàu kinh nghiệm tìm cách để tiết kiệm thời gian, Webflow rất đáng xem xét.

  • Giá: miễn phí cho hai dự án, $16 mỗi tháng cho mười dự án, $35 mỗi tháng với số lượng dự án không giới hạn.
  • Website: webflow.com

Froont

Khi Webflow là một giao diện trực quan cho các kỹ thuật thiết web thông thường, thì Froont chắc chắn hướng đến việc cố gắng đảm nhận nhiều trọng điểm thiết kế nhất có thể để tạo một quá trình phát triển và thiết kế nhanh cho người mới bắt đầu.

Thay vì thêm thẻ div, hoặc văn bản hoặc hình ảnh, bạn sẽ bổ sung toàn bộ các thành phần của trang web tại một thời điểm. Bạn có thể thả thêm vào thanh điều hướng, đơn vị anh hùng, phần nội dung, một số bảng giá cả, footer (chân trang) và đó là phần bao bọc. Froont cũng có khá nhiều lựa chọn các template, được gọi là "Projects" (dự án), mà bạn có thể copy để bắt đầu dự án thiết kế của bạn.

Điều đó cho biết, chỉ khi trên trang thì mọi thứ có thể chỉnh sửa được - chỉ cần chuyển qua Expert Mode để điều chỉnh những thứ như canh lề và căn chỉnh.

Nếu bạn vừa mới bắt đầu thiết kế web hoặc cần một quy trình để giảm thiểu việc phải làm, thì Froont có thể lý tưởng với nhu cầu của bạn.

Các trình biên tập code

Tìm một trình biên tập chạy trên web có đầy đủ tính năng vẫn gặp khó khăn một chút. Có khá nhiều trình biên tập chạy trên web, nhưng nếu bạn đang tìm kiếm điều gì đó mang các tính năng bạn từng sử dụng ở trình biên tập code yêu thích của bạn trên desktop thì không hẳn tất cả các tùy chọn đều phù hợp.

Đây là hai trình biên tập code nổi bật và tiện dụng khi phải code trên đường đi.

Caret

Caret là một trong số ít các trình soạn thảo mã nguồn chạy trên web mà bạn có thể mở file cục bộ. Việc này có thể thực hiện khi nó được cài đặt qua cửa hàng web của Chrome, giống như một ứng dụng bình thường và hoạt động không cần internet. Bạn sẽ có một biểu tượng phím tắt trên desktop của bạn, và ứng dụng có thể vận hành mà không cần có trình duyệt chrome.

Danh sách các tính năng khá ấn tượng, đặc biệt là giữa bối cảnh việc chỉnh sửa mã nguồn trên trình duyệt khá nhọc nhằn. Caret có syntax highlighting (nổi bật phần cú pháp) hỗ trợ đa giao diện (themes), command palette (bảng lệnh), project management (quản lý các dự án), plugin support (hỗ trợ cho phần mở rộng), và file thiết lập cấu hình "user.json" tự do và mạnh mẽ.

Caret vừa miễn phí mà còn tuân theo giấy phép GPLv2. Hãy cài đặt Carot qua Chrome Web Store, hoặc nếu thích bạn có thể tự tay cài đặt bằng cách sao chép từ repo của nó.

Nếu bạn cần một trình biên tập code có thể sử dụng bất kỳ nơi nào, và đặc biệt nếu bạn là một nhà phát triển đang di chuyển với một thiết bị ChromeOS, Caret có thể là ứng dụng mà bạn cần.

Trình biên tập CodeAnywhere

Không cho phép bạn mở các tập tin cục bộ, nhưng CodeAnywhere nhanh chóng và dễ dàng kết nối với một dịch vụ cung cấp lưu trữ bên thứ ba: GitHub, BitBucket, Dropbox hoặc một máy chủ FTP, nơi các file của bạn được lưu trữ. Cho nên, nếu bạn đã đưa code của mình lên các nơi lưu trữ ngoại tuyến vào cuối ngày rồi, thì việc này sẽ giúp quy trình hoạt động trơn tru hơn một tí.

CodeAnywhere có syntax highlighting cho 75 ngôn ngữ, có 4 theme và 8 color scheme (tông màu) để lựa chọn, nó còn có đề xuất code completion (tự hoàn thành mã lệnh), linting (kiểm tra lỗi code) và multiple cursors. Ứng dụng biên tập này cũng tích hợp terminal dựng sẵn, các công cụ hỗ trợ, và lịch sử các phiên bản đã lưu lại.

Một tính năng đặc biệt hấp dẫn là dịch vụ "Containers", đây là môi trường chạy trên nền tảng cloud chạy CentOS hoặc Ubuntu, và được cấu hình sẵn cho WordPress, NodeJS, Ruby và các ứng dụng khác.

Nếu đang tìm kiếm một cách dễ dàng làm việc với những dự án được lưu trữ ngoại tuyến của bạn, hoặc nếu ý tưởng của "Containers" khiến cho dự án của bạn trơn tru hơn, hãy thử qua CodeAnywhere.

  • Giá: miễn phí cho các tính năng cơ bản, hoặc giá từ $2 mỗi tháng với revision system (hệ thống các phiên bản) và từ $7 mỗi tháng cho các container và những tính năng bổ sung.
  • Website: codeanywhere.com

Photo và Raster

Phạm vì của các trình biên tập ảnh chạy trên trình duyệt khá ít ỏi so với 4 thể loại ở trên, điều này không mấy ngạc nhiên thời điểm hiện tại khi việc chỉnh sửa ảnh thật sự khó khăn và cần nhiều tài nguyên nhất khi thực hiện mà không có sức mạnh của desktop.

Chúng tôi có 3 trình biên tập khả dĩ để chọn lựa, tuy nhiên 2 trong số đó, (Pixlr và SumoPaint), cần có Flash vì thế nếu đã lâu bạn không dùng Flash trên máy tính của bạn thì bạn sẽ cần phải cài đặt lại để sử dựng 2 ứng dụng này.

Chú ý rằng nếu bạn chỉ muốn kích hoạt Flash cho những ứng dụng cụ thể, thì vào chrome://settings/content/flash, sau đó bổ sung địa chỉ URL của ứng dựng trong danh sách các site được phép dùng Flash.

Polarr

Polarr không yêu cầu Flash, và là một ứng dụng chỉnh sửa ảnh gọn nhẹ cho phép bạn nhanh chóng mang đến vẻ lộng lẫy cho hình ảnh và sẵn sàng được sử dung trong nội dung trên site của bạn. Việc bổ sung các bộ lọc chỉ bằng một cú click, có những bộ kiểm soát màu sắc và độ dày của ánh sáng, và bạn có thể crop (cắt xén), rotate (xoay) và resize (thay đổi kích thước) cho nội dung yêu thích của bạn.

Polarr thậm chí còn có chức năng "Auto enhance" (tự động cải thiện) sẽ phân tích ảnh của bạn và làm nó nổi bật mà bạn chẳng cần chạm một ngón tay.

Polarr miễn phí, nhưng bạn có chọn lựa để mua các tính năng bổ sung "Pro" nếu bạn muốn, chẳng hạn như text tool (công cụ văn bản), noise remover (loại bỏ tiếng ồn), portrait filter set (bộ lọc ảnh chân dung), landscape filter set (bộ lọc ảnh phong cảnh), và những thứ khác. Giá cho toàn bộ sưu tập của công cụ "Pro" là $19.99.

Nếu mục tiêu của bạn là làm cho hình ảnh trông tuyệt vời để đăng tải lên mạng, thì Polarr là một công cụ tuyệt hảo để làm việc này.

  • Giá: Miễn phí hoặc với $19,99 cho phiên bản Pro
  • Website: www.polarr.co

Pixlr (Yêu cầu Flash)

Pixlr đã hiện diện khoảng một thời gian khá dài. Trong những ngày, nếu tôi không thể sử dụng Photoshop, thì Pixlr là ứng dụng tôi sẽ sử dụng, và tôi khuyến khích sử dụng nó với những người muốn chỉnh sửa hình ảnh nhưng không tìm ra lý do để mua phần mềm.

Pixlr có các công cụ bạn mong muốn tìm thấy trong một ứng dụng raster trên nền desktop, như pencil (vẽ bút chì), brush (cọ), eraser (xoá), bucket, gradient (chuyển màu), clone stamp (sao chép mẫu), hình dạng cơ bản, text (văn bản), blur (làm mờ), sharpen (làm sắc nét), smudge, dodge, burn và nhiều nữa. Pixlr có một hệ thống layer (phân lớp) đơn giản gồm có drop shadow, inner shadow, bevel, outer glow và inner glow. Và nó có một danh sách toàn diện các bộ lọc và điều chỉnh - nhờ rằng những chức năng này không ảnh hưởng hình ảnh gốc (non-destructive).

Bạn có thể dùng Pixlr cho việc thiết kế, vẽ tự do, và chỉnh sửa và nhuận sắc hình ảnh. Nếu bạn cần một phần mềm chạy trên web giống với các công cụ trên desktop hơn là Polarr, Pixlr sẽ lấp chỗ trống này cho bạn.

SumoPaint (cần cài đặt Flash)

SumoPaint rất giống Pixlr, và ra đời cùng một thời kỳ. Nó cũng có các kiểu công cụ mà bạn mong muốn tìm thấy trên một trình chỉnh sửa raster trên desktop, thêm vào một chọn lựa các bộ lọc và chỉnh sửa.

Tuy nhiên, SumoPaint có nhiều công cụ tạo hình nâng cao hơn, như star (ngôi sao), pie (chiếc bánh) v.v. Ngoài ra, nó có một công cụ vẽ đối xứng tiện lợi và một công cụ hữu dụng free transform (tự biến đổi hình dạng). Nó cũng có vài kiểu phân lớp bổ sung: color overlay, stroke (viền), gradient bevel và gradient glow (phát sáng chuyển màu).

Nhìn chung, Pixlr và SumoPaint là rất giống nhau và chủ yếu đảm nhận vai trò như nhau, vì vậy nếu bạn đang tìm kiếm một ứng dụng dựa chạy trình duyệt, thì tốt nhất bạn có thể thử cả hai và xem bạn thích ứng dụng nào nhất.

Tổng kết

Đó là những chọn lựa chúng tôi cho 2018 về những phần mềm chạy trên trình duyệt cho những nhà thiết web.

Tóm tắt:

  • Các trình biên tập vector mạnh mẽ và cạnh tranh khắc nghiệt.
  • Các công cụ wireframing bao gồm việc tạo hình mẫu từ một màu tối giản đến trên các framework toàn diện.
  • Trình biên tập code không quá đa dạng, nhưng những ứng viên nổi bật có nhiều tính năng hấp dẫn.
  • Các ứng dụng thiết kế raster cần vài sự quan tâm trong khi Flash vẫn còn tồn tại, nhưng Polarr là một ứng dụng chỉnh sửa ảnh nổi bật.

Một lưu ý cho tương lai của các ứng dụng chạy trên trình duyệt, hãy chú ý đến sự nổi lên của WebAssembly, một công nghệ đang tăng trưởng, cho phép ngay cả phần mềm chuyên sâu như trình chỉnh sửa video chạy với hiệu suất gần như tuyệt đối. Điều đó thực sự chấn động!

Trong khi đó, các thiết bị di động cho việc đi du lịch của bạn hoạt động hiệu quả hơn chính là kết quả của những ứng dụng trong danh sách này!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.