Các dụng cụ và bộ công cụ hữu ích (ngoại tuyến) dành cho nhà thiết kế

Hầu hết các nhà thiết kế web bắt đầu các dự án mới trên máy tính của họ. Có hàng trăm công cụ hiện có để tạo khung dây, mockup, nguyên mẫu và thực hiện nhiều hoạt động lập kế hoạch khác trên máy tính hoặc trực tuyến của bạn. Nhưng cũng có hàng tấn công cụ ngoại tuyến, trên giấy có thể tăng tốc quá trình phát triển và thiết kế của bạn. Các nhà thiết kế bắt đầu kế hoạch ngoại tuyến của họ thường chỉ sử dụng giấy trắng hoặc biểu đồ và bắt đầu từ đầu.

Tại sao bắt đầu hoàn toàn từ đầu khi bạn có thể sử dụng một trong những hướng dẫn được tạo sẵn này để tiết kiệm thời gian và tốt hơn chỉ đạo năng lượng sáng tạo của bạn? Dưới đây chúng tôi đã biên soạn một danh sách tuyệt vời các công cụ miễn phí, có thể tải xuống, cũng như bộ sưu tập notepad và các sản phẩm khác mà bạn có thể mua để lập kế hoạch và thiết kế ngoại tuyến.

Dưới đây là các bài viết công cụ thiết kế hữu ích hơn mà bạn có thể muốn xem:

27 Bộ dụng cụ bắt buộc phải có dành cho nhà thiết kế web
Bộ biểu tượng GUI cho nhà thiết kế web
50 (Thêm) Bộ biểu tượng nhỏ xuất sắc

Tải xuống

Các công cụ dưới đây đều có sẵn để tải về miễn phí. Chúng bao gồm các trình duyệt, lưới và công cụ được vẽ sẵn để phát triển iPad và iPhone.

Trình duyệt giấy

Một cửa sổ trình duyệt đơn giản, có thể in được cho khung lưới. Có một lưới tinh tế bên trong cửa sổ để thiết kế tốt hơn (cho cả thiết kế rộng 960px và 800px). Nó được chia tỷ lệ tương ứng cho độ phân giải màn hình 1024 × 768.

Giấy phác thảo MBTI cho ý tưởng

Bài viết phác thảo MBTI chứa bốn lĩnh vực riêng biệt để đưa ra ý tưởng cho bốn phương thức mua cụ thể: cạnh tranh, tự phát, có phương pháp và nhân văn. Nó có sẵn trong bốn kích cỡ: A4, A3, Letter và Legal.

Giấy phác thảo Concept7

Bài viết phác thảo này cung cấp một cửa sổ trình duyệt với các đường lưới được tạo sẵn, cộng với một khu vực ghi chú ở bên cạnh. Nó có sẵn ở các kích cỡ A4 và A3.

Bảng vẽ phác thảo hệ thống 960

Hệ thống lưới 960 có rất nhiều mẫu có sẵn cho các chương trình thiết kế khác nhau. Nhưng nhiều người không biết rằng cũng có các mẫu PDF có thể tải xuống để tạo khung bằng dây với 960.gs trên giấy.

Đồ thị lưới thiết kế giấy

Konigi có giấy vẽ đồ thị miễn phí, có thể in được cho các mockup thiết kế lưới. Các mẫu có sẵn bao gồm khung dây với khu vực ghi chú, khung dây theo chiều ngang và dọc, bảng phân cảnh (có và không có ghi chú), giấy biểu đồ hai nhân hai và giấy biểu đồ cơ bản.

Bộ dụng cụ nam châm dây khung

Một bộ các mẫu nam châm từ Konigi. Chỉ cần in chúng ra trên các tấm nam châm và bạn đã sẵn sàng để bắt đầu tạo khung và tạo mẫu trên bảng trắng hoặc bề mặt từ tính khác. Bạn cũng có thể ép chúng để sử dụng với các dấu xóa khô.

Bảng vẽ phác thảo

Các bảng phác thảo này có sẵn trong hai phiên bản: một màn hình duy nhất có không gian ghi chú hoặc sáu lên với không gian ghi chú. Phiên bản nhiều trang rất phù hợp để tạo mẫu nhanh cho nhiều trang, trong đó phiên bản một trang là tuyệt vời để tạo khung chi tiết hơn cho các trang cụ thể.

Mẫu 6 trang

Đây là một mẫu đơn giản với các cửa sổ trình duyệt được vẽ sẵn để mô phỏng sáu trang trên mỗi trang, với không gian bổ sung cho ghi chú ở bên cạnh. Rất đơn giản, nhưng rất hữu ích cho việc lập kế hoạch cấp cao nhất.

Mẫu khung dây giấy

Một loạt các mẫu khung dây, với tổng số bảy mẫu có trong phần tải xuống. Ngoài ra còn có các mẫu PSD, nếu bạn muốn tùy chỉnh chúng trước khi in.

Mẫu khung dây

Một mẫu khung dây đơn giản có không gian cho tiêu đề trang ở trên cùng và ghi chú dọc theo cạnh. Nó đủ chuyên nghiệp để sử dụng cho các khung lưới và mockup cuối cùng để hiển thị cho khách hàng.

Mẫu dây ứng dụng iPhone

Một mẫu ứng dụng iPhone rất phong cách, có sẵn theo hướng dọc và ngang. Có các phiên bản với mockup iPhone duy nhất có nhiều không gian để ghi chú cũng như các trang có ba iPhone trên một trang.

