Home
Công nghệ thông tin
Đồ họa, thiết kế
Sự khác nhau giữa thiết kế Native iOS Apps và Native Android Apps
Sự khác nhau giữa thiết kế Native iOS Apps và Native Android Apps
S khác nhau gi a thi t k Native iOS Apps và Native Android Appsự ữ ế ế
Đ t o thi t k ng d ng g c (native app) t t nh t, b n nên ghi nh ể ạ ế ế ứ ụ ố ố ấ ạ ớ
s khác bi t gi a n n t ng iOS và Android.ự ệ ữ ề ả
Các n n t ng này khác nhau không ch v các native app trông nh th nào;ề ả ỉ ề ư ế
chúng cũng khác nhau v c u trúc và cách ho t đ ng. B n c n l u ý nh ngề ấ ạ ộ ạ ầ ư ữ
khác bi t này đ cung c p tr i nghi m cho ng i dùng t t nh t thông qua ệ ể ấ ả ệ ườ ố ấ
thi t k native app.ế ế
Các native app trên mobile c a iOS và Android có tính năng dành riêng cho ủ
t ng h đi u hành.ừ ệ ề
H ng d n c a Apple và Google khuyên b n nên s d ng các đi u khi n ướ ẫ ủ ạ ử ụ ề ể
đi u h ng trên các n n t ng nh sau: đi u khi n trang, thanh tab, đi u ề ướ ề ả ư ề ể ề
khi n phân đo n, l t xem b ng, l t xem t ng h p và ch đ xem phân ể ạ ượ ả ượ ổ ợ ế ộ
tách. Ng i dùng đã quen thu c v i cách đi u khi n các ho t đ ng này trênườ ộ ớ ề ể ạ ộ
m i n n t ng, vì v y n u b n s d ng các đi u khi n tiêu chu n, theo ỗ ề ả ậ ế ạ ử ụ ề ể ẩ
tr c giácự ng i dùng s bi t cách s d ng ng d ng c a b n.ườ ẽ ế ử ụ ứ ụ ủ ạ
Bài vi t này t p trung vào nh ng khác bi t chính gi a các m u thi t k ế ậ ữ ệ ữ ẫ ế ế
t ng tác trên iOS và Android đ làm rõ lý do khác bi t gi a chúng; đ ng ươ ể ệ ữ ồ
th i cung c p các m u thi t k native app và ví d v native app dành cho ờ ấ ẫ ế ế ụ ề
thi t b di đ ng đ giúp b n hình dung nh ng gì đ c nói đ n.ế ị ộ ể ạ ữ ượ ế
S khác nhau c a thanh đi u h ngự ủ ề ướ
Di chuy n gi a các màn hình là m t hành đ ng ph bi n trong các ng ể ữ ộ ộ ổ ế ứ
d ng di đ ng, vì v y iOS và Android đ u có nguyên t c thi t k khác nhau ụ ộ ậ ề ắ ế ế
cho các m u đi u h ng. Th ng s có m t thanh đi u h ng chung ẫ ề ướ ườ ẽ ộ ề ướ ở
cu i các thi t b Android. Vi c s d ng nút quay l i trong thanh đi u ố ế ị ệ ử ụ ạ ề
h ng là cách d dàng đ tr l i màn hình tr c ho c tr c đó n a, và nó ướ ễ ể ở ạ ướ ặ ướ ữ
ho t đ ng trong h u h t các ng d ng Android.ạ ộ ầ ế ứ ụ
Thanh đi u h ng chung (Android)ề ướ
M t khác, Apple l i không s d ng thanh đi u h ng chung, chúng ta ặ ạ ử ụ ề ướ
không th quay l i b ng cách s d ng nút quay l i trên thanh đi u h ng ể ạ ằ ử ụ ạ ề ướ
trong thi t k native iOS apps. Đi u này nh h ng đ n thi t k ng d ngế ế ề ả ưở ế ế ế ứ ụ
dành cho thi t b di đ ng iOS. Cho nên, màn hình bên trong ph i có nút ế ị ộ ả
quay l i góc trên cùng bên trái.ạ ở
Nút quay l i (iOS)ạ
Apple s d ng c ch vu t t trái sang ph i trong các ng d ng đ di ử ụ ử ỉ ố ừ ả ứ ụ ể
chuy n đ n màn hình tr c đó. C ch này ho t đ ng trong h u h t các ể ế ướ ử ỉ ạ ộ ầ ế
ng d ng.ứ ụ
L t t trái sáng ph i đ quay l i (iOS)ướ ừ ả ể ạ
S khác bi t gi a iOS và Android trong c ch vu t t trái sang ph i là:ự ệ ữ ử ỉ ố ừ ả
iOS - đ a b n tr l i màn hình tr c đóư ạ ở ạ ướ
Android - chuy n đ i các tab.ể ổ
B n c n l u ý s khác bi t này gi a các n n t ng đ duy trì tính nh t quánạ ầ ư ự ệ ữ ề ả ể ấ
v i các ng d ng di đ ng khác.ớ ứ ụ ộ
L t t trái sang ph i thay đ i Tab (Android)ướ ừ ả ổ
S khác nhau c a các m u đi u h ng trong Android và iOSự ủ ẫ ề ướ
Có m t vài tùy ch n đi u h ng khác nhau c th trongộ ọ ề ướ ụ ể h ng d n ướ ẫ
Material Design. M t m u đi u h ng đ c s d ng trong các ng d ng ộ ẫ ề ướ ượ ử ụ ứ ụ
Android là s k t h p gi a ngăn đi u h ng và tab.ự ế ợ ữ ề ướ
Ngăn đi u h ng là menu có th tr t t trái sang ph i b ng cách nh n ề ướ ể ượ ừ ả ằ ấ
vào icon menu hamburger. Các tab n m ngay bên d i tiêu đ màn hình và ằ ướ ề
s p x p n i dung m c đ t i u, cho phép ng i dùng chuy n đ i gi a ắ ế ộ ở ứ ộ ố ư ườ ể ổ ữ
các ch đ xem, t p d li u và các h ng ch c năng c a ng d ng.ế ộ ậ ữ ệ ướ ứ ủ ứ ụ
Trái - Ngăn đi u h ng trong Menu; Ph i - Tabs (Material Design)ề ướ ả
Ngoài ra còn có m t thành ph n đ c g i là đi u h ng đáy trong Materialộ ầ ượ ọ ề ướ
Design. Thành ph n này cũng quan tr ng đ i v i native app c a Material ầ ọ ố ớ ủ
Design. Thanh đi u h ng đáy giúp b n d dàng khám phá và chuy n đ i ề ướ ạ ễ ể ổ
gi a các ch đ xem trong m t l n nh n. Theo h ng d n Material Designữ ế ộ ộ ầ ấ ướ ẫ
thì không nên s d ng các đi u h ng và tab d i cùng m t lúc, vì nó có ử ụ ề ướ ướ ộ
th gây nh m l n khi đi u h ng.ể ầ ẫ ề ướ
Đi u h ng đáy (Material Design)ề ướ
Trong h ng d n giao di n ng i dùng (Human Interface Guidelines - ướ ẫ ệ ườ
HIG) c a Apple không có đi u khi n đi u h ng t ng t nh menu ngănủ ề ể ề ướ ươ ự ư
đi u h ng. Thay vào đó, Apple đ xu t đ t thanh đi u h ng chung trongề ướ ề ấ ặ ề ướ
có thể bạn quan tâm
So sánh được sự giống nhau và khác nhau giữa tế bào biểu bì vảy hành v...
3
1.766
332
Giáo án, bài giảng lớp 6
3
(New)
Google Apps và những điều cần biết
11
668
292
Tài liệu CNTT khác
11
(New)
Tối ưu hóa công việc kinh doanh với Google Apps
10
825
225
Tài liệu CNTT khác
10
(New)
10 add-on (tiện ích mở rộng) tuyệt vời cho doanh nghiệp dùng Google Ap...
10
1.829
309
Tài liệu CNTT khác
10
(New)
SỰ KHÁC NHAU GIỮA "EVERYDAY" VÀ “EVERY DAY”
2
1.130
368
Tài liệu học tiếng Anh khác
2
(New)
TOEIC reading - Sự khác nhau giữa "so" và "such"
2
939
401
Luyện Thi TOEIC
2
(New)
Sự khác nhau giữa các bộ vi xử lý Intel Core i3, i5 và i7
5
934
325
Cơ sở dữ liệu
5
(New)
Sự khác nhau giữa http và https
4
1.077
330
Tài liệu CNTT khác
4
(New)
thông tin tài liệu
Để tạo thiết kế ứng dụng gốc (native app) tốt nhất, bạn nên ghi nhớ sự khác biệt giữa nền tảng iOS và Android.
Mở rộng để xem thêm
từ khóa liên quan
tài liệu mới trong mục này
tài liệu hot trong mục này
tài liệu giúp tôi
Nếu bạn không tìm thấy tài liệu mình cần có thể gửi yêu cầu ở đây để chúng tôi tìm giúp bạn!
xem nhiều trong tuần
Giáo trình Quản trị học của Đại học kinh tế quốc dân
4 đề thi học sinh giỏi Toán lớp 2, có đáp án kèm theo
Luận văn về các tác nhân ảnh hưởng đến kết quả học tập của sinh viên chính quy trường Đại Học Kinh Tế- TP HCM
Mẫu slide thuyết trình về Golf
Bài tập ôn tập cuối tuần lớp 3: Tuần 21
Bài tập ôn tập cuối tuần lớp 2: Tuần 21
yêu cầu tài liệu
Giúp bạn tìm tài liệu chưa có
×
