Kho hình ảnh, element để làm landing page cực đẹp
- Michi Trần
- 7 ngày trước
- 6 phút đọc
Bật mí kho hình ảnh, element để làm landing page cực đẹp mà ít ai chia sẻ
Bạn có từng nhìn thấy một landing page nào đó nó “chất” đến nỗi khiến bạn phải thốt lên trong lòng rằng: “Trời ơi sao mà nó đẹp dữ vậy trời”?
Từng chiếc icon, từng hiệu ứng nhỏ, từng hình ảnh,… nó đều ăn khớp hoàn hảo với nhau, khiến bạn không thể rời mắt. Rồi bạn thử bắt tay vào làm một trang tương tự... nhưng tìm mãi chẳng ra cái hình nào giống vậy, icon cũng chẳng có, element thì quá sơ sài hoặc dính watermark. Cảm giác bí bách đó, mình đã từng trải qua.
Và đây chính là lý do mình muốn viết bài này. Dành cho bạn – Người đang tự làm landing page, đang bơi giữa biển tài nguyên nhưng lại không biết lặn chỗ nào mới có ngọc.
Hôm nay, mình sẽ chia sẻ trọn bộ kho tài nguyên hình ảnh, icon, element, vector, background… để bạn có thể làm nên những landing page cực kỳ đẹp mắt, chuyên nghiệp và quan trọng nhất là không bị lỗi thời, không nhàm chán.
Tất cả là từ kinh nghiệm thật, lượm lặt thật và có cái đã theo mình suốt mấy năm làm Web1trang cho khách hàng.
Vì sao cần đầu tư hình ảnh và element cho landing page?
Trước khi “đào kho báu”, mình muốn nói nhanh về lý do bạn nhất định phải đầu tư cho phần hình ảnh khi làm landing page:
Hình ảnh chiếm 80% cảm xúc của người xem ngay từ 3 giây đầu tiên. Nếu hình lỗi thời, màu xấu hoặc quá chắp vá thì người xem sẽ rời đi ngay cho dù bạn viết content hay cỡ nào.
Element và icon giúp điều hướng hành vi - Một nút call-to-action có thêm hiệu ứng, một mũi tên động nhẹ cũng đủ khiến người ta click.
Thiết kế đẹp giúp định vị thương hiệu - Người ta sẽ tin bạn chuyên nghiệp hơn nếu web của bạn chỉn chu, mượt mà.
Vậy nên, đừng để landing page của bạn "chết yểu" chỉ vì thiếu vài cái hình hợp mắt!
Top kho tài nguyên miễn phí nhưng cực chất lượng
1. Freepik.com
Chắc chắn là cái tên không còn xa lạ, nhưng đây vẫn là kho mình ưu tiên số 1 mỗi khi mình làm website hay thiết kế landing page. Bởi vì Freepik hội tụ đủ những ưu điểm sau:
Có đủ: vector, icon, banner, PSD, ảnh minh họa, mockup…
Phù hợp cho cả style hiện đại, tối giản, retro hoặc “kawaii” kiểu Nhật.
Tìm từ khóa tiếng Anh sẽ ra nhiều hơn (ví dụ: “marketing landing page”, “infographic vector”, “real estate banner”...)
Tuy nhiên, nếu bạn xài hình ảnh không muốn dính watermark thì có thể mua tài khoản premium (~$15/tháng), hoặc nếu dùng lâu dài thì xem phần 4 mình sẽ chia sẻ “chỗ mua rẻ bất ngờ” nhé!
2. Pngtree.com
Pngtree có thế mạnh riêng là các file PNG nền trong suốt, cực hợp để chèn lên nền hoặc phối layer. Và đặc biệt Pngtree:
Rất hợp dùng cho hiệu ứng “động” nhẹ nhàng trên web (khi phối với animation CSS).
Có nhiều ảnh phong cách châu Á, Tết, thiên nhiên → Làm landing page cho các Trang Việt Nam hướng đến phong cách truyền thống thì rất tiện.
Có cả vector, PSD nhưng giao diện hơi khó tìm. Hãy chịu khó kiên nhẫn chút.
Một bí kíp khá là hay nữa dành cho bạn, đó là: Khi tìm trên Google bạn có thể search “site:pngtree.com + từ khóa” để ra đúng thứ mình cần.
Đây là kho “thiên đường” thật sự. Từ icon, shape, preset, mockup, banner, web UI kit,… cái gì cũng có mà còn đẹp “hết nước chấm”. Do đó, Envato Elements rất phù hợp với:
Dành cho bạn nào muốn chất lượng premium ngay từ đầu.
Có nhiều bộ UI/UX design rất hợp cho landing dạng startup, SaaS, khoá học online…
Nhiều hiệu ứng animation, template video, nhạc nền – Thích hợp để làm web có nền động hoặc motion giới thiệu.
Tuy nhiên bạn cũng cần lưu ý rằng: Envato là dịch vụ trả phí theo tháng hoặc năm (~$33/tháng gói đầy đủ). Nếu bạn làm freelance hoặc agency, đầu tư là rất đáng.
4. Shutterstock
Kho “huyền thoại” với những hình ảnh chuyên nghiệp, chuẩn quốc tế. Nhưng… giá khá chát. Tuy nhiên Shutterstock lại khá “hợp rơ” khi bạn là:
Doanh nghiệp lớn cần hình đại diện thương hiệu, banner quảng cáo, hình lifestyle đẹp như studio.
Có filter tìm kiếm cực chi tiết: theo style, theo tỷ lệ, theo mood (tone màu)…
Có điều mình cũng chia sẻ thật lòng với bạn: Nếu bạn mới làm website thì cũng chưa cần hình đỉnh như Shutterstock. Nhưng nếu team bạn làm thiết kế nâng cao, đây là “mỏ vàng thật sự”.
Chia sẻ thật tâm - Chỗ mua tài khoản rẻ hơn rất nhiều
Bạn có thể bỏ qua phần này nếu dư dả nhưng nếu giống mình – Từng “sinh tồn” trong thời freelance nghèo khó, thì đây là phần bạn nên lưu ngay.
Đây là Trang chuyên cung cấp tài khoản dùng chung hoặc bản tải tài nguyên với giá rẻ hơn rất nhiều so với mua chính chủ. Xài một thời gian với VNGraphic mình nhận thấy là rất đáng giá để trải nghiệm, bởi vì nó:
Có bán: tài khoản Freepik, Shutterstock, Envato Elements, Canva Pro,...
Dùng ổn, nhanh, có hỗ trợ. Rất thích hợp cho bạn nào không cần quá full quyền nhưng vẫn tải hình chất lượng cao.
Mình từng mua ở đây hơn 2 năm và nói chung là chưa gặp lỗi nào lớn cả.
Tuy nhiên có một điều mình vẫn thấy ở VNgraphic chưa thực sư tối ưu lắm về phần mật khẩu. Nguyên do có thể là tài khoản share nên không đổi mật khẩu được và mình khuyên bạn nên hạn chế dùng lúc đêm khuya để tránh tình trạng quá tải. Có điều vì nó rẻ và lâu lâu mình mới tải vài tấm nên cũng tạm chấp nhận.
Làm sao chọn hình ảnh/element phù hợp cho từng kiểu landing page?
Tùy thuộc vào từng nhu cầu, mục tiêu, tính chất của sản phẩm/dịch vụ và bố cục của landing page mà bạn sẽ lên ý tưởng lựa chọn hình ảnh/element phù hợp. Sau đây mình sẽ gợi ý bạn một vài cách chọn sau:
Với landing bán sản phẩm vật lý (đồ ăn, đồ gia dụng, quần áo,...)
Ưu tiên hình ảnh lifestyle (ảnh thật người dùng đang sử dụng sản phẩm)
Kết hợp icon đơn giản + hình chụp rõ nét, không cần quá cầu kỳ.
Element nên dùng shape bo tròn nhẹ hoặc khối gradient kiểu tối giản.
Với landing bán khóa học, coaching
Dùng ảnh minh họa hoạt hình vector (các bạn trong tư thế làm việc, học hành,...)
Element cần nhiều icon chuyển động, arrow hướng dẫn, block chia nội dung rõ ràng.
Với landing dịch vụ doanh nghiệp, B2B
Dùng UI kit hoặc banner dạng infographic từ Envato/Freepik.
Chọn hình có tone màu xanh, xám, hoặc theo màu thương hiệu của bạn.
Element: Nên có section “hệ thống hóa”, dùng sơ đồ là điểm mạnh.
Với landing giới thiệu sản phẩm số (app, phần mềm, eBook,...)
Dùng mockup điện thoại, laptop, máy tính bảng để trình bày giao diện.
Element nên dùng nhiều khối shape dạng tổ ong, đường cong mềm, cảm giác công nghệ.
Nếu bạn muốn tìm hiểu chi tiết hơn vể Landing page - Cách xây dựng từ bố cục cho đến nội dung hiệu quả thì bài viết về Hướng dẫn xây dựng Langding page từ A đến Z rất đáng giá để bạn tìm hiểu đấy!
Cách để tiết kiệm thời gian mà vẫn chọn hình chất lượng
Tạo thư viện cá nhân: Mỗi lần lướt Freepik hay Envato, thấy đẹp là lưu ngay. Dù chưa dùng liền, nhưng đến lúc cần là có liền.
Dùng plugin tích hợp trong Figma hoặc Canva: Freepik, Pexels, Unsplash đều có plugin dùng thẳng trong công cụ thiết kế.
Lưu preset màu sắc, style: Đừng để mỗi lần làm lại phải chọn lại từ đầu. Giữ cho thương hiệu đồng bộ và tiết kiệm công sức.
Nói tóm lại, bạn đừng tiếc hình ảnh vì đó là cảm xúc đầu tiên của khách hàng!
Mình từng làm rất nhiều landing page. Có cái chuyển đổi gấp 3 lần chỉ nhờ thay hình, đổi vài icon, thêm tí chuyển động nhẹ. Hình ảnh, icon, element – Chúng là “trang phục” của content. Nội dung có hay mấy mà ăn mặc luộm thuộm thì cũng không ai muốn ở lại.
Vậy nên, mình hy vọng bài viết này giúp bạn bớt mất thời gian “đi lạc” trong biển tài nguyên và có thể chọn đúng cái mình cần – nhanh, đẹp, đúng vibe và tiết kiệm nữa.
Comments