GOTW
thiet-ke-noi-thatthiet-ke-do-hoalam-phim-quang-cao

Top 5 công cụ tạo prototype tốt nhất

14/08/2017 SEO

Cùng khám phá các công cụ bạn nên thử để làm cho prototype của mình trở nên ấn tượng nhất nhé Uniker.

1. Atomic

 

Atomic là một ứng dụng web chỉ hoạt động trên Google Chrome

Giá: Bản dùng thử miễn phí (Starter: $15/tháng - Pro: $25/tháng). 

Với giao diện người dùng đẹp, timeline animation dễ sử dụng và trực quan, Atomic đã ghi điểm trong mắt người dùng. Atomic là một ứng dụng web hoạt động trên Google Chrome, điều này có thể là trở ngại cho các designer dùng Safari, Firefox hoặc các trình duyệt của Windows. Và nó cũng không có app riêng cho máy tính.

Nếu bạn đã sử dụng After Effects để tạo prototype cho các animation thì bạn sẽ cảm thấy thân thuộc như ở nhà với timeline animation của Atomic. Điều này cho bạn sự linh hoạt và quyền kiểm soát bạn cần để tinh chỉnh tương tác của mình: chỉ cần nhấn nút play để xem các thay đổi và animation đang diễn ra.

Khi bạn hài lòng với thiết kế của mình rồi, bạn có thể chia sẻ nó với dạng URL xem trước trên bất cứ thiết bị nào. Bạn cũng có  thể nhận được các feedback từ khách hàng và đội của mình qua các comment ngay trong đó.

Tính năng ưa thích của tôi trong công cụ này là tùy chọn lịch sử, cho phép bạn trở về trước để xem các phiên làm việc trước và tạo những phiên bản mới từ bất cứ thời điểm nào. Với những người thiết kế cho iOS, Atomic đã ra mắt bộ kit iOS vơi một thư viện của các tài nguyên thiết kế iOS để kích hoạch tạo prototype nhanh chóng.

Cuối cùng, bạn có thể thêm CSS tùy biến trực tiếp vào Atomic. Việc xuất CSS cũng dễ dàng nên bạn chỉ cần copy và paste chúng vào project của mình.

2. Easee

Easee là một trong những công cụ tạo prototype ấn tượng nhât

Giá: Bản cơ bản miễn phí (bản không giới hạn: $10/tháng). 

Khi bạn coi sản phẩm này là một dự án đầy tâm huyết và đam mê của Steven Fabre thì Easee là một trong những công cụ tạo prototype ấn tượng nhất. Trong bài viết về Medium của ông ấy, Fabre nói rằng mục đích của Easee là để giúp các designer xây dựng những animation đẹp cho website mà không cần phải viết code.

Với Easee, bạn có thể kéo thả các layer từ Sketch và Photoshop rồi bắt đầu animate. Easee sẽ lấy những animation mượt mà được tạo ra trong ứng dụng và xuất nó thành CSS để bạn có thể đưa nó vào dự án web của mình. Bạn cũng có thể xem trước animation của mình trực tiếp ngay trên web.

Bạn có thể bắt đầu Easee với phiên bản cơ bản và nâng cấp lên bản không giới hạn với giá 10$/tháng. Nó cung cấp cho bạn các project animation không giới hạn và cách xuất CSS.

Rõ ràng là Easee được tạo ra bởi designer cần đáp ứng nhu cầu đơn giản và nó thực sự làm tốt điều đó. Công cụ này giữ mọi thứ đơn giản và dễ dùng với việc bỏ đi những tính năng không cần thiết nên bạn có thể tập trung xây dựng những animation và tương tác tốt nhất cho project thiết kế của mình. Tôi khuyến khích bạn hãy thử Easee đi và hỗ trợ cho các developer freelance.

3. InVision

InVision là công cụ tạo prototype phổ biến nhất gây tranh cãi trên thế giới

Giá: Miễn phí. 

InVision là một công cụ tạo prototype phổ biến nhất gây tranh cãi trên thế giới. Đội ngũ của nó liên tục thêm vào những tính năng mới giúp các designer tạo ra những prototype hiệu quả hơn. Tính năng tốt nhất của InVision có lẽ là khả năng quản lý các feedback về project. Khách hàng và đội thiết kế có thể trao đổi trực tiếp một cách vô cùng tiện lợi về prototype. Chúng được đối chiếu trong một địa điểm thuận lợi mà bạn không bao giờ mất dấu những feedback này.

