Làm thế nào để tạo một nút hai trạng thái đơn giản trong pháo hoa

Một nút hai nhà nước là nút Pháo hoa mặc định. Bạn tạo đồ họa và văn bản cho State 1, đó là nội dung mà người xem sẽ thấy khi trang tải ban đầu. Sau đó, bạn sửa đổi đồ hoạ tương tự cho State 2, đó là những gì người dùng nhìn thấy khi di chuột qua nút. Các đồ họa khác nhau là một giveaway chết rằng cái gì sẽ xảy ra khi nút được nhấp vào.

Trước khi bạn có thể tạo bất kỳ nút nào trong Fireworks, hãy tìm ra kích thước nào để tạo nó. Khi bạn quyết định tạo một trang web, bạn thực hiện một số quy hoạch. Cho dù bạn sử dụng phương pháp nào, bạn biết có bao nhiêu khu vực mà bạn đã ủy nhiệm để điều hướng.

Nếu bạn chỉ có một vài liên kết, bạn có thể sử dụng menu điều hướng ngang. Nếu bạn có rất nhiều liên kết, tuy nhiên, bạn cần một menu dọc. Sau khi bạn gặp và tạo một mockup cho khách hàng của bạn, bạn nên biết tiêu đề cho mỗi nút. Nút của bạn phải lớn hơn một chút so với tiêu đề dài nhất. Với tất cả các tính toán, bạn đã sẵn sàng tạo ra một nút hai trạng thái như sau:

1Chọn Chỉnh sửa → Chèn → Nút Mới.

Trình biên tập nút sẽ xuất hiện, với (than thở) chỉ có các nguyên tắc để đưa đồ họa nút. Nhiệm vụ của bạn, nếu bạn quyết định chấp nhận nó, là điền vào biểu tượng nút có hình dạng và văn bản.

2Chọn công cụ vẽ của bạn lựa chọn và tạo một hình dạng trên tài liệu.

Sự lựa chọn hợp lý là công cụ Chữ nhật. Nếu bạn đang tạo một nút hình bầu dục, bạn có thể chọn công cụ Rectangle và sau đó sử dụng tham số Roundness trong Inspector Properties để xoay quanh các góc của hình chữ nhật.

3Trong Inspector Properties, xác định độ rộng và chiều cao của nút và các thông số khác, chẳng hạn như màu sắc nét và màu tô.

Hình vẽ cho thấy một nút đang được xây dựng.

4Nút nút vào nút.

Để căn giữa nút, kéo nút về phía trung tâm của tài liệu cho đến khi bạn nhìn thấy một hình chữ thập dọc và ngang xuất hiện ở giữa hình vẽ.

5Chọn công cụ Văn bản. Trong Inspector Properties, xác định các tham số cho các văn bản nút.

Verdana và Arial là hai lựa chọn tốt cho mặt chữ. Chọn màu sắc hài hòa với thiết kế của bạn. Kích thước phông chữ tùy thuộc vào kích cỡ của nút.

6Tìm văn bản mong muốn trên nút. Chọn văn bản và biểu tượng nút và sau đó chọn Window → Align.

Bảng điều chỉnh sẽ xuất hiện.

7Align các văn bản để nút bằng cách nhấp vào biểu tượng mong muốn.

Trong hầu hết các trường hợp, bạn sẽ muốn văn bản được căn giữa đến nút giữa, và bạn cũng có thể thực hiện bằng cách chọn văn bản bằng công cụ Pointer và kéo nó về phía trung tâm của tài liệu cho đến khi một đường chéo ngang và ngang xuất hiện.Tuy nhiên, bạn có thể muốn căn chỉnh văn bản sang trái, phải, trên cùng, hoặc dưới cùng của hình dạng. Để đạt được kết quả này, bạn sử dụng bảng Align.

8Chọn Chọn → Chọn Tất cả.

Nếu bạn thích chúng tôi và như phím tắt, chỉ cần nhấn Ctrl + A (Windows) hoặc Apple + A (Mac) thay thế. Chọn tất cả mọi thứ giúp bạn dễ dàng sao chép đồ họa và văn bản sang trạng thái khác.

9Chọn Window → States.

Hoa các bảng điều khiển sẽ mở ra trong bảng điều khiển docker.

10 Nhấp chuột phải (Windows) hoặc Control-click (Mac) State 1 để hiển thị menu ngữ cảnh và sau đó chọn Copy to States.

Hộp thoại Copy to States sẽ mở ra. Theo mặc định, tất cả các Quốc gia được chọn.

11Chọn nút radio Trạng thái Tiếp theo và nhấp OK.

Bạn có một bản sao carbon của hình dạng và văn bản ở Trạng thái 2, đó là đồ họa mà người dùng thấy khi họ tạm dừng chuột qua nút.

12Xóa trạng thái 2 và sau đó sửa đổi hoặc thay đổi đồ họa mà bạn đã sao chép từ trạng thái 1.

Tất nhiên, bạn có thể đi với một hình dạng khác, nhưng điều đó không thực tế đối với nút menu điều hướng thông thường. Bạn sửa đổi nút bằng cách thay đổi màu sắc và / hoặc văn bản. Đối với một trang web thông thường, thay đổi màu sắc của văn bản.

13Nhấp vào nút Quay lại để trở lại cửa sổ chính.

Nút được thêm vào thiết kế của bạn.