• Giới thiệu
    • Multimedia
    • Arena Multimedia
    • Tại sao chọn Arena Multimedia?
    • Cơ sở vật chất
    • Cộng đồng nói về Arena
    • Nhân vật truyền cảm hứng
    • Hỏi & đáp
  • Đào tạo tuyển sinh
    • Đào tạo
    • Chương trình đào tạo
    • Phương pháp đào tạo
    • Học phí
    • Tuyển sinh
    • Kết quả thi tuyển
    • Thông tin tuyển sinh
    • Lịch tuyển sinh
    • Tài liệu tuyển sinh
    • Đề thi mẫu
  • Gallery
    • Đội ngũ giảng viên
    • Đồ án nổi bật
    • Hoạt động học viên
    • Arena Face
    • Học viên tiêu biểu
    • Câu chuyện học viên
    • Portfolio học viên
  • Tin tức – sự kiện
    • Tin tức
    • Tin Arena
    • Tin Multimedia
    • Tin Báo chí
    • Sự kiện
  • Liên thông – Việc làm
    • Đối tác liên thông
    • Hỗ trợ tuyển dụng
    • Nghề nghiệp
    • Tin tuyển dụng
  • Liên hệ
  • Giới thiệu
    • Multimedia
    • Arena Multimedia
    • Tại sao chọn Arena Multimedia?
    • Cơ sở vật chất
    • Cộng đồng nói về Arena
    • Nhân vật truyền cảm hứng
    • Hỏi & đáp
  • Đào tạo tuyển sinh
    • Đào tạo
    • Chương trình đào tạo
    • Phương pháp đào tạo
    • Học phí
    • Tuyển sinh
    • Kết quả thi tuyển
    • Thông tin tuyển sinh
    • Lịch tuyển sinh
    • Tài liệu tuyển sinh
    • Đề thi mẫu
  • Gallery
    • Đội ngũ giảng viên
    • Đồ án nổi bật
    • Hoạt động học viên
    • Arena Face
    • Học viên tiêu biểu
    • Câu chuyện học viên
    • Portfolio học viên
  • Tin tức – sự kiện
    • Tin tức
    • Tin Arena
    • Tin Multimedia
    • Tin Báo chí
    • Sự kiện
  • Liên thông – Việc làm
    • Đối tác liên thông
    • Hỗ trợ tuyển dụng
    • Nghề nghiệp
    • Tin tuyển dụng
  • Liên hệ
Đăng ký
Trang chủTin tức - sự kiệnTin MultimediaThiết kế icon ứng dụng cho iOS 7 và những điểm cần lưu ý

Thiết kế icon ứng dụng cho iOS 7 và những điểm cần lưu ý

Post on Thứ Hai, 30-06-2014 -
Lượt xem: 401
  • Facebook
  • Twitter
  • LinkedIn
  • Copy Link

So với iOS 6, bản nâng cấp iOS 7 chứng kiến một sự lột xác hoàn toàn về thiết kế icon cũng như giao diện bên trong các ứng dụng. Điều này đòi hỏi các lập trình viên cần phải khẩn trương đưa ra những thay đổi đối với các app của mình, giúp chúng trông phẳng hơn và đơn giản hơn.

Bạn là developer hay có hứng thú trong việc thiết kế icon app dành cho iOS 7 có thể tham khảo bài viết này nhé.

Các bước lập trình viên cần ghi nhớ để thiết kế giao diện app cho iOS 7.

1. Độ phân giải màn hình của từng máy khi ở chế độ đứng, và ở chế độ nằm ngang.

2. Mật độ điểm ảnh, chế độ màu, nhiệt độ màu

3. Kích thước của icon

Kích thước của từng icon và ngôn ngữ thiết kế của chúng chính là những thay đổi rất dễ nhận ra kể trên iOS 7. Để rõ hơn mời các bạn xem bảng ở trên

4. Những góc bo tròn.

Với các icon mới trên iOS 7, những giá trị, thông số về các góc bo tròn cũng sẽ khác hoàn toàn. Nếu để ý các bạn sẽ thấy những icon của các app trên iOS 7 dường như tròn trịa hơn – khá giống với icon trên Meego. Để dễ hình dung hơn nữa, hãy nhìn sự thay đổi của icon ở phía trên, các góc cạnh của icon được bo nhẹ nhàng, không còn vuông vức.Thực tế, Apple không nói rõ về phần này, tuy nhiên, tác giả bài viết đã ngồi nghiên cứu và phát hoạ ra bản mẫu gần chính xác nhất. Các dev có thể tham khảo.

5. Hệ thống dạng lưới