Giao tiếp về tình trạng của project giữa khách hàng và đội ngũ thì cực kì quan trọng. Với trang quản lý project của InVision, bạn có thể sắp xếp các thành phần thiết kế thành một trạng thái chuỗi các công việc. Bạn có thể thiết lập các cột cho danh sách To-Do, đang tiến hành, cần xem lại, đã chấp thuận và kéo thả thành phần thiết kế của bạn vào các cột phù hợp.

Ví dụ nếu bạn dự định làm trên trang chủ, bạn có thể kéo các thành phần thiết kế vào cột đang tiến hành. Bây giờ khi khách hàng hoặc đội của bạn xem qua bảng trạng thái, họ sẽ ngay lập tức biết được cái gì đang được thực hiện. Nếu bạn từng sử dụng Trello trong môi trường phát triển linh động thì điều này cũng tương tự.

InVision luôn luôn thông báo những tính năng mới và gần đây nó đã ra mắt một cái mới gọi là Boards là ngôi nhà nơi project của bạn có thể sống trong đó. Nó cũng có thể được sử dụng như là một công cụ thuyết trình, là một người quản lý tài nguyên cho dự án và là một nơi để tạo ra các moodboard hoặc các thư viện. Bạn thậm chí có thể chia sẻ các moodboard hoặc thư viện này với khách hàng và team thiết kế  để họ có thể đưa ra các feedback trực tiếp.

InVision có rất nhiều tính năng tiện lợi như:  bạn có thể import file thiết kế từ Sketch hoặc Photoshop, animate các tài nguyên thiết kế, liên kết các trang để kích thích các trang web ngoài đời thực và xem trước các prototype trên các thiết bị di động. Nó cũng có một phiên bản với lịch sử vô hạn, kiểm tra người dùng miễn phí vô hạn và tích hợp với ứng dụng như Slack, Dropboxm Box và nhiều cái nữa. InVision vẫn là một kẻ thay đổi cuộc chơi trong không gian này và nó vẫn chưa có dấu hiệu chững lại.

4. Adobe Comp

Với Adobe Comp, bạn có thể tạo ra các layout cho di động, web và bản in hoàn toàn được tích hợp với Photoshop, Illustrator và InDesign

Giá: Miễn phí. 

Phiên bản gần đây của iPad Pro nói cho chúng ta biết về nhiều nhà sáng tạo đang sử dụng các tablet để phát triển các project. Adobe Comp cung cấp các công cụ bạn cần để chuyển đổi thao tác vẽ tự nhiên thành đồ họa máy tính.

Với Adobe Comp, bạn có thể tạo ra các layout cho di động, web và bản in mà hoàn toàn tích hợp với Photoshop, Illustrator và InDesign. Nếu bạn sử dụng những tài nguyên liên kết thì khi bạn thay đổi trong một chương trình này thì ở những nơi khác chúng cũng sẽ được cập nhật những thay đổi đó.

Comp hoạt động với Adobe Stock và Typekit vậy nên nó cũng cung cấp cho bạn những hình ảnh, đồ họa và hàng trăm font chữ dễ dàng được tích hợp khi bạn thiết kế một prototype. Đây là tính năng ưa thích nhất của tôi bởi vì nó có nghĩa hầu như bất cứ đồ họa hoặc font nào cũng sẽ nằm trong tầm tay của bạn.

Adobe Comp mang đến một cách mới để phát triển và thiết kế các prototype nhưng do thiết kế thân thiện với người dùng của nó, hầu như sẽ không có rào cản nào gây khó khăn cho bạn. Tuy nhiên Adobe vẫn cung cấp vài bài hướng dẫn để giúp bạn bắt đầu làm quen nếu bạn cần.

Nếu bạn muốn chia sẻ các prototype với nhóm hoặc khách hàng của mình, bạn có thể sử dụng mạng lưới Behance của Adobe để nhận feedback. Một bước đi thông minh  của Adobe để tận dụng tối đa khả năng tiếp cận khổng lồ có sẵn của mình.

5. Principle

Principle cùng với ứng dụng iOS để phát (mirror) những prototype trực tiếp

Giá: Bản dùng thử miễn phí (bản không giới hạn là $129). 

