giao diện iPhone X

Nhà thiết kế website cần phải chỉnh sửa để thích nghi với giao diện iPhone X

Sự ra đời của iPhone X đang khiến cộng đồng công nghệ chao đảo, bởi ai cũng muốn được sở hữu chiếc smartphone sành điệu và đẳng cấp nhất hiện nay. Tuy nhiên điều này cũng khiến các nhà thiết kế website phải “trăn trở”, lý do vì họ sẽ phải tốn thêm một chút công sức mới có thể phù hợp với giao diện mới của iPhone X.

giao diện iPhone X

Chiếc điện thoại mới nhất của Apple được thiết kế không viền màn hình, do đó đã để lại một cái rãnh ở cạnh trên của máy, nơi đặt cụm cảm biến Face ID và camera trước. Tuy nhiên, điều này lại kéo thêm “phiền phức” cho những nhà phát triển ứng dụng website trên smartphone. Lý do là khi sử dụng iPhone X ở chế độ màn hình nganh, cái rãnh này đã vô tình che đi một phần màn hình hiển thị của ứng dụng và các trang web. Rất nhiều nhà phát triển đã tìm cách để thích nghi với cái rãnh này, bằng cách tùy biến giao diện cho lui vào trong một ít. Có người còn biến cái rãnh này thành một phần giao diện để có thể kéo ra và xuất hiện các tùy chọn.

Mới đây, Apple đã chính thức đưa ra hướng dẫn cho các nhà lập trình web với mong muốn giúp họ thích nghi được với màn hình của chiếc iPhone X. Bằng công cụ Webkit, Apple đã bổ sung các đoạn code và kỹ thuật để giúp giao diện mới của các trang web sẽ không bị ảnh hưởng bởi thiết kế cái rãnh trên iPhone X.

Nhờ công cụ này mà các nhà thiết kế website đã có thể tận dụng khoảng trống hai bên trên màn hình iPhone X, nội dung chính đảm bảo không bị che khuất bởi cái rãnh. Các nhà thiết kế sẽ thoải mái hiển thị những nội dung mà mình muốn truyền tải cho khách hàng. Mặc dù điều này sẽ gây tốn sức hơn cho những nhà thiết kế website, tuy nhiên người sử dụng sẽ được trải nghiệm mọi thứ một cách hoàn hảo nhất.