Thiết kế Icon trong App

18/09/2019

Thiết kế icon trong App quan trọng không kém so với công việc thiết kế logo. App icon đóng vai trò quan trọng trong việc giúp ứng dụng nổi bật, truyền đạt ý nghĩa theo cách đơn giản và bắt mắt nhất. Là đơn vị có kinh nghiệm trong lĩnh vực thiết kế App, SOTA sẽ chia sẻ một số thông tin quan trọng của công việc thiết kế icon này.

► Hotline tư vấn : 024 730 86986

Thiết kế icon trong App là gì?

Icon trong App ( App Icon)  như là mỏ neo tượng trưng cho sản phẩm của bạn. Nó như là một phần thu nhỏ của thương hiệu, nên không chỉ cần trông thật hấp dẫn và khác biệt, mà còn phải sáng tạo để có thể truyền tải những thông điệp thiết yếu về ứng dụng của bạn.

thiet-ke-icon-trong-app

Sự khác biệt quan trọng giữa Logos và App Icons

App icons không phải là logo. Trong khi app icons cũng được định vị là cách thể hiện thương hiệu - như về chất lượng, thì chúng lại chịu nhiều những hạn chế khác nhau.

Logos là những thiết kế dạng vector có thể phóng to - thu nhỏ áp dụng cho đầu thư ngỏ đến những bảng quảng cáo billboards ngoài trời, tất cả chỉ phục vụ cho việc quảng bá thương hiệu.

Icons thường được xuất ra dưới dạng kích thước đã được định sẵn, việc tùy chỉnh bị giới hạn trong khung hình vuông, có 1 kích thước cụ thể và ngữ cảnh cụ thể.

=> Việc tiếp cận khác nhau, công cụ làm nên chúng cũng khác nhau, công việc cũng khác nhau, nên vì thế tiêu chí để đánh giá chúng cũng khác nhau.

Thiết kế Icon trong App như thế nào?

thiet-ke-icon-trong-app

Có hai cách tiếp cận chính khi đề cập đến thiết kế biểu tượng: tính hình tượng tính biểu tượng. Loại thứ hai có nhiều chữ và đại diện hơn; trước đây là trừu tượng hơn và phải có ý nghĩa nhờ sự liên tưởng.

Một khi các quy tắc ký hiệu như vậy được thiết lập, nó có thể tiết kiệm rất nhiều thời gian cho tất cả những người tham gia theo dõi chúng, cung cấp cho bạn một chữ viết tắt trực quan cho biểu tượng ứng dụng của bạn. Đôi khi nó trả tiền để làm điều gì đó khác biệt một cách khác biệt - nhưng bạn cần phải biết những gì bạn đang làm.

Dựa trên tính ứng dụng, thì khi bạn tạo ra app icon, bạn sẽ tạo ra 1 bộ tập tin hình PNG có nhiều kích cỡ khác nhau - phân loại từ nhỏ 29 x 29 pixels đến 1024 x 1024 pixels - chúng được đính kèm chung với app của bạn.

💬Xem thêm:

Báo giá thiết kế App 

Apple duyệt ứng dụng lên App Store như thế nào? 

Lưu ý trong quá trình thiết kế App icon

✔️ Sự tăng giảm kích thước

thiet-ke-icon-trong-app

Một trong những nhân tố quan trọng nhất trong việc tạo icon là sự tăng giảm kích thước. Bởi vì những biểu tượng icon sẽ được nhìn thấy ở nhiều nơi thông qua các nền tảng khác nhau,và nhiều kích thước khác nhau. Quan trọng là bạn duy trì được tính dễ đọc và độc đáo của icon đó. Icons cần được nhìn rõ trên App Store, trên các thiết bị “Retina”và thậm chí trên các bảng cài đặt ứng dụng.

App icon cần phải làm ở nhiều độ phân giải khác nhau, vẫn phải đảm bảo độ dễ đọc cho dù ở bất kỳ kích thước nào

