Hiện nay, search nhanh trên intenet bạn của BetterCre sẽ ngay lập tức thấy có hàng loạt bài viết chia sẻ nội dung về nguồn tài nguyên dành cho thiết kế web, nhưng tất cả chỉ đơn thuần liệt kê danh sách và không thực có nhiều thông tin hữu ích.
Bởi vậy, chúng tôi quyết định tìm kiếm, chắt lọc kinh nghiệm và kiến thức từ các nhà thiết kế chuyên nghiệp để chia sẻ tới các bạn những nguồn tốt nhất mà bất cứ web designer nào cũng nên biết và thử tìm hiểu. Chắc chắn chúng sẽ giúp ích cho công việc hiện tại của bạn và phục vụ rất tốt cho nghiên cứu.
Bài viết có chia ra các phần tài nguyên về Ảnh & Video, Font chữ, Màu sắc, Mockup & Prototyping, Trang truyền cảm hứng, Hướng dẫn tạo lập website (dành cho người dùng hightech và cả nontech nhé) cũng như không thể thiếu các trang cộng đồng, trang chia sẻ cập nhật xu hướng, kiến thức…
Nếu bạn có bất kỳ nguồn hữu ích khác, hãy thoải mái đóng góp trong bình luận bên dưới nhé.
Ảnh & Video
Nguồn: Showbox
1. Showbox
Tại đây, bạn có thể tạo xưởng video chất lượng từ trình duyệt web của mình
2. Coverr
Đây là nguồn cung cấp video đẹp và miễn phí cho trang chủ của bạn
3. Compressify
Trang web này cung cấp một trong những công cụ tốt nhất để tối ưu hóa video trực tuyến của bạn
4. Pexels
Bạn có thể tìm thấy tại đây kho ảnh (và video) tốt nhất, tất cả trong một trang web
5. Unsplash
Đây là một kho dữ liệu ảnh đẹp, độ phân giải cao và tự do (làm bất kỳ thứ gì bạn muốn) cho mục đích sáng tạo. Tất nhiên, bạn sẽ không tìm thấy bất kỳ bức ảnh văn phòng cứng nhắc nào tại đây
Trang web là một nguồn ảnh và nguồn cảm hứng cho những người và làm nghề sáng tạo
7. Photype
Photype là cách tốt để xem và thử ảnh, kích cỡ và hiệu ứng với chữ phủ lên, trước khi bạn bắt đầu tải xuống bất kỳ thứ gì
8. JPEGmini
Bạn có thể giảm kích cỡ ảnh tới 80%, mà không làm ảnh hưởng đến chất lượng khi ảnh bị giới hạn
Biểu tượng
Nguồn: Iconfider
9. Iconfinder
Inconfider là tập hợp một nhóm nhỏ, làm việc để tạo ra một trong những cơ sở dữ liệu biểu tượng có thể tìm kiếm được lớn nhất trên thế giới
10. The Noun Project
Trang web này xây dựng một bộ ngôn ngữ hình ảnh mà bất kỳ ai cũng có thể hiểu, đây là một hệ cơ sở dữ liệu biểu tượng trang trí có thể tìm kiếm lớn được xây dựng bởi một cộng đồng người thiết kế
11. Flation
Trang web cung cấp bộ sưu tập biểu tượng miễn phí lớn khác với 64 định dạng SVG, PSD, PNG, EPS và BASE có sẵn
12. Icomoon
Tại đây, bạn có thể tìm thấy một thư viện biểu tượng cho nhiều điểm ảnh có ý thức hơn giữa chúng ta và một công cụ sáng chế biểu tượng chữ
13. Material Icons
Như bạn có thể đoán được, đây là một lựa chọn biểu tượng làm thủ công vô cùng đẹp của Google
14. Icon Store
Nếu bạn đang tìm kiếm những biểu tượng vui miễn phí của những nhà thiết kế hàng đầu cũng như nền để bạn trình bày biểu tượng của mình, thì đây chính là trang web dành cho bạn
15. Illustrio
Illustrio là một trang web tuyệt vời, cung cập cơ sở dữ liệu truy cập lớn của tất cả các loại biểu tượng mà bạn có thể tùy chỉnh cho phù hợp với bất kỳ thương hiệu nào
Kiểu
Nguồn: Right Font
16. Right Font
Bạn sẽ không phải đau đầu về phông chữ khi đến với RIght Font, trang web này là một nhà quản lý tuyệt vời cho độ đậm nhạt phông chữ cho máy tính Mac của bạn. Nó giúp bạn xem trước, đồng bộ, và sắp xếp phông chữ được lưu trữ ở bất kỳ vị trí nào
17. Font Reach
Bạn có thể thử phông chữ trên hàng triệu trang web hàng đầu một cách nhanh chóng để thử tính năng của font chữ trên web, nó giống như môt vườn thú cho nhà thiết kế
18. Google Fonts
Trang web giống như một buổi trình diễn cá nhân và tập thể của các nhà thiết kế, đây cũng như là một nguồn phong phú để tải kiểu chữ dùng trong bản thiết kế.
19. Whatfont
Whatfont thực sự là cách dễ nhất để nhận dạng và kiểm tra phông chữ, ngay trên trình duyệt của bạn
20. Font Flame
Khá mới và tương đối đơn giản, trang web thú vị này nối cặp phông chữ, giống như ứng dụng Tinder dành cho phông chữ
21. Typekit
Đây là một nguồn phông chữ dồi dào, phong phú, cung cấp bởi Adobe.
22. Typeface
Trang web cung cấp cho bạn một trình quản lý phông chữ mới cho Mac. Bằng việc tập trung vào phần xem trước nhanh và chính xác, nó giúp bạn chọn một phông chữ hoàn hảo.
23. FontSquirrel
Bạn có thể chọn những kiểu chữ chọn bằng tay được thể hiện dưới dạng dễ sử dụng, miễn phí tại đây
Màu sắc
Nguồn: Color Hunt
24. Color Hunt
Đây có thể coi là trang Pinterest cho màu sắc. Bạn có thể thử các sự kết hợp bốn màu sắc, không giới hạn
25. Hello Color
Hello Color cung cấp cho bạn một công cụ sáng tạo độ tương phản màu bằng tay chỉ bằng một cú click cực kỳ đơn giản
26. LOL Colors
Bạn sẽ được truyền cảm hứng về bảng màu từ nguồn không giới hạn này bởi Mackenzie Child
27. Coolers
Coolers cung cấp một công cụ phối màu cực nhanh, cho phép bạn sáng tạo, lưu trữ và chia sẻ những bảng màu hoàn hảo trong vài giây
28. Adobe Kuler
Đây có thể coi là một chiếc la bàn cho bánh xe màu sắc, dùng để khám phá những sự kết hợp tương tự, đơn sắc và tất cả các loại kết hợp màu khác nhau
29. ColorZilla
Bạn sẽ thấy đây là một sự mở rộng ưu việt cho công cụ chọn màu đối tượng và phân tích màu cho Chrome và Firefox
30. Design Seeds
Design Seeds là một liều thuốc cảm hứng hàng ngày cho những ai thích màu sắc
Nguồn cảm hứng
Nguồn: Muz.li
32. Muz.li
Đây là một nguồn bí mật của những người thiết kế, Muz.li đem lại mọi cảm hứng mà bạn cần, trang web là một nguồn vô cùng dễ tiếp cận mỗi khi bạn mở tab mới trong Google Chrome.
33. Landingfolio
Landingfolio được xem là một triển lãm được giám định, và có tính năng tốt nhất cho việc thiết kế trang đích
34. Awwwards
Trang web Awards là nơi khai phá và khích lệ tài năng cũng như sự nỗ lực của những công ty web, người thiết kế và người phát triển giỏi nhất trên thế giới
35. Uplabs
Mỗi ngày, Uplabs đều trao cho bạn những món quà miễn phí, những nguồn tài nguyên, và nguồn cảm hứng để phát triển và thiết kế tuyệt vời nhất
36. Pricing Pages
Đây là trang yêu thích của chúng tôi ( cả sản phẩm, cửa hàng và các trang thanh toán nữa). Trang web này cung cấp một danh mục của những trang có tính tiền hữu ích nhất và một cơ hội lợi nhuận
37. User Onboarding
User boarding mang lại cho bạn trải nghiệm cực kỳ chi tiết (và hữu ích), từ đầu đến cuối dòng chảy tham gia hệ thống của những ứng dụng điện thoại và trang web nổi tiếng qua trình chiếu slideshows
38. Mindsparkle Mag
Đây là một trong những nơi yêu thích của chúng tôi để tham khảo những dự án đầy cảm hứng và tuyệt đẹp trong ngành thiết kế web và đồ họa
Đến với Eye on Design, bạn sẽ được khám phá những công trình đẹp nhất từ những những người thiết kế mới và chuyên nghiệp từ mọi nơi trên thế giới.
40. It’s Nice That
Là một ấn phẩm trực tuyến thay thế, It’s Nice that tin rằng nguồn cảm hứng sáng tạo là dành cho tất cả mọi người, nơi đây trưng bày công trình trực tuyến và in ấn tuyệt vời và hấp dẫn nhất
Bạn sẽ có những cuộc trao đổi vô cùng thú vị với những người sáng tạo và đây cũng là một nguồn cho ý tưởng ít người biết đến
42. Typewolf
Trang web được biết đến là một góc thường ngày của nguồn cảm hứng cho nghệ thuật tạo chữ
Mockup & Prototyping
Nguồn: InvisionApp
43. InvisionApp
InvisionApp cung cấp một nền tảng prototyping, sự cộng tác và tiến trình công việc dựa trên nền tảng web, mà cho phép người thiết kế tạo ra mockups có tính tương tác cao cho các dự án web và điện thoại
44. Sketch
Đây là một công cụ hữu ích giúp bạn thiết kế kỹ thuật số chuyên nghiệp cho Mac
45. Napkin
Napkin là một ứng dụng tuyệt với giúp bạn thiết kế mockups nhanh, trực tiếp trên điên thoại của bạn
46. Placeit
Placeit trao cho bạn cơ hội được thử nghiệm ảnh màn hình sản phẩm trong môi trường thực tế
47. Frontify
Đây là công cụ hoàn hảo để bạn tạo hướng dẫn theo phong cách đa dạng trong chưa đến 5 phút
48. Pixel Budda
Giữa hàng loạt nguồn tính phí, bạn sẽ tìm thấy rất nhiều mẫu mockups miễn phí tại trang web này
49. Graphic Burger
Graphic Burger như một bữa tiệc của những nguồn tài nguyên thiết kế chất lượng cao miễn phí, dành cho cộng đồng thiết kế
Tạo lập Website
Nguồn: Webydo
Dành cho người thiết kế
50. Webydo
Đây là một công cụ tạo lập website phản hồi nhanh trực tuyến dành cho người thiết kế tự do và các công ty kỹ thuật số (gắn liền hệ thống quản trị nội dung – CMS và lưu trữ) để tạo ra các trang web nhanh hơn và phát triển doanh nghiệp của họ
51. Adobe Muse
Được biết đến là một công cụ tạo lập trang web ngoại tuyến, Adobe Muse cho phép bạn tạo các trang web cố định, linh hoạt, và có khả năng thích ứng mà không cần phải viết bất kỳ một mã máy (code) nào
Dành cho người thiết kế mã Savvy
51. WordPress
WordPress là một phần mềm web mà bạn có thể sử dụng để tạo ra một trang web, blog, hay ứng dụng đẹp
53. Dreamweaver
Đây là một công cụ cho người thiết kế và người phát triển phần tương tác với người dùng (front – end), công cụ này cho phép bạn tạo mã và quản lý các trang web với hình ảnh tuyệt vời trên bất kỳ kích cỡ màn hình nào
Dành cho người không chuyên
54. Squarespace
Trang web cung cấp mọi thứ bạn cần, từ trang đích (landing page), gian trưng bày ấn tượng, blog chuyên nghiệp, hay cửa hàng trực tuyến, đặc biệt những ứng dụng này đều có thể sử dụng trên điện thoại ngay từ đầu
55. Wix
Wix là sự kết hợp giữa công nghệ và vẻ đẹp, giải pháp tự thân (DIY-Do it yourself) dựa trên đám mây này khiến bất kỳ ai cũng có thể tạo trang web HTML5 với phòng kéo và thả
Cộng tác và hiệu quả
Nguồn: Fasto Design
56. Lingo
Ứng dụng này cho phép bạn thiết lập và chia sẻ tất cả thư viện dữ liệu hình ảnh từ màn hình máy tính của bạn với cả nhóm. Đây được coi là ứng dụng lưu trữ và chia sẻ dữ liệu trực tuyến (Dropbox) cho các nhóm thiết kế.
57. Mural
Mural như một chiếc bảng trắng trực tuyến cá nhân của bạn cho việc lên ý tưởng, tổng hợp và cộng tác
58. Wake
Tại wake, bạn sẽ có một không gian riêng tư để chia sẻ và thảo luận các tác phẩm thiết kế với nhóm của bạn
59. Slack
Slack tập hợp tất cả liên lạc của bạn trong một nơi, bạn sẽ có thời gian thực sự để nhắn tin, lưu trữ và tìm kiếm các nhóm hiện đại
60. Trello
Trello giúp bạn lưu trữ mọi dạng thông tin, từ ảnh khổ lớn tới các chi tiết nhỏ của mỗi dự án thiết kế
61. Govisually
Bạn sẽ sở hữu cách đơn giản nhất để biến ý tưởng thành bản thiết kế với với phản hồi nhanh chóng từ khách hàng trên dự án của bạn
Cộng đồng
Nguồn: Webdesigner Depot
62. WebdesignerNews
WebdesignerNews chọn lọc những câu chuyện và cuộc thảo luận về thiết kế, sự phát triển, sáng tạo, công cụ và nguồn cảm hứng cho bạn
63. DesignerNews
Tại đây, bạn sẽ tìm thấy một nơi để thảo luận và chia sẻ những điều thú vị diễn ra trong ngành công nghiệp web và xa hơn thế nữa
64. Designer List
Đây là một danh mục những người thiết kế trên toàn thế giới được đưa ra bởi ông vua truyền cảm hứng, Muzli.
Bạn sẽ có được danh sách toàn diện nhất của cộng đồng thiết kế web và thiết kế mà bạn luôn mong muốn gia nhập trên Slack tại đây
66. Dribbble
Dribble là nơi dành cho người thiết kế trưng bày và nói về dững dự án nhỏ và đang hoàn thiện (WIP)
67. Behance
Trang web là một triển lãm và nền tảng khám phá công trình mới nhất từ các hồ sơ trực tuyến hàng đầu, được tạo ra bởi các chuyên gia sáng tạo của ngành công nghiệp thiết kế
Học tập và chia sẻ kiến thức
Nguồn: The NuSchool
68. NuSchool
NuSchool trao cho bạn cơ hội để Học cách vận hành doanh nghiệp thiết kế tự do như một ông chủ
69. HackingUI
Hacking UI là một cộng đồng cho người thiết kế, người phát triền và các doanh nghiệp sáng tạo với một đam mê được học và tham gia vào
70. Phlearn
Phlearn là một trong những trang hướng dẫn tốt nhất cho tất cả mọi thứ trong Photoshop
72. Tuts+
Bạn có thể học cách thiết kế web với hàng nghìn hướng dẫn thiết kế và phát triển web miễn phí từ các chuyên gia hướng dẫn
Trang web là nguồn của người thiết kế để giáo dục không ngừng
74. Design for a Perfect Screen [eBook]
Được biết đến là một cuốn sách điện tử đẹp và toàn diện, Design for a Perfect Screen có thể giúp bạn hoàn thiện con đường thiết kế màn hình của mình
Là một công cụ hướng dẫn đầy đủ và diễn họa thông tin, A Beginer’s Guide to SEO chi tiết hóa thế giới SEO on-page (tối ưu hóa trang web và các trang con trên trang web) và Site-wide (liên kết xuất hiện trên tất cả các page của trang web)
Nếu có bất kỳ nguồn nào khác, hãy bình luận bên dưới để mọi người cùng chia sẻ nhé!
Biên dịch: Trần Phương
Recent Comments