Bộ 3 - Bộ 30+ câu hỏi trắc nghiệm online Đồ họa Web có đáp án. Cùng rèn luyện kiến thức ngay nhé.
1. Kỹ thuật nào cho phép bạn tạo ra một hiệu ứng đổ bóng phức tạp hơn bằng cách sử dụng nhiều lớp bóng?
A. Box-shadow
B. Text-shadow
C. Drop-shadow
D. Multiple shadows
2. Công cụ nào thường được sử dụng để tạo 'image sprites'?
A. Bất kỳ phần mềm chỉnh sửa ảnh nào
B. Chỉ Adobe Photoshop
C. Chỉ Adobe Illustrator
D. Chỉ các công cụ trực tuyến chuyên dụng
3. Trong thiết kế web, đơn vị nào thường được sử dụng để chỉ kích thước tương đối so với kích thước phông chữ gốc của phần tử?
A. Pixels (px)
B. Points (pt)
C. Ems (em)
D. Inches (in)
4. Trong thiết kế web, 'viewport' đề cập đến cái gì?
A. Phần hiển thị của trang web trên màn hình
B. Kích thước của trình duyệt
C. Kích thước của hình ảnh
D. Độ phân giải màn hình
5. Thuật ngữ nào mô tả việc tối ưu hóa hình ảnh để hiển thị tốt trên nhiều loại thiết bị và độ phân giải khác nhau?
A. Responsive Images
B. Vector Graphics
C. Rasterization
D. Image Compression
6. Khi nào thì nên sử dụng hình ảnh GIF thay vì JPEG hoặc PNG?
A. Khi cần hình ảnh có độ phân giải cao
B. Khi cần hình ảnh có nhiều màu sắc
C. Khi cần hình ảnh động đơn giản
D. Khi cần hình ảnh trong suốt phức tạp
7. Kỹ thuật nào giúp giảm kích thước file SVG mà không ảnh hưởng đến chất lượng hiển thị?
A. Rasterization
B. Minification
C. Lossy Compression
D. Image Resizing
8. Loại hình ảnh nào thường được sử dụng cho các hình ảnh phức tạp với nhiều màu sắc và chi tiết, như ảnh chụp?
A. GIF
B. PNG
C. JPEG
D. SVG
9. Trong typography, 'tracking' đề cập đến điều gì?
A. Khoảng cách giữa các dòng văn bản
B. Khoảng cách giữa tất cả các ký tự trong một từ hoặc một đoạn văn bản
C. Độ dày của phông chữ
D. Kiểu dáng của phông chữ
10. Kỹ thuật nào giúp đảm bảo rằng hình ảnh hiển thị sắc nét trên các thiết bị có mật độ điểm ảnh cao (ví dụ: màn hình Retina)?
A. Image Compression
B. Image Resizing
C. Using vector graphics
D. Using high-resolution images
11. Thuật ngữ 'leading' trong typography đề cập đến điều gì?
A. Khoảng cách giữa các ký tự
B. Khoảng cách giữa các dòng văn bản
C. Độ dày của phông chữ
D. Kiểu dáng của phông chữ
12. Định dạng hình ảnh nào không hỗ trợ ảnh động?
A. GIF
B. APNG
C. WebP
D. JPEG
13. Thuật ngữ 'color accessibility' đề cập đến điều gì?
A. Khả năng sử dụng màu sắc để trang trí trang web
B. Khả năng sử dụng màu sắc để tạo ra sự tương phản
C. Khả năng sử dụng màu sắc để truyền tải thông tin cho tất cả người dùng, bao gồm cả những người bị khiếm thị màu
D. Khả năng sử dụng màu sắc để tạo ra một bảng màu hài hòa
14. Định dạng hình ảnh nào là lựa chọn tốt nhất cho logo hoặc biểu tượng cần hiển thị sắc nét ở mọi kích thước?
A. JPEG
B. PNG
C. GIF
D. SVG
15. Kỹ thuật nào giúp giảm kích thước tệp hình ảnh mà không làm ảnh hưởng đáng kể đến chất lượng hình ảnh?
A. Image Optimization
B. Image Resizing
C. Image Cropping
D. Image Watermarking
16. Thuật ngữ nào mô tả bảng màu được thiết kế để sử dụng trong một dự án thiết kế web?
A. Color Palette
B. Color Wheel
C. Color Space
D. Color Profile
17. Thuật ngữ nào mô tả một hệ thống thiết kế trực quan, nhất quán và có thể tái sử dụng được sử dụng trong một dự án web?
A. Style Guide
B. Design System
C. UI Kit
D. Wireframe
18. Định dạng hình ảnh nào hỗ trợ độ trong suốt (transparency) tốt nhất cho web?
A. JPEG
B. GIF
C. PNG
D. BMP
19. Kỹ thuật nào cho phép bạn nhúng hình ảnh trực tiếp vào file HTML hoặc CSS dưới dạng chuỗi văn bản?
A. Image Sprites
B. Data URIs
C. Lazy Loading
D. Responsive Images
20. Loại hiệu ứng đồ họa nào thường được sử dụng để tạo sự chuyển động hoặc thay đổi trạng thái cho các phần tử trên trang web?
A. Transitions
B. Filters
C. Shadows
D. Gradients
21. Thuật ngữ nào mô tả quá trình chuyển đổi hình ảnh vector thành hình ảnh raster (pixel)?
A. Vectorization
B. Rasterization
C. Compression
D. Interpolation
22. Thuật ngữ 'kerning' đề cập đến điều gì trong typography?
A. Khoảng cách giữa các dòng văn bản
B. Độ dày của phông chữ
C. Khoảng cách giữa các ký tự
D. Kiểu dáng của phông chữ
23. Công cụ nào cho phép bạn kiểm tra độ tương phản màu sắc để đảm bảo tuân thủ các nguyên tắc về khả năng tiếp cận (accessibility)?
A. Color Picker
B. Contrast Checker
C. Color Palette Generator
D. Color Blender
24. Hiệu ứng nào thường được sử dụng để làm mờ dần một hình ảnh hoặc phần tử khi người dùng di chuột qua nó?
A. Opacity
B. Transition
C. Transform
D. Filter
25. Trong thiết kế web, 'contrast' (độ tương phản) đề cập đến điều gì?
A. Sự khác biệt về màu sắc, độ sáng hoặc sắc thái giữa các yếu tố
B. Kích thước của các yếu tố
C. Vị trí của các yếu tố
D. Số lượng các yếu tố
26. Loại hiệu ứng đồ họa nào thường được sử dụng để tạo cảm giác ba chiều cho các phần tử trên trang web?
A. Gradients
B. Shadows
C. Overlays
D. Filters
27. Thuật ngữ nào mô tả việc tải hình ảnh chỉ khi chúng xuất hiện trong viewport, giúp cải thiện hiệu suất trang web?
A. Image Optimization
B. Lazy Loading
C. Responsive Images
D. Progressive Loading
28. Loại phông chữ nào thường được sử dụng cho các tiêu đề và đoạn văn bản ngắn để tạo sự chú ý?
A. Serif
B. Sans-serif
C. Display
D. Monospace
29. Công cụ nào thường được sử dụng để tạo và chỉnh sửa hình ảnh vector cho web?
A. Adobe Photoshop
B. Adobe Illustrator
C. GIMP
D. Paint.NET
30. Thuật ngữ 'aspect ratio' đề cập đến điều gì trong đồ họa web?
A. Tỷ lệ giữa chiều rộng và chiều cao của hình ảnh
B. Số lượng màu sắc trong hình ảnh
C. Độ phân giải của hình ảnh
D. Kích thước file của hình ảnh
Võ Việt Hoàng SEO
Võ Việt Hoàng SEO