Trên Medium có một anh chàng designer đã giải thích vì sao tai thỏ của iPhone X nhìn khác và dễ chịu hơn so với những đối thủ Android khác đã sử dụng lại thiết kế này. Kết quả này đến từ việc chăm chút đến từng góc bo nhỏ ở phần lõm của màn hình mà không phải hãng nào cũng để ý, và không phải nhà thiết kế nào cũng nhận ra.
Góc của bạn là gì?
Khi bạn bắt đầu thiết kế những thứ như thế này, cách dễ nhất là làm cho tất cả mọi góc đều vuông hết. Vì các máy móc, công cụ sản xuất đang được điều chỉnh để làm ra những tấm màn hình vuông nên nếu bạn giữ cho mọi góc cạnh đều chặt góc hết thì sẽ không phải tốn nhiều chi phí thay đổi thiết bị, ít bị rào cản hơn khi đưa vào sản xuất số lượng lớn.
Ai cũng biết cách làm góc vuông hết. Các nhà thiết kế không cần phải tính toán gì cả, kĩ sư cũng ít phải tính hơn, và các nhà máy cũng biết rõ họ cần làm gì hơn.
Để xem thử một thiết kế toàn góc cạnh thì sẽ như thế nào nhé.
Nhìn thấy ghê, giống như một hình vuông kì dị nào đó trong mấy trò chơi game 8-bit ngày xưa.
Khi Apple đặt ra mục tiêu màn hình tràn khắp mặt trước, họ biết chắc rằng sẽ phải làm gì đó can thiệp vào quy trình sản xuất, chẳng cách nào có thể dùng những quy trình và máy móc có sẵn. Đây là một cách rất đắt tiền, tốn nhiều thời gian và đẩy giá thành sản xuất lên cao.
Vẫn còn nhiều cách khác để làm tai thỏ, thử xem thế nào. Không tai thỏ thì tai dơi, tai gấu gì đó cũng được.
Và đây là giải pháp mà Apple chọn.
Các góc bo cực nhỏ
Đây là lúc mà chỉ những người tinh mắt mới thấy được. Các góc bo trên tai thỏ của iPhone X không sử dụng những phương thức bo góc bình thường trong ngành thiết kế (sử dụng một đường thẳng để cắt hình tròn ra thành hình cánh cung). Ở đây Apple sử dụng thứ phức tạp hơn, một kĩ thuật được gọi là squircle, trong đó đường bo bắt đầu sớm hơn nhưng dịu nhẹ hơn.
Sự khác biệt rất khó để ý nếu chỉ nhìn vào màn hình của iPhone X, nhưng trong ảnh GIF bên dưới bạn sẽ thấy được sự khác biệt và cảm giác mà nó mang lại.
Thực ra Apple đã bắt đầu làm trò bo góc này từ nhiều năm rồi, trên chiếc iMac chứ chẳng xa lạ gì đâu. Còn trên điện thoại, mãi tới iOS 7 Apple mới bắt đầu áp dụng cho các icon của ứng dụng. Đây cũng là lý do vì sao Apple đặt ra yêu cầu rất cụ thể cho app icon khi nhà phát triển đăng app của mình lên cửa hàng trực tuyến của hãng. Hình này rất khó vẽ, các công cụ thiết kế 2D không dễ dàng vẽ ra đường như thế này (nhưng giờ đã dễ thở hơn). Bạn có thể đọc kĩ hơn trong bài này.
Tai thỏ
Giờ hãy nói về chính cái tai thỏ này. Mỗi bên trái và phải của nó có 2 đường bo: bo ngay cạnh, và bo cong xuống bên dưới. Nhìn 2 đường cong này không tách biệt nhau, thay vào đó chúng hòa trộn với nhau rất tốt vì đường cong phía trên sẽ không chấm dứt trước khi đường cong bên dưới bắt đầu. Kết quả mà các nhà thiết kế của Apple đạt được đó là không có bất kì đường tiếp tuyến thẳng đứng nào xuất hiện (đường tiếp tuyến của một đường cong tại một điểm bất kì thuộc đường cong là đường thẳng chỉ "chạm" vào đường cong duy nhất tại điểm đó).
Hmmm....
Các bản mẫu hình ảnh iPhone X mà người ta đăng trên mạng (chủ yếu để lập trình viên lồng screenshot của app vào) chưa có cái nào mô phỏng lại 100% hình dạng của tai thỏ này, có thể vì quá khó để vẽ hoặc họ không phát hiện ra điều này. Đây là lý do vì sao bạn nên dùng các hình mẫu do Apple cung cấp vì Apple làm cái này rất chuẩn.
Chắc là những phiên bản iPhone kế tiếp sẽ lại thay đổi những chi tiết trên, thật thú vị để xem xem các cảm biến phần cứng sẽ có ảnh hưởng như thế nào tới thiết kế.
Nhìn tổng quan thì những chi tiết như thế này rất nhỏ, nhưng nhìn từ góc của người làm design thì đây thật sự là một thứ tốt. Ngay cả khi các nhà thiết kế quyết làm thì đa số những công ty khác sẽ không đầu tư thời gian, tiền bạc để làm theo.
Cập nhật công nghệ từ Youtube tại link: https://www.youtube.com/channel/UCOxeYcvZPGf-mGLYSl_1LuA/videos
Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com
Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com