Đây chính là điểm mà Apple nhấn mạnh nhất ở icon của iOS 7. Điều họ muốn thể hiện qua hệ thống dạng lưới này chính là tỷ lệ vàng – một tỷ lệ hoàn hảo mà những developer khác nên áp dụng vào việc thiết kế icon app. Apple muốn tất cả biểu tượng, từng vị trí nhỏ nhất cũng phải tuân theo tiêu chuẩn này, mọi thứ phải ngay ngắn và phải được “đưa vào khuôn mẫu”. Thế nhưng, chính vì sự nghiêm ngặt có phần thái quá này, nhiều developer đã không đồng ý bởi họ muốn phá cách hơn và muốn được tự do trong thiết kế.

Tóm lại, các bạn có thể tự do thiết kế icon của app tuy nhiên, chúng ta cũng nên tuân thủ các tiêu chuẩn do Apple đặt ra để tránh rắc rối.

6. Giao diện người dùng

Tiếp đến là độ cao, bề ngang của các thanh điều hướng, thanh status trên iOS 7. Các bạn tham khảo bảng ở trên.

7. Thanh trạng thái (Status Bar)

Đây là nơi hiển thị trạng thái của máy như pin, đồng hồ, cột sóng,…Thực tế thì kích thước của từng biểu tượng, font chữ trên Status Bar của iOS 7 giống với iOS 6, do đó các dev cũng không gặp quá nhiều khó khăn về phần này.

8. Thanh điều hướng (Navigation Bar).

Thanh điều hướng trên iOS thường bao gồm tiêu đề, các nút back, next, edit hay create. Ở iOS 7, kích thước và font chữ trên thanh này khác so với iOS 6, cụ thể ra sao các bạn hãy nhìn phía trên.

9. Kích thước khuôn khổ

List hay khuôn khổ hay bảng hiển thị nội dung trên iOS 7 giờ đây đã được trải dài ra bằng với độ rộng của màn hình máy. Bên cạnh đó, mỗi dòng hay mỗi khu vực sẽ được ngăn cách bởi một đường thẳng 1px, có mép bên trái 15pt. Rõ hơn nữa thì mời các bạn xem hình trên.

10. Màu sắc các icon mặc định

Các icon mặc định trên iOS 7 trông rất đơn giản, rất phẳng, và nhìn nó không khác gì những nét vẽ tay. Đây chính là điểm mà Ive cùng đội ngũ thiết kế hướng đến: đơn giản hoá mọi thứ. Về cơ bản, chúng chỉ có màu đen và trắng, khi chọn vào, nó sẽ chuyển qua màu cam (thử mở Calendar và Clock các bạn sẽ thấy).

11. Kiểu chữ

Helvetica Neue vẫn là font chữ mặc định trên iOS 7, tuy nhiên các chữ trên iOS 7 giờ đây được thiết kế theo dạng Light, thay vì Regular hay Bold như các phiên bản trước đó. Đối với chữ trên các tiêu đề, chúng nên đưa về dạng Medium. Ngoài ra, các chữ điều hướng (như Select, Create, Next hay Edit) nên có màu xanh cho hài hoà và đồng bộ. Các dev cũng nên tăng kích thước của các chữ lên khi thiết kế app cho iOS 7.

Có nhiều font chữ khác, ngoài Helvetica Neue, mà các dev có thể tận dụng, cụ thể hơn ở đây.

Nguồn: ivomynttinen

CÓ THỂ BẠN QUAN TÂM

Hoc-thiet-ke-top-10-ly-do-chon-nghe-thiet-ke-do-hoa Học thiết kế: Top 10 lý do chọn nghề thiết kế đồ họa Tin tức Arena Multimedia Học thiết kế không chỉ làm thiết kế thiet-ke-my-thuat-da-phuong-tien Thị trường việc làm 2015: Ngành nào lên ngôi? arena-multimedia-hai-dao-dien-viet-duoc-vhon-vao-cho-du-an-o-lien-hoan-phim-busan Phim của thầy Đỗ Quốc Trung nổi bật tại LHP Busan arena-multimedia-thay-tran-quoc-loi Thầy Trần Quốc Lợi – Người thầy “bảo hành trọn đời” Arena-multimedia-thong-bao-tuyen-sinh-thang-5 Arena Multimedia: Tuyển sinh khóa học Thiết kế đồ họa tháng 05/2015 Arena Multimedia: Thông báo tuyển sinh tháng 02/2015 Sắp diễn ra hội nghị Aptech Việt Nam năm 2015  arena-multimedia-do-an-hoc-vien Đồ án cuối Kỳ: Sản phẩm được đầu tư kỹ lưỡng, tính ứng dụng cao Đêm X’mas Love “Quậy tưng bừng” của học viên Arena


Bài viết nổi bật

Định vị bản thân trong thế giới Sáng tạo: Không ngừng vươn tới phiên bản nhẹ nhàng và thoải mái nhất

Tin Arena Post on Thứ Sáu, 17-03-2023
Talkshow “Be your best version in the Creative World” vừa diễn ra vào ngày 05/03 đã mang đến góc nhìn thực tế, đầy ý nghĩa về hành trình tìm kiếm phiên bản tuyệt vời nhất của bản thân trong lĩnh vực sáng tạo. Cùng Arena Multimedia điểm lại một số chi tiết đắt giá được bộ đôi diễn giả Quản Phương Thanh và Phạm Minh Hoàng mang đến buổi talkshow vừa rồi nhé!

