iOS Design Guidelines (phần 2)
Tab Bar
Tab bar cho phép người dùng nhanh chóng điều hướng thông qua các views riêng biệt của app và nó cũng chỉ nên dùng cho mục đích này. Tab bar luôn xuát hiện ở cuối cùng ở màn hình. Theo mặc định, tab bar trong suốt 1 chút và sử dụng cùng 1 hệ thống làm mờ cho nội dung bên dưới như navigation bar.
Table View
Table views được dùng để hiện thị số lượng từ nhỏ đến lớn danh ssch các thông tin trong 1 hoặc nhiều cột và với lựa chọn chia nhiêu hàng thành những sections riêng biệt hoặc nhóm chúng lại. Có 2 loại table view căn bản, phụ thuộc vào loại dữ liệu bạn đang thể hiện.
- Plain
Một table trơn gồm nhiều hàng có thể có header ở trên và 1 footer ở sau hàng cuối. Nó có thể hiển thị điều hướng ngang bên phải màn hình để điều hướng xuyên suốt bảng, đều này phù hợp khi hiển thị lượng dữ liệu lớn và phân loại được (theo abc..)
- Grouped
Một table được nhóm cho phép bạn sắp xếp các hàng trong nhóm. Mỗi nhóm có thể có 1 header (dùng để miêu tả bối cảnh của nhóm) cũng như footer (hỗ trợ tốt cho text..). Một table được nhóm lại cần chứa ít nhất 1 nhóm và mỗi nhóm cần chứa ít nhất 1 hàng. Cho cả 2 loại table view, một số phong cách có sẵn dùng để hiển thị dữ liệu theo cách mà người dùng dễ dàng tìm kiếm, đọc và sửa đổi.
- Default
- Với phụ đề
- Với giá trị
Định dạng table giá trị cho phép bạn hiển thị giá trị cụ thể liên quan đến tiêu đềhàng. Tương tự như định dạng mặc định, mỗi hàng có một hình ảnh và một tiêu đề đều có thể căn chỉnh về bên trái. Tiêu đề được theo sau bởi nhãn căn chỉnh bên phải dành cho giá trị, thường đượ hiển thị trong màu text dịu màu hơn tiêu đề.
Modals, Popovers và Alerts
iOS cung cấp nhiều phong cách views tạm thời đa dạng, có thể hiển thị, chỉnh sửa và vận dụng dữ liệu 1 cách phù hợp nhất. Trong khi mỗi khung hình tạm thời tồn tại đều có mục đích cụ thể và đều khác biệt, tất cả các khung hình tạm thời vẫn có 1 điểm chung: Khi được hiển thị, chúng có chỉ số layer cao nhất trên khung hình hiện tại (chúng thường xuất hiện ở đầu mọi thứ khác), và nội dung bên dưới bị che phủ bởi background đen trong suốt.
- Activity View
Một activity view được sử dụng để thực hiện các nhiệm vụ chuyên biệt. Những nhiệm vụ này có thể là nhiệm vụ mặc định của hệ thống như chia sẻ nội dung qua các lựa chọn có sẵn hoặc có thể hoàn toàn là hành động tùy chỉnh. Khi thiết kế icons cho các buttons nhiệm vụ tùy chỉnh, bạn nên làm theo những hướng dẫn tương tự dành cho trạng thái động của icons bar button – fill toàn bộ, không hiệu ứng trên background trong suốt.
- Actions
- Alerts
- Chỉnh sửa menu
- Popover
- Modals
- một tiêu đề để miêu tả nhiệm vụ;
- một button để đóng modal mà không tiết kiệm hoặc thực hiện bất kì hành động nào khác;
- một button để lưu hoặc đề xuất thông tin được nhập bất kì; và
- nhiều yếu tố khác nhau cho input người dùng trong khung chinh của modal.
Có 3 phong cách modal khác nhau có sẵn:
- Toàn màn hình: che toàn bộ màn hình
- Page sheet: Trong trạng thái chân dung, modal bao phủ 1 phần nội dung bên dưới, để một phần nhỏ của màn hình mẹ có thể thấy được dưới màn hình đen trong suốt. Trong trạng thái landscape, modal của page sheet sẽ hoạt động như modal toàn màn hình.
- Form sheet: Trong trạng thái chân dung, modal xuất hiện ởtrung tâm màn hình, giữ nội dung xung quanh của màn hình mẹ có thể thấy được dưới màn hình trong suốt đen. Vị trí của moda điều chỉnh tự động khi 1 bàn phím cần hiển thị. Trong trạng thái landscape, page sheet sẽ hoạt động như modal toàn màn hình.
Controls
iOS cung cấp phạm vi rộng các control cho bất kì loại input cần có căn bản mà bạn có thể nghĩ tới. Danh sách bên dưới gồm các control quan trọng nhất (được sử dụng thông dụng) nhưng bạn có thể xem iOS Developer Library để xem danh sách đầy đủ các control có sẵn
Buttons
Có khả năng là phần lớn các control được sử dụng là button cũ sử dụng tốt. Kể từ iOS 7, thiết kế button mặc định không thực sự giống button nữa, mà giống text link đơn thuân hơn. Button control được tùy chỉnh cao và cho phép bạn thiết kế mọi thứ từ text style, thả bóng và màu sắc đến 1 icon đã được thêm vào trước hoặc đặt trung tâm nếu không có text label, cũng như background tùy chỉnh toàn bộ. Lưu ý rằng một button có thể có nhiều trạng thái, và chúng nên được tương tác với ngôn ngữ trực quan: mặc định, được highlight, được lựa chọn và được vô hiệu.
- Pickers
- Các control segment
- Sliders
- Stepper
– nếu bạn muốn đi xa hơn, bạn có thể sử dụng các hình ảnh nền tùy chỉnh hoàn toàn dành cho các stepper button cũng như cho separator.
- Switch
Một switch cho phép người dùng chuyển đổi nhanh chóng giữa 2 trạng thái: on và off. Đó là checkbox của app iOS. Bạn có thể tùy chỉnh màu sắc cho trạng thái on và off, nhưng hiển thị của button chuyển đổi và kích thước của switch là cố định và không thể thay đổi.
Bàn phím
Có nhiều loại keyboard đa dạng có sẵn để cung cấp bàn phím tốt nhất có thể cho input text cụ thể. Tuy bạn có thể xây dựng keyboard tùy chỉnh hoàn toàn riêng của bạn, các keyboards mặc định không thể thay đổi phong cách hoặc kích thước.
Các nguồn khác
Những hướng dẫn này mới chỉ cung cấp thông tin cơ bản để giúp bạn bắt đầu với thiết kế iOS. Khi bạn đào sâu hơn, bạn sẽ hứn thú với các chi tiết hơn. Những bài báo và nguồn tài liệu này sẽ giúp bạn.
- [JAVA] Hiểu khái niệm Immutable như thế nào cho đúng?
- SGo không còn xe trống chiều về
- Tăng tốc mysql
- Microsoft cập nhật tính năng project references trong TypeScript 3.0
- Lập trình: cũng chỉ là viết?
- Ba điều rút ra từ Rio Olympics 2016 dành cho các Mobile Marketers
- Tối ưu giải pháp cho các công ty bảo hiểm
- Tớ đã hack trang SinhVienIT. net như thế nào?
- B2B CLOUD
- Mã QRcode là gì?
- Tại sao Nodejs chạy nhanh hơn Apache?
- CRM là gì?
DVMS chuyên:
- Tư vấn, xây dựng, chuyển giao công nghệ Blockchain, mạng xã hội,...
- Tư vấn ứng dụng cho smartphone và máy tính bảng, tư vấn ứng dụng vận tải thông minh, thực tế ảo, game mobile,...
- Tư vấn các hệ thống theo mô hình kinh tế chia sẻ như Uber, Grab, ứng dụng giúp việc,...
- Xây dựng các giải pháp quản lý vận tải, quản lý xe công vụ, quản lý xe doanh nghiệp, phần mềm và ứng dụng logistics, kho vận, vé xe điện tử,...
- Tư vấn và xây dựng mạng xã hội, tư vấn giải pháp CNTT cho doanh nghiệp, startup,...
Vì sao chọn DVMS?
- DVMS nắm vững nhiều công nghệ phần mềm, mạng và viễn thông. Như Payment gateway, SMS gateway, GIS, VOIP, iOS, Android, Blackberry, Windows Phone, cloud computing,…
- DVMS có kinh nghiệm triển khai các hệ thống trên các nền tảng điện toán đám mây nổi tiếng như Google, Amazon, Microsoft,…
- DVMS có kinh nghiệm thực tế tư vấn, xây dựng, triển khai, chuyển giao, gia công các giải pháp phần mềm cho khách hàng Việt Nam, USA, Singapore, Germany, France, các tập đoàn của nước ngoài tại Việt Nam,…
Quý khách xem Hồ sơ năng lực của DVMS tại đây >>
Quý khách gửi yêu cầu tư vấn và báo giá tại đây >>