Principle được xây dựng bởi cựu kĩ sư của Apple cho OS X và cùng với ứng dụng iOS để mirror những prototypes trực tiếp. Principle có một tính năng đáng giá là có thể xuất các prototype thành video hoặc ảnh động GIF và chúng có thể được chia sẻ trên Dribbble, Twitter hoặc bất cứ đâu bạn muốn.

Principle chỉ dành cho Mac và nếu bạn từng sử dụng Sketch thì giao diện của Principle cũng trông tương tự. Principle sử dụng các artboard để animate các yếu tố giữa các giai đoạn vì khi bạn làm việc trên prototype của mình, bạn có thể xem trước trực tiếp các thiết kế của mình ở phía bên tay phải cửa sổ. Hoặc bạn có thể mirror thiết kế của mình trên một thiết bị iOS.

Trong khi Principle không bao gồm một công cụ tích hợp, điểm trừ này có khả năng bị lờ đi bởi khả năng làm việc offline của nó. , Vì bạn không dựa vào một kết nối chậm hoặc không đáng tin, sự linh hoạt trong việc hoạt động offline đáng chú ý hơn bởi khi đó tốc độ được gia tăng đáng kể.

Kết luận

Chúng ta vừa nhìn vào top 5 công cụ tạo prototype và như bạn thấy là có rất nhiều sự lựa chọn nên sẽ khó để chọn ra một cái. Tôi khuyên bạn nên thử hết những cái khơi dậy sự tò mò của bạn và xem thử cái nào tốt nhất dành cho bạn, cho khách hàng và nhóm của bạn. Mục đích cuối cùng là để concept của bạn thành hình và thiết kế của bạn là tâm điểm chú ý, vậy nên hãy thử hết các công cụ khác nhau và kiểm tra cập nhật, chúng có thể cho bạn những gì bạn đang tìm đấy. Với nhiều lựa chọn tuyệt vời như thế, bạn sẽ sớm tìm được công cụ tạo prototype phù hợp giúp thổi hồn vào những ý tưởng của bạn.

Nguồn: designs.vn

Bài viết khác

Thiết kế 12 ý tưởng bàn làm việc tại nhà sáng tạo

Tạo những niềm vui nho nhỏ, những hứng thú mới trong công việc với những chiếc bàn làm việc thiết kế độc đáo. UniDesigns xin giới thiệu tới bạn đọc những gợi ý thực tế nhất về những chiếc bàn làm việc phù hợp với không gian gây nhiều hứng thú.

10 bài học thiết kế nội thất mọi người nên biết

Bạn có bao giờ tự hỏi: "Tại sao mình mua một cái gì đó mà không thể sử dụng được trong căn nhà mình ở ? Làm thế nào để nhà mình đẹp hơn". Bài viết sau đây Unidesign sẽ giải đáp thắc mắc và đưa ra lời khuyên tốt nhất dành cho căn nhà mà bạn ước muốn sở hữu.

6 cách đơn giản để cải thiện kỹ năng thiết kế đồ họa của bạn

Để cải thiện kỹ năng thiết kế, không gì mang lại hiệu quả hơn là việc bạn bắt đầu từ những cách đơn giản nhất. Vậy dựa vào hiểu biết của bạn cộng thêm vài lời khuyên hữu ích của UniDesign, hãy trở thành một nhà thiết kế đồ họa tốt hơn trong năm 2017 nhé.

6 lời khuyên để nhà thiết kế luôn khoẻ mạnh

Rời xa ngòi bút một chút và bạn sẽ nhận ra rằng: Là một nhà thiết kế có thể gây nguy hiểm cho sức khỏe của bạn. Công việc bạn yêu thích lại có thể làm thiệt hại nghiêm trọng đến cả thể chất và trí não của bạn. Hãy đảm bảo cho bạn có một sự nghiệp dài lâu, vui vẻ và khỏe mạnh với những chỉ dẫn chuyên nghiệp của chúng tôi. 

Chọn vật dụng nào để thiết kế đồ họa

