# 006 - Photoshopping Mobile, Phần 2 - Thủ thuật CSS

Anonim

Chúng tôi đã có sẵn "tiêu đề" của thiết kế, chúng tôi chỉ cần tìm ra phần còn lại của trang. Chúng tôi có một danh sách các mục tiêu quan trọng nhất mà chúng tôi đang cố gắng hoàn thành, vì vậy điều đó sẽ giúp chúng tôi định hướng cho chúng tôi. Về cơ bản, một tập hợp các liên kết (“điều hướng chính”) sẽ phục vụ chúng ta tốt.

Ví dụ, chúng ta cần giới thiệu bài viết của Jeff. Một liên kết đến blog có ý nghĩa tốt. Không có ý nghĩa gì khi làm cho nó nhỏ bé. Chúng tôi đang làm việc với các màn hình nhỏ ở đây nên chúng tôi đã tạo một liên kết thanh có chiều rộng đầy đủ lớn và rõ ràng. Một chút gradient cung cấp cho nó một số chiều (có thể đẩy) và tách nó khỏi thanh trượt ở trên. Nếu có bất kỳ nghi ngờ nào, biểu tượng mũi tên bán khả năng nhấp (hoặc nhấn).

Bởi vì chúng tôi đã sử dụng một gradient cho liên kết, nhiều nút bên dưới nó đã được tách ra khỏi nút phía trên nó. Chúng tôi có thể tiếp tục tạo các liên kết xuống trang cho đến khi chúng tôi có tất cả các lĩnh vực chính. Đừng lạm dụng nó, nhưng 4-5 cái sẽ ổn. Và thực tế là "nếp gấp" xảy ra ngay giữa một liên kết thanh là rất tốt. Cũng giống như các trang trình bày bị treo ra khỏi các cạnh của màn hình, có một liên kết bị treo ở phía dưới khiến bạn có thể cuộn xuống rõ ràng.

Chân trang sẽ đơn giản nhất có thể. Chỉ là một liên kết bản quyền và một số nội dung trên mạng xã hội. Mọi người đều biết liên kết có nội dung “Twitter” hoặc “Facebook” nghĩa là gì.