Thời gian vừa qua khi lướt trên các trang web về design để tìm ý tưởng mới cho hệ thống, mình bắt gặp rất nhiều giao diện đúng kiểu "đơn giản mà đẹp", nhìn vào chỉ muốn tải về để code ngay cho trang web của mình. Nhưng khi tự mình thiết kế thì "ối dồi ôi" sao mình có thể thiết kế xấu đến như vậy.
Do đó, mình quyết định tìm hiểu vài đường cơ bản để có thể design cho chính trang web Ngontumathuat này. Cuối cùng ông trời cũng không phụ lòng người, mình đã tìm ra chân ái của cuộc đời, đó chính là cuốn RefactoringUI của nhà Tailwindcss.
Cuốn sách không chỉ dành cho dân design mà còn phù hợp với cả các developer muốn tự design cho trang web của chính mình. Cuốn sách là tổng hợp những kiến thức, kinh nghiệm và cả các mẹo trong thiết kế giao diện, không quá đào sâu lý thuyết và còn bao gồm rất nhiều hình ảnh minh họa.
Dưới đây là bản dịch Tiếng Việt của cuốn sách. Nếu có điều kiện các bạn có thể tìm mua để ủng hộ tác giả tại: https://www.refactoringui.com/
Nội dung chính
I. Bắt đầu từ số 0 tròn trĩnh
1. Bắt đầu từ tính năng, không phải từ bố cục
2. Hãy để các chi tiết lại sau
3. Đừng thiết kế quá nhiều
4. Chọn cho mình một phong cách
5. Giới hạn sự lựa chọn
II. Hệ thống phân cấp
1. Không phải tất cả các phần tử đều như nhau
2. Kích thước không phải là tất cả
3. Đừng sử dụng văn bản màu xám trên nền màu
4. Nhấn mạnh bằng cách giảm nhấn mạnh
5. Labels là phương án cuối cùng
6. Hệ thống phân cấp trực quan riêng biệt với hệ thống phân cấp tài liệu.
7. Cân bằng giữa trọng lượng và độ tương phản.
8. Ngữ nghĩa chỉ là thứ yếu
III. Bố cục và khoảng cách
1. Bắt đầu với quá nhiều khoảng trắng
2. Xây dựng khoảng cách và kích thước hệ thống
3. Bạn không nhất thiết phải lấp đầy cả màn hình
4. Thiết kế lưới được đánh giá rất cao
5. Kích thước tương đối không chia tỷ lệ
6. Tránh khoảng cách không rõ ràng.
... Các chương tiếp theo sẽ được cập nhật tại đây ...