Điểm chung của những portfolio 3D hay nhất
Đặt các ví dụ dưới đây cạnh nhau sẽ thấy vài điểm lặp lại. Chúng không phải những trang nhiều hiệu ứng nhất. Chúng là những trang mà phần 3D nói lên điều gì đó về người làm ra nó.
- Một ý tưởng rõ ràng. Một chiếc xe để lái, một quán mì ramen, một căn phòng, một khối cầu âm thanh. Người xem hiểu ý tưởng chỉ sau vài giây.
- Ý tưởng hợp với người làm. Trang của nhà thiết kế âm thanh phản ứng theo âm thanh; trang của lập trình viên giấu một chiếc máy tính chạy được. Phần 3D là lời tuyên bố về công việc của họ.
- Tác phẩm dễ tìm. Dự án, liên hệ và phần giới thiệu đều tới được nhanh, thường qua menu hoặc một màn hình không bắt phải khám phá.
- Chúng thưởng cho sự tò mò bằng chi tiết nhỏ: đồ vật phản ứng khi chạm, những trò đùa giấu kín, âm thanh, ánh sáng thay đổi.
Những cách làm bạn có thể học theo
Bạn không cần hàng tuần học Three.js để dùng được ý tưởng của các trang này. Vài cách áp dụng được cho mọi portfolio 3D, kể cả portfolio làm bằng Perlink:
- Lấy không gian riêng làm khung: căn phòng, bàn làm việc, studio của bạn. Ai cũng thích nhìn nơi một người làm việc.
- Biến dự án thành đồ vật: ảnh đóng khung trên tường, màn hình trên bàn, tấm biển dẫn tới case study.
- Đặt một lối vào đơn giản cạnh lối vào 3D, để người đang vội vẫn tìm được mọi thứ.
- Dùng ánh sáng và thời điểm trong ngày để tạo cảm xúc. Cùng một căn phòng, ban ngày thì bình yên, ban đêm thì ấm cúng.
- Dùng âm thanh tiết chế, để tắt cho tới khi người xem tự bật.
Những lỗi hay gặp ở portfolio 3D kém
Cứ mỗi portfolio 3D đáng nhớ lại có rất nhiều trang bị đóng sau vài giây. Lý do thường là:
- Màn hình chờ tải quá lâu trước khi có gì hiện ra, nhất là trên điện thoại.
- Chỉ tới được dự án khi tìm đúng đồ vật, không có menu hay danh sách.
- Chữ vẽ ngay trong cảnh 3D, quá nhỏ để đọc và Google không thấy được.
- Điều khiển camera ngược ý người xem, hoặc trang không còn cuộn bình thường.
- Dùng nguyên cảnh mẫu của người khác, không có gì mang dấu ấn cá nhân, khiến phần 3D chỉ còn là đồ trang trí.
Tự làm từ đầu hay dùng công cụ?
Phần lớn các ví dụ nổi tiếng trong trang này do chính các lập trình viên hay nhà thiết kế 3D tự tay làm, thường mất nhiều tuần, với Three.js cho phần code và Blender cho mô hình. Với họ, portfolio cũng là bằng chứng cho chính tay nghề đó.
Nếu công việc của bạn là thiết kế, nhiếp ảnh, kiến trúc hay lập trình không liên quan tới 3D, tự dựng không gian là một đường vòng rất dài. Một công cụ như Perlink cho bạn không gian làm sẵn: chọn mẫu, đặt tác phẩm của bạn vào khung tranh và đồ vật, rồi đăng cả trang lẫn căn phòng tại perlink.to/tên-bạn.
Cách chúng tôi chọn các ví dụ
Danh sách này do đội ngũ biên tập lựa chọn: những portfolio 3D được biết đến rộng rãi trong cộng đồng thiết kế web và Three.js, mà chúng tôi đã mở và kiểm tra, và mỗi trang dạy một điều khác nhau. Chúng tôi dẫn link tới từng trang và mô tả bằng lời của mình, không chép chữ hay đăng ảnh chụp màn hình. Các trang có thể thay đổi theo thời gian, nên những gì bạn thấy có thể khác ghi chú ở đây.
Nếu bạn làm một portfolio 3D và thấy nó xứng đáng có mặt ở đây, hoặc bạn đã có tên và muốn được gỡ ra hay sửa thông tin, hãy viết tới support@perlink.to.