Làm cách nào để mô tả đoạn đường nối từ góc nhìn 2D từ trên xuống?


7

Tôi đang viết một ứng dụng Android và không thể tìm ra cách hiển thị đoạn đường nối (có thể là một vết sưng, như vết sưng tốc độ, nhưng tốt nhất là đường dốc) từ vie 2d từ trên xuống


5
Đây là một bên, thay vì một câu trả lời, nhưng trên một kế hoạch kiến ​​trúc, một mũi tên sẽ chỉ ra hướng lên trên một đoạn đường dốc hoặc cầu thang.
e100

@ e100 Tôi không thấy câu trả lời đầy đủ như thế nào. Bạn nên làm cho nó một. Trừ khi có thêm chi tiết được chỉ định trong câu hỏi, nó hoàn toàn hợp lý ..
naught101

Câu trả lời:


13

Tôi sẽ xem xét chỉ cần nghiêng dốc 1 hoặc 2 độ và cho nó một chút bóng mờ. Nó có thể không có thật, nhưng nó mang lại ảo ảnh về chiều sâu.

Điều quan trọng là sự chiếu sáng toàn cầu của bạn vẫn giữ nguyên. Điều này có nghĩa là bạn để bóng đổ theo cùng một cách và nguồn sáng của bạn được hướng theo cùng một cách. Nếu không, nó cảm thấy không đúng chỗ

Đây là một ví dụ đơn giản. Phần còn lại là tùy thuộc vào bạn :)

Chỉnh sửa: Tôi đã thêm một phiên bản hình thang để cho bạn thấy nó trông như thế nào. Mẹo tuyệt vời từ Abhranil Das, tôi đã bỏ qua viễn cảnh trong phần đó. Nó chỉ là một cải tiến nhỏ nhưng nó hoạt động rất tốt!

Dốc lên và một đoạn đường đầy đủ

nhập mô tả hình ảnh ở đây


Cũng lưu ý đường may tinh tế trong đoạn đường nối bên dưới (như bạn đã không đề cập đến nó. Tôi không biết liệu nó có thực sự có chủ ý hay không, nhưng nó làm cho đoạn đường nối trông thật hơn một chút).
Jari Keinänen

Đó là một tác dụng phụ không chủ ý của bóng đổ, nhưng bạn nói đúng, nó còn làm tăng thêm ảo ảnh. Nó cung cấp cho nó một số kết cấu nhiều hơn. Một lưu ý phụ: hiệu ứng chuyển màu cũng có thể được sử dụng mạnh hơn một chút kết hợp với một bóng mờ lớn hơn hoặc nhỏ hơn để tạo hiệu ứng mà bạn có thể hạ thấp hoặc nâng cao đoạn đường nối.
Roberto De Vivo

Hình thang hoạt động bởi vì nó tạo ra một viễn cảnh chính xác như nó sẽ có trong thực tế. Lý tưởng nhất, nếu có một số công cụ di chuyển đi qua nó, bạn nên tăng kích thước của đối tượng di chuyển khi nó cũng tăng cao hơn. Bạn có thể sử dụng hiệu ứng tương tự nếu nó chỉ là một bước nhảy.
Aᵂᴱ

đối với "vết sưng" trong câu hỏi, làm cho độ dốc dốc hơn (thay đổi nhanh hơn) về phía bên ngoài và phẳng hơn ở phía trên, nó sẽ trông tròn hơn rất nhiều. Bạn cũng có thể tắt đặt "trung tâm" về phía ánh sáng, nếu ánh sáng trong phần còn lại của ứng dụng đến từ một hướng duy nhất.
ness101

5

Tôi không phải là nhà thiết kế đồ họa, nhưng bạn đã nghĩ đến việc sử dụng gradient chưa? Ví dụ:

Ramp1 - gradient từ trái sang phải Đây có thể là đoạn đường nối tiêu chuẩn của bạn.

Ramp2 - gradient đối xứng Đây có thể là vết sưng tốc độ của bạn.

Rõ ràng, họ sẽ phải trông đẹp hơn thế này một chút. : P


Vâng, tôi đã sử dụng gradient cho các hố được nhảy qua, và sẽ sử dụng gradient cho việc này. Tôi đánh giá cao những hình ảnh, bạn có ý tưởng nào để làm cho nó trông đẹp hơn một chút không? Cảm ơn!
trang trại đà điểu

@farmostrich> Cung cấp cho nó một số chiều sâu, hoặc một ảo ảnh như vậy, sẽ là cách để đi. Xem câu trả lời của Roberto.
Buns Glazed

4

Hình ảnh của Roberto là đủ tốt, nhưng những gì tôi cảm thấy sẽ thêm vào hiệu ứng là nếu bạn sử dụng hình thang thay vì hình chữ nhật, với phần cuối rộng hơn biểu thị phần cuối là 'lên'. Tôi đoán rằng sẽ hoàn thành hiệu quả thỏa đáng.


Mẹo hay, tôi đã chỉnh sửa bài đăng của mình để hiển thị hiệu ứng
Roberto De Vivo
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.