Một số công cụ hỗ trợ trong thiết kế (Design Tools)

Một số công cụ hỗ trợ trong thiết kế (Design Tools)

Thiết kế là một phạm trù lớn, để tạo ra một thiết kế đẹp mắt là tổng hoà của rất nhiều yếu tố cộng lại. Bằng việc áp dụng hiệu quả các công cụ hỗ trợ trong thiết kế, sẽ giúp bạn rất nhiều trong việc tạo ra các thiết kế hiệu quả và có sự chuyển đổi cao.

1. Làm việc với hình ảnh 

Dưới đây là một vài công cụ giúp xử lý hình ảnh hiệu quả, giúp bạn xử lý hình ảnh nhanh hơn và hiệu quả hơn, các công cụ đều sử dụng được miễn phí và có cả gói trả phí 

RemoveBg Xoá nền hình ảnh  https://www.remove.bg
TiniPNG  Nén hình ảnh trực tuyến  https://tinypng.com
ILoveImage

Nhiều công cụ xử lý 
- Resize image  

- Compress image  

- Crop image 
- Convert image

https://www.iloveimg.com
PNG to PDF 
Tạo ra file pdf từ một hay nhiều hình ảnh khác nhau 
https://png2pdf.com
PINETools
Rất nhiều công cụ khác nhau, hỗ trợ xử lý text, color, images, files,…
https://pinetools.com
Nguồn hình ảnh dạng vector (illustrator)
Kho ảnh illustrator open-source sử dụng miễn phí 
https://undraw.co
Nguồn hình ảnh tham khảo 
Khi bạn cần tìm hình ảnh để sử dụng cho dự án của mình, bạn có thể tham khảo ở một số nguồn có sẵn 

https://www.vecteezy.com

https://www.freepik.com

https://www.pexels.com

https://pixabay.com

https://unsplash.com

https://kaboompics.com

Nếu bạn cần xử lý với ảnh GIF, bạn có thể sử dụng một số công cụ sau 

ImgFlip Nhiều công cụ như 
- Gif maker 
- Meme generator 
- Chart maker 
- Resize image 
https://imgflip.com
GiPhy Kho ảnh meme để nhúng vào web https://giphy.com
EZGif

Tạo ảnh Gif và chỉnh sửa ảnh Gif 

- Gif maker 

- Video to Gif 

- Resize, Rotate, Crop, Split,… 

https://ezgif.com

Nếu bạn cần xử lý với video, bạn có thể tham khảo một số công cụ sau 

UnScreen Xoá nền video  https://www.unscreen.com
Nguồn video tham khảo   Nguồn lấy video miễn phí  https://www.pexels.com

2. Làm việc với màu sắc 

Tạo ra bảng màu (color themes) Hỗ trợ tạo bảng màu hoặc hệ thống màu sắc cho thiết kế 

ttps://color.adobe.com

https://www.canva.com/colors/ 

https://coolors.co

https://accessiblepalette.com

https://mycolor.space/

Kiểm tra sự tương phản màu sắc   Kiểm tra sự tương phản giữa text và background colors  https://coolors.co/contrast-checker

3. Làm việc với Fonts  

Tìm fonts Bạn có các hình ảnh thiết kế đẹp mắt, nhưng ko biết thiết kế dùng fonts gì, hãy sử dụng công cụ này   https://www.myfonts.com/pages/whatthefont
Kết hợp fonts Tìm ra các fonts kết hợp với nhau theo ý muốn của bạn 

https://fontjoy.com

https://www.fontpair.co

https://www.mixfont.com

Tải về fonts
Tìm và download fonts 

https://fonts.google.com

https://www.dafont.com

 

https://www.fontspring.com

4. Mô phỏng dữ liệu mẫu (Data Visualisation)

Flourish Tạo ra các mẫu biểu đồ và bản đồ từ dữ liệu của bạn, mà ko cần cài đặt phần mềm   https://app.flourish.studio/templates
Piktochart Tạo ra các infographics, reports, presentation,… từ các mẫu có sẵn  https://piktochart.com

5. Tìm ý tưởng thiết kế

Tìm ý tưởng thiết kế Tham khảo nhiều mẫu thiết kế đẹp mắt từ một số nguồn ý tưởng phổ biến, từ thiết kế hình ảnh đến website, app mobile 

https://dribbble.com

https://www.behance.net

https://mobbin.com

https://httpster.net

https://www.awwwards.com

https://www.pinterest.com

Tìm ý tưởng thiết kế theo Users Flows Tham khảo ý tưởng thiết kế các thành phần theo luồng người dùng  https://pageflows.com
Tìm ý tưởng thiết kế Dark mode 
Tham khảo nhiều ý tưởng thiết kế website ở chế độ Dark mode
https://www.darkmodedesign.com

(sẽ tiếp tục cập nhật,…)