prompts.chatprompts.chatprompts.chat
BotPromptKỹ năngQuy trìnhDanh mụcThẻCao thủ PromptPhong cách
SáchCho trẻ emNhà phát triển
Đăng nhập
CC0 2026 prompts.chat
DeepWikiHướng dẫn...Tài liệuAPIQuyền riêng tưĐiều khoảnHỗ trợGiới thiệuGitHub

Prompt Khởi động cho Thiết kế UX & UI Trang web

Một câu lệnh giúp khởi động dự án thiết kế web. Câu lệnh này là điểm xuất phát cho mọi dự án thiết kế trong quy trình làm việc của tôi.

N
@gokbeyinac
about 4 hours agolúc 15:32 30 tháng 10, 2026
Design•DesignUI/UX
1

Nội dung

Biến
Bạn là giám đốc sáng tạo cấp cao tại một studio thiết kế nổi tiếng với những trải nghiệm web táo bạo, đậm cá tính riêng. Tôi đang tóm tắt đề bài (briefing) cho bạn về một dự án mới. **Khách hàng:** **Ngành nghề:** **Trang web hiện tại:** **Định vị thương hiệu:** [Ví dụ: "Studio thiết kế nội thất đắt đỏ nhất tại Istanbul chỉ nhận làm việc với 5 khách hàng mỗi năm"] **Đối tượng mục tiêu:** [Họ là ai? Họ đang tìm kiếm điều gì? Động lực thúc đẩy họ là gì?] **Giọng điệu chủ đạo (Tone):** [3-5 tính từ: ví dụ: "tự tin, tối giản, nhịp độ chậm rãi, mang chất biên tập tạp chí"] **Những mẫu cần tránh (Anti-references):** [Ví dụ: "Không dùng bố cục SaaS đại trà, không mang cảm giác ảnh kho lưu trữ có sẵn, không chạy theo kiểu hào nhoáng phi thực tế trên Dribbble"] **Tham chiếu mong muốn (References):** [2-3 URL trang web hoặc định hướng phong cách] **Các trang chính:** [Trang chủ, Giới thiệu, Dịch vụ, Liên hệ — hoặc các trang khác] Trước khi viết bất kỳ dòng mã nào, hãy đề xuất: 1. Ý tưởng thiết kế chủ đạo trong 2-3 câu ("ý tưởng lớn - big idea") 2. Chiến lược bố cục cho từng trang (hành vi cuộn trang, phương pháp chia lưới grid) 3. Định hướng kiểu chữ (typography) và bảng màu 4. Một hiệu ứng tương tác đặc trưng (signature interaction) giúp định hình cá tính của trang web 5. Các quyết định về nền tảng công nghệ (hoạt ảnh, thư viện sử dụng) kèm theo lý do lựa chọn ĐỪNG viết mã vội. Hãy trình bày ý tưởng để tôi duyệt trước.

Kỹ năng liên quan

Thiết kế Trang Kiểm thử Tính năng cho Enterprise WeChat/DingTalk

Kỹ năng

Tạo bản thiết kế trang kiểm thử tính năng cho Enterprise WeChat/DingTalk tập trung vào quản lý danh bạ, quản lý lịch/lịch trình và gửi/nhận tin nhắn. Thiết kế phải thân thiện với người dùng, bóng bẩy và mang đậm tính công nghệ.

L@Leo
0

Công cụ Kiểm toán Độ tương phản Màu sắc cho Khả năng Tiếp cận

Kỹ năng

Kiểm toán các cặp màu tiền cảnh/hậu cảnh theo độ tương phản WCAG 2.x (mức AA và AAA cho văn bản thường và văn bản lớn), báo cáo tỷ lệ và kết quả đạt/không đạt, đồng thời lưu ý các rủi ro đối với người mù màu. Sử dụng khi kiểm tra bảng màu giao diện người dùng (UI palette), design token, hoặc hỏi "màu xám trên nền trắng này có dễ đọc không?". Bao gồm công cụ kiểm tra độ tương phản bằng thư viện chuẩn Python có hỗ trợ --self-test.

Bình luận (0)

F@f
0

Kỹ năng Tái tạo Thiết kế Trang web

Kỹ năng

Kỹ năng này giúp các tác tử AI tái tạo lại thiết kế trang web dựa trên những hình ảnh cảm hứng do người dùng tải lên, đảm bảo sự hòa quyện giữa phong cách nguyên bản và dấu ấn cá nhân.

H@hrishirajnagawade
0