Titikey
Trang chủMẹo hayHướng Dẫn Thực Tế: Làm Website Portfolio Với ChatGPT, Claude, Midjourney, Gemini Từ Ý Tưởng Đến Hình Ảnh

Hướng Dẫn Thực Tế: Làm Website Portfolio Với ChatGPT, Claude, Midjourney, Gemini Từ Ý Tưởng Đến Hình Ảnh

2/2/2026
实用技巧

Khi muốn tạo một website portfolio cho studio thiết kế, điều cản trở thường không phải là mã code, mà là "tôi thực sự muốn phong cách gì, cần những trang nào". Tôi thường sử dụng một quy trình bốn bước để giải quyết nhu cầu, nội dung, hình ảnh và triển khai cùng một lúc.

ChatGPT Chịu Trách Nhiệm Biến Ý Tưởng Thành Danh Sách Thực Thi

Tôi sẽ đưa ra một mục tiêu mơ hồ, như "chủ đề sóng nước màu xanh + tàu thuyền và tàu ngầm hoạt hình", để nó xuất cấu trúc trang web, nội dung mô-đun và điểm tương tác. Mẹo nhỏ: nhắc nó sử dụng tư duy KISS, đừng biến trang chủ thành một bài luận.

Claude Chịu Trách Nhiệm Viết Nhu Cầu Như Tài Liệu Giao Hàng

Claude rất phù hợp để sắp xếp các yêu cầu như "Bento Grid nền đen + màu nổi bật #2657FD, số siêu lớn, hiệu ứng cuộn kiểu Apple, Framer Motion và Tailwind CDN" thành các thông số kỹ thuật mà nhà phát triển có thể hiểu, đồng thời bổ sung điều kiện biên, như đừng lạm dụng gradient, đừng dùng emoji làm biểu tượng chính.

Midjourney Chịu Trách Nhiệm Định Hướng Tài Sản Hình Ảnh Nhanh Chóng

Tôi sẽ để nó tạo hai loại hình ảnh: một là hình minh họa chính KV (tàu thuyền / tàu ngầm / nhân vật hoạt hình không gian), và một là các yếu tố nhỏ phác thảo để trang trí. Đầu tiên tạo lưới 9 ô để tìm hướng đi, sau đó phóng to và tinh chỉnh cục bộ, nếu không bạn sẽ bị mắc kẹt trong vòng lặp "chỉ còn một chút nữa".

Gemini Chịu Trách Nhiệm Đối Chiếu Kiểm Tra Và Bổ Sung Khiếm Khuyết

Tôi thích sử dụng Gemini để "kiểm tra trải nghiệm": để nó đứng từ góc độ khách truy cập tìm lỗi, kiểm tra xem thông tin có cụ thể không, có thể kéo dài cuộc trò chuyện không (đừng chỉ viết những câu sáo rỗng như "tốt"), sau đó cung cấp cho bạn một phiên bản giới thiệu và FAQ giống như được viết bởi người thật hơn.

Lời Phàn Nàn Nhỏ Của Tôi

Hãy nhớ cố định cài đặt mô hình mặc định của bạn, nếu không khi chuyển đổi qua lại giữa các mô hình, chủ đề mới đột nhiên "mất trí nhớ" thực sự rất phiền phức.

Nếu bạn muốn áp dụng trực tiếp quy trình này vào dự án của mình, để tránh đi đường vòng, hãy đến Titikey xem các công cụ và mẫu tôi đã tổng hợp, sẽ tiết kiệm nhiều thời gian.

Trang chủCửa hàngĐơn hàng