Cảm hứng sáng tạo · Cảm hứng thiết kế

Công cụ miễn phí Wireframing và Kits dành cho các designer

Xin chào các nhà thiết kế!

Hôm nay chúng tôi sẽ mang lại cho bạn một nguồn tài nguyên tuyệt vời để thiết kế các trang web với các công cụ wireframe và bộ dụng cụ miễn phí quá tuyệt . Nếu bạn thường xuyên phải thiết kế, bạn có thể tìm thấy những công cụ Wireframing và bộ dụng cụ tiết kiệm thời gian cần thiết và là một cách tuyệt vời để trình bày ý tưởng của bạn. Về cơ bản, những gì một wireframe làm là cung cấp một hình ảnh đại diện trực quan của nội dung, hệ thống phân cấp và bố trí. Điều này làm cho nó dễ dàng hơn để chuyển tiếp và truyền đạt ý tưởng, cắt giảm chi phí của dự án, và tiết kiệm cho bạn và rất nhiều người sử dụng cuối cùng của thời gian trong việc kiểm tra và chức năng. Vì vậy, suy nghĩ về nó như là một cuộc sống tiết kiệm mà mỗi nhà thiết kế phải học cách sử dụng và phải có một vài tiện dụng trong túi thiết kế của họ.

Wireframes là bản đồ thiết kế cho thiết kế của bạn, như nó cung cấp cho bạn một layout với bố cục sạch sẽ, rõ ràng, làm nổi bật tất cả các yếu tố trang lớn như tiêu đề, lĩnh vực nội dung, menu điều hướng, và footer, vv Mục đích của nó không phải là để cung cấp màu sắc và thiết kế ý tưởng . Đôi khi, khi bạn đang làm việc với nhiều đội được giao nhiệm vụ khác nhau lan truyền trên một khoảng cách rộng, nó có thể liên hệ dễ dàng hơn với một wireframe trong tay để mỗi người biết những gì đang xảy ra và những gì mà đi.

Vì vậy, để giúp bạn bắt đầu, chúng tôi đang trình bày những công cụ wireframe tuyệt vời trên web, hãy nhìn nhận nó và xem những gì bạn có thể làm ra từ các công cụ ấy.

Quirk

free-wire-framing-tools-1

Gillfy

free-wire-framing-tools-2 - Copy

Moqups

free-wire-framing-tools-3 - Copy

Luzmy

free-wire-framing-tools-4 - Copy

Lovely Charts

free-wire-framing-tools-5 - Copy

Google Drawings

free-wire-framing-tools-6 - Copy

Wirekit

free-wireframe-kit-1

Webpage Wireframe Stencil

free-wireframe-kit-2

Mini Wireframing Kit

free-wireframe-kit-3

Free Photoshop Wireframe Kit

free-wireframe-kit-4

iPad Sketch Elements AI

free-wireframe-kit-5 - Copy

Sqetch, an Illustrator Wireframe Toolkit

free-wireframe-kit-6 - Copy

Wireframe / Blueprint Kit

free-wireframe-kit-7 - Copy

iPhone Wireframe UI Kit

free-wireframe-kit-8 - Copy

Kết luận:

Với những công cụ wireframe miễn phí, bạn có thể trình bày ý tưởng của bạn cho một trang web, mà bạn đang suy nghĩ để xây dựng và làm việc trên nhiều nền tảng cùng một lúc. Công cụ wireframe không chỉ giúp tiết kiệm và cắt giảm thời gian cần để hoàn thành một dự án mà nó còn giúp củng cố ý tưởng của bạn và cụ thể hóa bằng cách nêu bật những gì là quan trọng một cách chuyên nghiệp.

Nguồn: http://www.thedesignwork.com/free-wireframing-tools-and-kits/

Dịch: Mèo Mít blog

Advertisements

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s