Bảng ý tưởng iPad

Có ba phiên bản: một tấm hai mặt với iPad hướng dọc, một tấm bốn mặt với iPad hướng ngang và tấm một mặt với iPad hướng ngang. Họ cũng có sẵn Bảng ý tưởng iPhone để tải xuống.

Kịch bản, Dòng công việc và Bảng vẽ lưới

Những bản phác thảo này là công cụ vô giá để lập kế hoạch trang web. Bảng kịch bản giúp bạn lên kế hoạch làm thế nào để đưa khách truy cập vào trang web của bạn để thực hiện một hành động mong muốn. Bảng tác vụ giúp bạn tìm ra các bước liên quan đến việc thực hiện các tác vụ cụ thể trên trang web của bạn. Và bảng lưới cung cấp cho bạn không gian để tạo khung và ghi chú trên các trang cụ thể.

Các sản phẩm

Các sản phẩm dưới đây thường tương tự như các sản phẩm có sẵn để tải xuống ở trên, nhưng được in sẵn. Các công cụ khác cũng được bao gồm, chẳng hạn như giấy nến và ghi chú dán.

Chuột mạnh mẽ

Một miếng lót chuột cũng là một notepad. Có ba phiên bản khác nhau: 5 ngày một tuần (có không gian cho danh sách việc cần làm trong năm ngày), Trung tâm thông tin (có nhiều không gian để ghi chú) và Ngẫu nhiên ngẫu nhiên. $ 10 mỗi.

iPad Kit Kit

Một khuôn tô kim loại từ UI Ststicks để thiết kế cho Apple iPad. Nó có mọi thứ bạn cần để mô phỏng các ứng dụng cho iPad. Bộ này cũng bao gồm .7mm Zebra Mechanical Pencil và bảng kỹ thuật tương tác. $ 24,95

iPhone Kit Kit

Một bộ stprint kim loại khác từ UI Ststicks, lần này là cho iPhone. Nó cũng đi kèm với miếng dán Zebra Mechanical Pencil và UI Ststicks. $ 24,95

Phác thảo ứng dụng

Cung cấp Sổ phác thảo ứng dụng ràng buộc xoắn ốc để thiết kế ứng dụng cho iPhone và iPad. Có sẵn phiên bản tiêu chuẩn, đục lỗ và iPad. Các phiên bản iPhone đi kèm với ba hình ảnh iPhone kích thước thật trên mỗi trang, với tổng số 50 trang (hai mặt). Sổ phác thảo iPad (chưa có sẵn) đi kèm với một hình ảnh trên mỗi trang. $ 12 mỗi.

Notepod và Notepod+

Sổ tay kích thước thật để thiết kế ứng dụng iPod và iPad. Các máy tính xách tay iPod có 3 gói, với 100 trang mỗi pad. Phiên bản iPad (Notepod +) được bán riêng lẻ và cũng có 100 trang mỗi pad. Notepod + là $ 19,95; Notepod là $ 17,95 / ba.

Bảng phân cảnh Notepad

8 sổ ghi chú 1/2 1/2 x 11 inch từ Konigi với 50 bảng phân cảnh, mỗi tờ có không gian để ghi chú. Điều làm cho chúng khác biệt so với hầu hết các notepad bảng phân cảnh thông thường là mỗi phần bảng phân cảnh được chia thành một lưới, làm cho chúng phù hợp hơn nhiều cho thiết kế tương tác. $ 9 mỗi cái, chỉ có sẵn ở Hoa Kỳ.

Trình duyệt Phác thảo

Một notepad bao gồm một mẫu cửa sổ trình duyệt trên mỗi trang. Mỗi cửa sổ bao gồm một lưới, tương thích với Bộ trang web Macintosh Kit (24,95 đô la), cũng từ UI Ststicks. 8,95 đô la mỗi cái.

Cuốn sách chấm lưới

Những cuốn sách lưới chấm này từ Behance tương tự như giấy biểu đồ truyền thống, nhưng thay vì các dòng, chúng có các chấm nơi các đường sẽ giao nhau. Nó cung cấp một lưới tuyệt vời để phác thảo mà không có sự xâm nhập của các đường liền nét. $ 14 mỗi.

Bất cứ khi nào chú ý đặt

Đối với những người trong chúng ta sử dụng các ghi chú dán để giữ ngăn nắp, đây có thể chỉ là thứ đưa hệ thống năng suất của bạn lên một tầm cao mới. Các loại ghi chú riêng biệt cho những việc cần làm hôm nay, sớm hoặc một ngày nào đó, cộng với ba loại ghi chú bổ sung. $ 12,99.

Tài nguyên khác

Tìm nhiều tài nguyên hơn thông qua các vòng dưới đây:

50 Bộ công cụ, tài nguyên và tệp nguồn thiết kế web miễn phí và thiết kế web miễn phí - Một bản thảo tuyệt vời từ Tạp chí Smashing bao gồm cả tài nguyên trực tuyến và ngoại tuyến.
Các bản PDF phác thảo có thể in, tạo khung và ghi chú có thể in miễn phí - Một bản hoàn chỉnh tuyệt vời khác từ Tạp chí Smashing, bao gồm toàn bộ tài nguyên có thể in lần này.
Tài nguyên thiết kế giao diện người dùng, cấu trúc khung và giao diện - Một loạt các tài nguyên có thể in được biên soạn bởi Es Developed.