Spring Trip 2023: Cùng Arenaites hóa thân thành dân miền Tây chính hiệu, “quậy banh” Cồn Phụng – Bến Tre

Tin Arena Post on Thứ Tư, 08-03-2023
Là một trong số những hoạt động ngoại khóa được mong chờ nhất năm đối với Arenaites, Spring Trip 2023: Cồn Phụng - Bến Tre đã mang lại cho các bạn học viên những khoảnh khắc cháy hết mình bên cạnh bạn bè, lưu lại những kỉ niệm không bao giờ quên.

Workshop Chơi chữ: Không gian cho những con chữ lên tiếng

Tin Arena Post on Thứ Ba, 28-02-2023
Vào ngày 20/02/2023 vừa qua, Workshop chuyên môn mang tên “Chơi chữ” của Arena Multimedia với sự góp mặt của diễn giả - họa sĩ Đỗ Hiệp đã diễn ra thành công tốt đẹp và mang đến nhiều góc nhìn mới mẻ, lôi cuốn về Typography cũng như mở ra những cơ hội đầy hấp dẫn trong tương lai cho các bạn trẻ đam mê sáng tạo với các con chữ trong nghệ thuật.

Xem thêm
Post on Thứ Tư, 29-03-2023

Vì sao khách hàng đánh giá thiếu chuẩn xác các sản phẩm thiết kế của bạn?

Việc nhận đánh giá thiếu chính xác về vai trò của thiết kế đồ họa nói chung, Designer nói riêng là hiện tượng không hiếm gặp trong lĩnh vực sáng...
Tin Multimedia
Post on Thứ Sáu, 24-03-2023

Thiết kế website ưu tiên cho di động và một số “mẹo” nhất định Designer phải biết

Tại sao thiết kế giao diện website ưu tiên cho di động lại quan trọng hơn tất thảy và làm thế nào để tạo thiết kế đúng cách? Hãy cùng...
Tin Multimedia
Post on Thứ Ba, 14-03-2023

9 xu hướng màu sắc thịnh hành cho một 2023 rực rỡ

Trong thiết kế, màu sắc là yếu tố đóng vai trò cực kỳ quan trọng. Và theo nhịp biến chuyển của thế giới từng năm, xu hướng màu sắc cũng...
Tin Multimedia
Post on Thứ Năm, 09-03-2023

7 phong cách thiết kế bìa sách đẹp cho một năm 2023 ngập tràn cảm hứng

Trước khi bàn đến nội dung bên trong có hấp dẫn hay không, một thiết kế bìa sách đẹp sẽ là yếu tố quan trọng thu hút người đọc đến...
Tin Multimedia
Post on Thứ Ba, 07-03-2023

Designer và câu chuyện bán thiết kế: Nền tảng nào xứng tầm công sức bạn?

Là một Designer đang ấp ủ mong muốn bán thiết kế online, việc lựa chọn trang web hoặc nền tảng phù hợp là bước đi quan trọng đầu tiên. Trong...
Tin Multimedia
Post on Chủ Nhật, 04-12-2022

Hợp tác trong thiết kế: Tất tần tật những điều cần bạn cần biết và lưu tâm

Các sản phẩm “thiết kế” thường mang đến cảm giác là một hành trình mang đậm màu sắc cá nhân, nhưng hẳn nhiên không phải dự án nào cũng có...
Tin Multimedia

TP.HCM

Nguyễn Đình Chiểu

212-214 Nguyễn Đình Chiểu, P. Võ Thị Sáu, Q. 3

Tel: 1800 1525

Email: [email protected]

Hồ Văn Huê

43R/12 Hồ Văn Huê, P. 9, Q. Phú Nhuận

Tel: 1800 6325

Email: [email protected]

Tân Bình

Số 6 Tân Kỳ Tân Quý (gần Etown), P.15, Q.Tân Bình

Tel: 1800 2074

Email: [email protected]

HÀ NỘI

Trúc Khê

80 Trúc Khê, P. Láng Hạ, Q. Đống Đa

Tel: 1800 1542

Email: [email protected]

Phạm Văn Bạch

D29 Phạm Văn Bạch, P. Yên Hòa, Q. Cầu Giấy

Tel: 1800 1542

Email: [email protected]

Trần Phú

110 Trần Phú, P. Mộ Lao, Q. Hà Đông

Tel: 1800 1542

Email: [email protected]

NHẬN ARENA YEARBOOK

DMCA.com Protection Status
© 2020, ARENA MULTIMEDIA
  • Arena Multimedia
  • Đăng ký học
  • Liên hệ
  • Sitemap
  • Arena Multimedia
  • Đăng ký học
  • Liên hệ
  • Sitemap