# 006: Chụp ảnh Điều hướng Chính - Thủ thuật CSS

Anonim

Chúng tôi bắt đầu thiết kế điều hướng cấp cao nhất (chính) của trang web. Chúng tôi đang bắt đầu với màn hình kích thước máy tính để bàn (với chiều rộng tùy ý được thừa nhận) nhưng chúng tôi không lo lắng rằng điều hướng sẽ gặp bất kỳ vấn đề nào khi thích ứng với màn hình nhỏ.

Chúng tôi quyết định rằng các biểu tượng là một thứ khá thú vị khi sử dụng để phân biệt trực quan các liên kết điều hướng với nhau. Những hình ảnh đã qua sử dụng được thiết kế cuối cùng, nhưng chúng tôi sẽ thông minh và sử dụng phông chữ biểu tượng. Chúng tôi sẽ tìm hiểu thêm về vấn đề đó trong video tiếp theo.

Tổ chức của các lớp Photoshop bắt đầu xảy ra. Đây là điều mà chúng tôi sẽ phải chú ý trong suốt quá trình thiết kế để giữ cho sự tỉnh táo về Photoshop của chúng tôi!

Các liên kết điều hướng trên cùng được phủ bóng phần nào được lấy cảm hứng từ Kindle Fire của tôi. Trình duyệt trên đó có các tab có một cái bóng rất mạnh bên dưới chúng vào tab tiếp theo. Nó trông không “thật”, nhưng tôi thích nó.