Nên làm trên khung 1024 x 1024 pixel có thể khó cho bạn để phát hiện. Hãy cố gắng đưa thiết kế lên thiết bị, trong những ngữ cảnh và kích thước khác nhau.

Giữ tính đơn giản và tập trung vào từng đối tượng đơn lẻ, nên là những hình khối duy nhất hay những yếu tố mà khi bị phóng to hay thu nhỏ thì các khung viền cũng như chất lượng hình ảnh sẻ được bỏ qua. Đảm bảo rằng icon được nhìn rõ bất kể nền xung quanh là màu gì.

✔️ Khả năng nhận biết

App icon giống như bản nhạc nhỏ, được nhận ra dễ dàng giữa các app icon khác có trên store và trên trang chủ là tiêu chí quan trọng trong việc thiết kế icon đẹp.

Những icons phức tạp là kẻ thù của tính nhận biết sản phẩm. Cố gắng loại bỏ những chi tiết không cần thiết cho đến khi cảm thấy icon bắt đầu có dấu hiệu xấu đi thì dừng.

Icon của bạn sẽ phải tạo sự chú ý trong số hàng ngàn icons khác, tất cả đều có cùng khung canvas 1024 pixel để gây tác động và đảm bảo sự kết nối với người xem. 

✔️ Tính độc đáo

thiet-ke-icon-trong-app

Tính đồng nhất đòi hỏi sự khôn khéo ở người thiết kế, bởi vì nó không chỉ phụ thuộc vào kỹ năng của bạn mà còn là sự lựa chọn của những người khác trong nhóm.

Xem xét những gì mọi người làm trong cũng lĩnh vực với bạn và hãy đi theo hướng khác. Luôn luôn làm nghiên cứu của chính bạn - thế giới không cần những icon “checkmark” khác nữa đâu.

1 ký tự đơn trên nền 1 màu có thể là hơi khó nếu bạn muốn nó độc đáo. Thử với nhiều màu sắc và thành phần khác nhau, và thử thách chính mình để tìm những ẩn dụ mới và hay. Màu sắc thì tuyệt và thường được xem là cách để tái cấu trúc lại ý tưởng.

✔️ Tính đồng nhất

Tính đồng nhất là việc tạo nên giữa trải nghiệm tương tác với app icon và tương tác với app.

Có 1 cách là đảm bảo tính đồng nhất giữa app và icon là cân bằng những bản màu và sử dụng 1 ngôn ngữ thiết kế - ví dụ: giao diện màu xanh sẽ được củng cố bởi app icon màu xanh.

Tuy không phải lúc nào cũng có thể, nhưng có 1 cách để tăng sự kết nối giữa app và app icon là gắn chặt những ký tự của app icon trực tiếp lên chức năng của app.

thiet-ke-icon-trong-app

Trên App Store và Google Play có rất nhiều ví dụ về những thiết kế icon mờ nhạt và không có chính kiến. Nếu icon của bạn có sự kết nối mạnh, bạn sẽ có user. Thiết kế icon trong App là một công việc đòi hỏi chuyên môn, tính thẩm mỹ, nắm bắt được UX – UI chắc chắn.

Nếu bạn muốn thiết kế một App di động thu hút, hãy liên hệ ngay với SOTA để được tư vấn miễn phí nhé!

THÔNG TIN LIÊN HỆ

Công ty Cổ phần dịch vụ Công nghệ SOTA Việt Nam

 Địa chỉ: Số 83, Yên Lãng, Đống Đa, Hà Nội

 Điện thoại: 024-730-86986

Hotline: 085-676-6986 

Email: support@sotavn.com

 

 

Tin tức mới

App thiết kế avatar

09/04/2020

App thiết kế avatar mang phong cách hoạt hình vô cùng độc đáo. Tham khảo ngay trong bài viết sau nhé!

Các app thiết kế trên Android App thiết kế logo trên android Thiết kế app game Thiết kế menu bằng app App thiết kế chibi

0856 766 986