Hướng Dẫn Cách Tạo App Icon Nhanh Chóng Và Hiệu Quả Cho Cả ...

Trong bài viết này tôi sẽ hướng dẫn các bạn cách tạo App Icon nhanh chóng và cực kì hiệu quả dùng cho cả Android và iOS trong lập trình ứng dụng Flutter.

Khi tạo App Icon, nếu bạn không làm đúng có thể mất rất nhiều thời gian chỉnh sửa hoặc thử đi thử lại bởi khi cài vào iPhone hoặc Android thì sẽ thấy khá nhiều lỗi, được bên Android nhưng iOS thì gặp lỗi hoặc ngược lại. Dưới đây là một cách hiệu quả mà tôi đã dùng nhiều trong rất nhiều dự án.

Bước 1. Chuẩn bị logo cho ứng dụng của bạn Chắc hẳn bạn đã có logo để tạo App Icon ? To nhỏ, nền transparent hay không, không quan trọng nhưng vấn đề là sắc nét chút.

Bước 2. Tạo App Icon cho cả Android và iOS

Trong phần này bạn sẽ sử dụng một công cụ online có tên là easyappicon, trang này có thể hỗ trợ bạn tạo app icon dễ dàng, thay đổi nền màu, tuỳ chỉnh padding và đặc biệt có thể test và thấy được app icon hiển thị trên ios và trên cả android sẽ như nào. Công cụ này hoàn toàn miễn phí, truy cập tại đây (www.easyappicon.com)

Cách dùng: + Click vào Choose File… để chọn logo mà bạn đã chuẩn bị + Chọn Padding, kéo sang phải hoặc sang trái để làm sao cho hài hoà cả Android và iOS mà hình bên phải bạn. + Thay màu nền cho App Icon, nhìn vào hình bên phải bạn có thể thấy việc thay đổi của bạn đã hợp lý hay chưa.

Sau khi chỉnh đã ưng mắt của bạn, Bạn nhấn nút Download bên phải bạn.

Sau khi download về và giải nén, bạn có được bộ riêng cho android và iOS.

Bước 3. Thay App Icon cho ứng dụng Android , iOS

Sau khi tải về từ phần Download ở trên, trong file đó có 2 phần cho cả android và ios. Thay cho Android Copy hết các file trong mục Android từ folder đã download: Sau đó Paste vào folder trong flutter project : android/app/src/main/res

Sau đó overwrite là OK

Thay cho iOS Tương tự, copy hết tất cả các file trong folder ios từ file đã download,

Sau đó Paste vào folder trong flutter project: ios/Runner/Assets.xcassets

Sau đó overwrite là OK

Build lại trên cả Android và iOS, bạn sẽ thấy icon đã thay đổi.

Rất nhanh mà lại hiệu quả.

Chúc các bạn có được nhiều kiến thức từ blog của tôi !.

Từ khóa » Cách Làm Icon Cho ứng Dụng