Thích ứng với giao diện người dùng iOS 7: Menu Side

Một trong những triển khai phổ biến nhất quan điểm đơn đã được các "mặt ngăn kéo", "tầng hầm", hay "trình đơn phụ" được phổ biến trong các ứng dụng như Facebook và đường dẫn.

Khi một người dùng vòi các "Hamburger" biểu tượng để mở một trình đơn phụ, các slide màn hình chính bên phải (hoặc trái tại một số triển khai) để lộ một màn hình bên dưới.
Xem thêm: thiet ke website o tphcm

Điều này hoạt động tốt trong iOS 6 trở về trước hệ điều hành vì thanh trạng thái tồn tại trong một khu vực cao 20pt bị cô lập với phần còn lại của ứng dụng. Trong iOS 7, thanh trạng thái được phủ lên trên màn hình bên dưới. Nói cách khác, các ứng dụng và thanh trạng thái không còn là hai thế giới riêng biệt, như đã thấy trong iOS 6 thay đổi này sử dụng nhiều không gian màn hình nhưng trình bày một vấn đề thú vị khi thực hiện một trình đơn phụ.

Vấn đề

Bởi vì các thiết lập mới này, các nhà thiết kế đã có để đến với một cách để hiển thị một menu cấp cao nhất mà không cần cắt thanh trạng thái với một lớp chồng lên lớp khác. Nếu nhà phát triển đã thực hiện thanh bên trong phong cách cũ họ sẽ phải nghỉ ngơi dọc qua các thông tin trên thanh trạng thái.

Nhà thiết kế của chúng tôi tại hai lò nướng bánh đầu tiên gặp phải thách thức này trong khi giúp đỡ một khách hàng, Luvocracy , thiết kế lại ứng dụng của họ cho iOS 7 trước khi nó đã công khai đưa ra. Nhiều người trong số các quyết định thiết kế được thực hiện cho phiên bản iOS 6 đã được thực hiện dễ dàng hơn hay iOS 7 hài lòng hướng dẫn thiết kế . Các menu bên , tuy nhiên, đã thám hiểm iOS 7 lãnh thổ, không có cách tiếp cận rõ ràng đúng hay sai.

Chúng tôi nhìn thấy một cơ hội duy nhất để tìm một cách thông minh thực hiện các menu bên

Mặc dù không có giải pháp rõ ràng hơn, chúng ta đã thấy một cơ hội duy nhất để tìm một cách thông minh thực hiện các trình đơn phụ. Làm việc với Luvocracy, chúng tôi trở lại bàn vẽ và thu thập cảm hứng từ cộng đồng thiết kế và của Apple yếu tố giao diện người dùng tự nhiên 's trong iOS 7.

Inspiration

Những nơi đầu tiên chúng tôi quay sang cộng đồng là thiết kế như Dribbble . Trước khi iOS 7 đạt công chúng, các nhà thiết kế trên Dribble được chơi đùa với menu bên ý tưởng thực hiện. Nhà thiết kế của chúng tôi tình cờ gặp một vài họ cảm thấy là kiểu dáng đẹp và cũng đã sử dụng tốt trong rất nhiều các thuộc tính của iOS 7, chẳng hạn như xếp lớp và làm mờ. Các dự án bao gồm iOS 7 phong cách trình đơn lấy cảm hứng từ Creativedash và Side menu khái niệm từ Jayson ngõ chứng minh lớp và mờ.

Trong khi Apple không trực tiếp chứng minh làm thế nào để thực hiện một menu bên trong iOS 7, đã có một vài tín hiệu chúng tôi chọn ra trong giao diện người dùng tự nhiên của chúng và đưa vào thiết kế cuối cùng của chúng tôi. Cụ thể, quá trình chuyển đổi năng phóng to phía bên menu-một quá trình chuyển đổi nhìn thấy khắp nơi trên iOS 7, từ App Switcher, với nút home, để sự ra đời của ứng dụng
Sưu tầm: thiet ke website o Dong Nai.