Với sự phát triển vượt bậc của công nghệ thông tin, những bức thư viết tay với những câu chữ đơn điệu dường như đã lỗi thời và thay vào đó là sự xuất hiện của những dòng chữ với những hình ảnh và màu sắc đẹp mắt, mang lại cảm giác thú vị và đầy vui nhộn cho người xem. Sự tiến bộ của công nghệ thông tin đã mang lại những màu sắc mới và đa dạng cho cuộc sống thông qua những hình ảnh, ký tự, Poster, tờ rơ, bìa tạp chí, sách báo, logo, trang web thậm chí là những hoa văn trên áo, 1 hình trang trí hay tấm danh thiếp nhỏ bé, cũng đều là sản phẩm của thiết kế đồ họa … Và vẽ đồ họa là một phần không thể thiếu trong thế giới công nghệ.  Đồ họa là một lĩnh vực truyền thông trong đó thông điệp được tiếp nhận qua con đường thị giác, thông điệp là các giải pháp bằng hình ảnh cho các vấn đề truyền thông.

Gỗ công nghiệp - Kiến thức siêu cơ bản của nhà thiết kế nội thất đương đại

Gỗ công nghiệp là gì? Hãy tìm hiểu kỹ về chúng bằng cách nào đó phù hợp với bạn. Trong bài này, UniDesign chỉ hệ thống lại một cách đầy đủ và cơ bản nhất. Hiểu về vật liệu nói chung và gỗ công nghiệp nói riêng là điều cơ bản tối thiểu đối với bất kỳ Interior Designer nào. Bằng không thiết kế của bạn có thể chỉ nằm trên giấy...

Chương trình đào tạo

Thiết kế Nội thất

Thiết kế Nội thất

Trong tình hình kinh tế đang phát triển hiện nay, đây là một trong những ngành nghề khan hiếm nhân lực nhất trong thị trường lao động.Khi học thiết kế nội thất bạn có thể tạo ra những điều không thể thành hiện thực trong cuộc sống.

Chi tiết
Học làm phim kỹ thuật số.

Học làm phim kỹ thuật số.

Ngày nay, phim ảnh đã trở thành món ăn tinh thần không thể thiếu đối với con người. Đặc biệt những người trẻ đầy nhiệt huyết và tự tin nghĩ rằng họ có thể tạo ra được những thước phim đẹp mắt hơn những hình ảnh họ đang thấy nếu được đào tạo bài bản. Điều đó thúc đẩy nhu cầu học làm phim ngày càng cao.

Chi tiết

Việc làm

Tuy áp dụng hình thức và phương pháp đào tạo tương đối mới mẻ ở Việt Nam nhưng Trường Đào tạo Quốc tế UNIDESIGN đã có những bước trưởng thành và thành tựu đáng kể trong công tác dạy học cũng như tổ chức.

Chi tiết

UNIDESIGN có bộ phận quan hệ sinh viên, bộ phận này ngoài việc giữ liên lạc thường xuyên và liên tục với các sinh hiện tại và đã tốt nghiệp trên cả nước, còn là cầu nối giữa sinh viên với các doanh nghiệp.

Chi tiết

Họ nói gì về chúng tôi

Em yêu thích chuyên ngành Thiết kế từ khi còn nhỏ. Em rất thích vẽ, thời gian rảnh rỗi em hay ngồi vẽ và còn vẽ cho cả các bạn nữa. Lúc đầu, em dự định thi trường ĐH Mỹ Thuật Công Nghiệp nhưng em chưa có điều kiện được học vẽ nhiều, mới chỉ vẽ theo ý thích của mình thôi.

“Lúc chưa biết đến trường em thường chỉ quan tâm đến ngành học của các trường đại học chính quy. Sau khi biết đến trường, em mới biết đến ngành thiết kế đồ hoạ. Và từ lúc ấy, em thấy nó rất hợp với mình và quyết tâm theo học"

Lan Anh từ nhỏ đã có yêu thích và đam mê với ngành Thiết kế nên gia đình luôn muốn cho em đi theo con đường này. Khi em quyết định chọn học tại trường UniDesign, cô rất tôn trọng quyết định của em.

“Em thấy trường có chương trình đào tạo khá là toàn vẹn, chỉ tập trung đào tạo ngành nghề mà học viên theo học, không có những môn phụ. Ngoài ra, nhà trường không chỉ chăm lo về mặt học tập mà còn chăm lo cả mặt hoạt động ngoại khóa khá tốt"

“Ấn tượng đầu tiên của em về trường là cái tên UNI, viết tắt của You and I – khá ý nghĩa và sáng tạo. Rồi em lại càng ấn tượng hơn sau chuyến du lịch Tam Đảo"