Hình minh hoạ được sử dụng ngày càng nhiều trong các thiết kế UI cho web và ứng dụng di động. Sử dụng hình minh họa đơn giản, trực quan tạo trải nghiệm gần gũi, nhờ đó khiến các thiết kế giao diện của bạn trở nên hấp dẫn hơn đối với người dùng.
Thế nhưng, để tự tạo ra các #illustrations đồng bộ, chất lượng cao, bản thân UI designer trước hết phải có kỹ năng vẽ minh hoạ, đồng thời đòi hỏi đầu tư nhiều thời gian, chi phí và công sức. Với những giới hạn vừa nêu, tìm đến thư viện cung cấp hình minh hoạ là một trong các giải pháp tối ưu và tiết kiệm cho UI designer, dù mới vào nghề hay đã nhiều năm kinh nghiệm.
Trong bài viết này, mình chia sẻ danh sách 23 thư viện nơi bạn có thể dễ dàng tìm thấy hình minh họa miễn phí cho các UI design của mình, cả mục đích cá nhân lẫn mục đích thương mại. Hầu hết các trang web này đều cung cấp minh hoạ ở định dạng vectơ, có thể sao chép và chỉnh sửa dễ dàng trên các trình chỉnh sửa trực tuyến như Figma hay Adobe XD.
Thư viện minh hoạ miễn phí cho thiết kế UI
1. Storyset by Freepik
Storyset cung cấp thư viện hàng trăm minh hoạ miễn phí về nhiều chủ đề khác nhau, chia thành 5 phong cách.
Storyset cho phép:
Tuỳ chỉnh màu sắc, số lượng các khối minh hoạ trong một hình, thậm chí tạo chuyển động cho từng minh hoạ ngay trên trang
Tải minh hoạ về dưới dạng ảnh ở định dạng SVG/ PNG hoặc dưới dạng chuyển động (#animations) ở định dạng GIF/ MP4
Sử dụng minh hoạ miễn phí đối với các dự án thương mại và cá nhân, với điều kiện bạn phải dẫn nguồn tài nguyên như hướng dẫn và có giới hạn sử dụng
2. Scale by Flexiple
Scale cung cấp thư viện với 200+ hình minh hoạ miễn phí dưới hai phong cách đơn sắc và đa sắc, với nhiều chủ đề khác nhau. Tài nguyên trên site được cập nhật liên tục nên số lượng sẽ không dừng ở hơn 200 như hiện tại.
Scale cho phép:
Tuỳ chỉnh màu sắc trực tuyến trên trang cho từng minh hoạ
Tải minh hoạ về dưới định dạng SVG/ PNG
Sử dụng minh hoạ miễn phí đối với các dự án thương mại và cá nhân, không cần dẫn nguồn tài nguyên
3. Manypixels
Manypixels cung cấp thư viện minh hoạ miễn phí dưới 5 phong cách: minh hoạ có viền gồm outline và flatline, minh hoạ đơn sắc - monochromatic, minh hoạ 3 chiều - isometric, và các minh hoạ phối 2 màu kết hợp.
Manypixel cho phép:
Tuỳ chỉnh màu sắc trực tuyến trên trang cho tất cả minh hoạ cùng lúc
Tải minh hoạ về dưới định dạng SVG/ PNG
Sử dụng minh hoạ miễn phí đối với các dự án thương mại và cá nhân, không cần dẫn nguồn tài nguyên
4. Undraw
Undraw cung cấp thư viện gồm hàng trăm minh hoạ miễn phí.
Undraw cho phép:
Tuỳ chỉnh màu sắc trực tuyến cho tất cả các minh hoạ cùng lúc
Tải minh hoạ yêu thích về dưới định dạng SVG hoặc/và PNG
Tự do tuỳ chỉnh và sử dụng minh hoạ sau khi tải về cho mục đích cá nhân và thương mại mà không cần dẫn nguồn
5. Ira Design by Creative Tim
Ira Design cung cấp thư viện gồm các 22 backgrounds, 19 hình minh hoạ nhân vật và 27 hình minh hoạ đồ vật phối màu gradient, 17 hình minh hoạ nhân vật và 26 hình minh hoạ đồ vật dạng đơn sắc outline.
Các nội dung này được xuất bản theo giấy phép MIT.
Ira Design cho phép:
Tuỳ chỉnh màu sắc trực tuyến cho các minh hoạ phối màu gradient ngay trên website
Tải về cả gói minh hoạ gồm background, hình hoạ nhân vật và đồ vật dưới định dạng SVG hoặc/và PNG
Sử dụng hình minh hoạ miễn phí cho các dự án thương mại và cá nhân không cần dẫn nguồn
6. Craftwork Freebies
Freebies by Craftwork cung cấp thư viện gồm hàng trăm minh hoạ miễn phí dưới các gói chủ đề khác nhau.
Craftwork Freebies cho phép:
Tải các gói chủ đề minh hoạ về dưới các định dạng AI, SVG, PNG, EPS hoặc/và Figma
Sử dụng minh hoạ miễn phí đối với các dự án thương mại và cá nhân với một số giới hạn như không được bán lại các hình minh hoạ, hoặc không được phép chuyển nhượng quyền tác giả, vân vân.
7. Streamline Freebies
Streamline Freebies là thư viện cung cấp 16 bộ tài nguyên, 6030 hình minh hoạ miễn phí, icons, emojis, các thành phần thiết kế khác như các dạng hình abstract, geometric, đường vẽ strokes và patterns khác nhau.
Các tài nguyên này được cấp phép theo Creative Commons 4.0 có nghĩa là bạn cần phải dẫn nguồn bằng cách dẫn link tới Streamline.
Streamline Freebies cho phép:
Sử dụng các file PNG và SVG của thư viện trong đó có các hình minh hoạ miễn phí cho mục đích cá nhân và thương mại, với điều kiện bạn phải dẫn nguồn tài nguyên theo hướng dẫn như là dẫn tên tác giả, dẫn link tới giấy phép và nêu rõ các chỉnh sửa bạn đã thay đổi nếu có đối với tài nguyên từ Streamline.
8. Isometric
Isometric là thư viện cung cấp 52 minh hoạ miễn phí dạng isometric với các chủ đề quen thuộc như tài chính, công nghệ, sáng tạo, mạng xã hội, vân vân. Lưu ý dạng minh hoạ isometric do cách phối cảnh nhìn có vẻ 3D nhưng vẫn là 2D thôi nhé.
Các tài nguyên này được xuất bản theo giấy phép MIT.
Isometric cho phép:
Tải các hình isometric trên trang về dưới định dạng SVG và PNG
Tự do chỉnh sửa và sử dụng các minh hoạ đã tải về cho ác dự án thương mại và cá nhân mà không cần dẫn nguồn
9. UIG Freebie Illustration Kit
UIG Freebie Illustration Kit cung cấp gói minh hoạ gồm 24 hình, 3 phong cách với các chủ đề thông dụng thường gặp như làm nhóm, bảo mật, đa tác vụ, tìm kiếm, mua sắm, vân vân.
UIG Freebie Illustration Kit cho phép:
Tải gói minh hoạ về với các định dạng PNG, AI và PSD
Sử dụng các hình minh hoạ miễn phí không giới hạn cho mục đích thương mại
10. Illustrations
Illustrations cung cấp thư viện hơn 120 hình minh hoạ miễn phí dưới các định dạng AI, SVG, PNG, EPS và Figma.
Illustrations cho phép:
Tải minh hoạ đã về dưới dạng AI, SVG, PNG, EPS và Figma.
Sử dụng minh hoạ miễn phí đối với các dự án thương mại và cá nhân, không cần dẫn nguồn tài nguyên
11. Highlights
Highlights, đúng như tên gọi, là thư viện cung cấp các minh hoạ vẽ tay các elements nhỏ dùng để nhấn mạnh nội dung như mũi tên, gạch chân, khoanh tròn, đánh dấu, vân vân.
Highlight cho phép
Tải về các minh hoạ vẽ tay dưới định dạng SVG
Sử dụng hoàn toàn miễn phí cho mục đích cá nhân và thương mại, dưới CC0 license, tức là bạn không cần dẫn nguồn tài nguyên
12. Humaaans
Humaaans là thư viện cung cấp minh hoạ người miễn phí được tạo bởi Pablo Stanley, dưới giấy phép CC0.
Humaaans cho phép:
Tải gói hình minh hoạ về bao gồm các loại tệp flat illustrations, và các file dành cho Figma, Sketch, Studio và XD. Trong tệp flat illustrations bao gồm file PNG và SVG
Kết hợp các thành phần để tạo nhiều dáng nhân vật khác nhau, phối cảnh cùng background
Sử dụng các minh hoạ tải về và chỉnh sửa cho mục đích cá nhân và thương mại, không cần dẫn nguồn
13. Open Peeps
Open Peeps là thư viện cung cấp minh hoạ vẽ tay hai phong cách có màu và đơn sắc tạo bởi Pablo Stanley. Các minh hoạ này cũng được kết xuất với CC0 license.
Open Peeps cho phép:
Tải về minh hoạ có màu hoặc đơn sắc dưới các tệp cho Figma, Sketch, Studio hoặc flat illustrations (SVG và PNG)
Sử dụng hình minh hoạ cho mục đích cá nhân và thương mại không cần dẫn nguồn
14. Open Doodles
Open Doodles lại là một thư viện mở cung cấp minh hoạ vẽ tay hoàn toàn miễn phí khác từ bác Pablo Stanley. Bác có vẻ rất hào phóng khi liên tục cống hiến cho cộng đồng những hình minh hoạ chất lượng và 100% FREE thế này.
Open Doodles cho phép:
Tải minh hoạ dạng doodles của các nhân vật về dưới định dạng SVG và PNG
Sử dụng minh hoạ tải về cho các mục đích cá nhân và thương mại không cần dẫn nguồn
15. Lukaszadam
Lukaszadam là thư viện cung cấp hình minh hoạ miễn phí với nhiều chủ đề thường gặp khác nhau dưới CC0 License.
Lukaszadam cho phép:
Tải free flat illustrations về dưới định dạng SVG
Sử dụng minh hoạ tải về miễn phí cho mục đích cá nhân và thương mại, không cần dẫn nguồn
16. 3dicons
3dicons là thư viện mã nguồn mở 100% miễn phí cung cấp 120 icons, 1440 hình ảnh kết xuất với plugins cho Figma, Sketch, XD, gói dành riêng cho lập trình viên.
3dicons cho phép:
Chỉnh sửa phối màu của icons
Tải về dưới các định dạng file Figma, PNG Dynamic, PNG ISO, PNG Front, Blender File, Fbx file
Sử dụng các minh hoạ 3D tải về cho mục đích cá nhân và thương mại dưới CC0 license, không cần dẫn nguồn
17. Handz
Handz là thư viện cung cấp hình minh hoạ 3D bàn tay, với hai phiên bản miễn phí và có phí.
Handz phiên bản miễn phí là phiên bản CC0 License cho phép:
Tải về file .blend, 20+ file kết xuất PNG, với 12 cử chỉ tay, 9 màu da và 3 loại ống tay áo
Sử dụng hình ảnh tải về cho mục đích cá nhân và thương mại dưới CC0 license, không cần dẫn nguồn
18. Bzzzt
Nếu bạn là người thích minh hoạ abstract 3D dạng geometric thì thư viện Bzzzt này dành cho bạn.
Bzzzt cho phép:
Tải về miễn phí 6 background minh hoạ 3D dưới các định dạng JPEG, PNG, PSD, SVG và file cho Figma
Sử dụng hình tải về cho mục đích cá nhân và thương mại nhưng đừng đem bán lại nguyên si những gì họ tạo ra nhé
19. Nikuu trên Figma
Nikuu là thư viện cung cấp hình minh hoạ 3D gồm 3 nhân vật, 15 tư thế, 20 cụm vật thể với các chủ đề thông dụng trên Figma.
Bạn có thể dùng các minh hoạ này cho các dự án cá nhân hoặc thương mại, tuy nhiên không được phép dùng cho UI Kit hoặc các trang cung cấp minh hoạ miễn phí hoặc có phí khác.
20. SALY trên Figma
SALY cũng là một thư viện cung cấp 30 minh hoạ 3D gồm nhân vật và các vật thể khác. Tuy nhiên, SALY chỉ cho phép sử dụng các minh hoạ 3D cho mục đích cá nhân, có dẫn nguồn tài nguyên.
21. Shopingin trên Figma
Shopingin là thư viện cung cấp 11 hình minh hoạ 3D của các vật dụng cho mua sắm và thanh toán dưới 3 góc nhìn khác nhau, với độ phân giải 2880 x 2880 pixels.
Bạn được phép sử dụng, chia sẻ, chỉnh sửa các minh hoạ này cho dự án của mình với điều kiện phải dẫn nguồn tài nguyên và nêu rõ các chỉnh sửa nếu có
22. 70 Beautiful Illustrations trên Figma
Thư viện này, như tên gọi, cung cấp 70 hình minh hoạ tối giản các nhân vật với nhiều hoạt động phổ biến với hai phong cách đơn sắc và có màu.
Bạn được phép sử dụng, chia sẻ, chỉnh sửa các minh hoạ này cho dự án của mình với điều kiện phải dẫn nguồn tài nguyên và nêu rõ các chỉnh sửa nếu có.
23. illustAC
illustAC là sản phẩm của công ty mình. Hiện tại mình và team đang trong giai đoạn xây dựng lại UI và cải thiện trải nghiệm người dùng trên site. Thư viện của illustAC cung cấp hàng ngàn hình minh hoạ miễn phí với nhiều phong cách khác nhau.
illustAC cho phép:
Tải hình minh hoạ với dạng định dạng JPG, PNG và EPS/AI
Sử dụng cho mục đích cá nhân và thương mại, không cần dẫn nguồn. Tuy nhiên có một số giới hạn khi sử dụng cho mục đích thương mại như bạn không được chỉnh sửa và bán lại tài nguyên của illustAC, không được sử dụng cho các mục đích chống phá xã hội, vân vân.
Hiện tại chúng mình cũng đang xây dựng thư viện dùng cho Figma nữa.
Thư viện Metaverse : tạo ngày 13/06/2022.
Thư viện Shopping icons : tạo ngày 14/06/2022.
Thư viện Hands illustrations : tạo ngày 16/06/2022.
Mỗi ngày chúng mình sẽ tạo một thư viện nên các bạn hãy follow tài khoản của ACworks hoặc đăng kí tài khoản trên site mình để không bỏ lỡ nhé.
Lời cuối
Trên đây, mình đã tổng hợp và giới thiệu 23 thư viện cung cấp hình minh hoạ miễn phí cho các dự án cá nhân và thương mại có thể dùng cho thiết kế UI của bạn.
Mỗi thư viện sẽ có quy định về cách dùng tài nguyên riêng. Vì vậy, nên đảm bảo đọc kỹ hướng dẫn về cách dùng và License trước khi dùng.
Nếu bạn biết thêm các thư viện khác hãy để lại chia sẻ ở phần bình luận nhé.