Tạo ứng dụng dễ dàng, nhanh chóng

Không cần kiến thức về lập trình, chỉ với vài cú nhấp chuột là bạn đã có thể sở hữu ngay một ứng dụng đẹp mắt với các tính năng tuyệt vời.


Đăng ký ngay

Chọn mẫu ứng dụng

Sau khi đăng nhập vào hệ thống Ladiapp, bạn cần chọn một mẫu ứng dụng phù hợp với mục đích sử dụng.

Ladiapp cung cấp rất nhiều mẫu ứng dụng đã được thiết kế sẵn phù hợp với các mục đích sử dụng khác nhau như: Doanh nghiệp, Cửa hàng, Địa điểm, Giải trí...

Nếu các mẫu ứng dụng có sẵn chưa đáp ứng được yêu cầu của bạn, hãy lựa chọn mẫu ứng dụng mặc định và tự tay xây dựng ứng dụng theo ý mình.

Bộ công cụ hỗ trợ thiết kế ứng dụng di động của Ladiapp vô cùng mạnh mẽ nhưng lại rất dễ dàng sử dụng chắc chắn sẽ làm bạn hài lòng.


Chọn mẫu ngay


Chọn mẫu ứng dụng

Trước khi bắt đầu thiết kế ứng dụng, bạn cần định hình xem ứng dụng của mình cần có những chức năng gì, sau đó thêm chúng vào ứng dụng.

Chỉ khi bạn đã lựa chọn chức năng cho ứng dụng tại mục này thì các chức năng mới có thể được hiển thị ra màn hình chính.

Mục này cũng là nơi để bạn quản lý nội dung cho ứng dụng.

Sau khi thêm chức năng vào ứng dụng, bạn có thể thay đổi thứ tự sắp xếp các nút chức năng bằng việc kéo và thả chúng vào vị trí mới.

Ngoài ra Ladiapp còn cung cấp cho bạn 2 lựa chọn phụ:
- Ô trống (Separator): khi thêm separator vào một vị trí, ví trí đó sẽ hiển thị là một ô trống.
- Thư mục (New folder): lựa chọn này cho phép bạn chứa nhiều chức năng vào trong 1 nút thu mục duy nhất.


Định hình giao diện ứng dụng

Sau khi ứng dụng đã có các chức năng cần thiết, việc cần làm tiếp theo là thiết kế giao diện và bố cục cho ứng dụng sao cho đẹp mắt và tiện dùng nhất. Tuỳ biến giao diện ứng dụng sẽ gốm 3 phần chính:

  1. Tuỳ chỉnh bố cục, thay dổi thiết kế và sắp xếp vị trí các nút bấm cho content.
  2. Thay đổi thiết kế thanh điều hướng, màn hình khới động và màn hình chính.
  3. Thay đổi màu sắc cho các thành phần của ứng dụng như tiêu đề, chữ, nền,...
  4. Cấu hình cho app trước khi public.

Mọi thay đổi khi thiết kế ứng dụng sẽ được hiển thị trên màn hình xem trước theo thời gian thực. Bạn có thể sử dụng thử ngay chức năng của ứng dụng trên màn hình này. Bạn cũng có thể bấm vào 'Preview on Device' để lấy link HTML5 nhằm xem trước trên trình duyệt di động.


Các tính năng hỗ trợ thiết kế gồm:


  • - Bố cục chung cho màn hình chính (1)
  • - Tuỳ chọn số hàng và số cột hiển thị (2).
  • - Chọn vị trí cho nhóm nút chức năng (trên - dưới - giữa) (3).
  • - Độ rộng của nút chức năng (4).
  • - Độ cao của nút chức năng (5).
  • - Khoảng cách giữa các nút chức năng (6).
  • - Chọn cách vuốt khi sang trang (dọc hoặc ngang) (7).

Tiếp theo là thay đổi thiết kế cho các nút chức năng, bạn có thể sử dụng bộ nút mặc định nếu thấy không cần thiết phải thay đổi.

Khi thiết kế một nút chức năng cho ứng dụng cần chú ý là mỗi nút chức năng gồm 3 phần chính:

  • - Tiêu đề (Title)
  • - Biểu tượng (Icon)
  • - Nền (Background)

Khi hiển thị, lớp Nền sẽ nằm ở phía dưới Tiêu đềBiểu tượng của nút chức năng. Nền sẽ có kích cỡ bằng với kích thước bạn đặt cho nút chức năng (độ rộng và độ cao). Biểu tượng thì luôn nằm trong một khung hình vuông và có kích cỡ bằng với cạnh bé hơn của nút chức năng.

Lưu ý: Khi thiết kế biểu tượng cần phải đảm bảo nó nằm trọn trong 1 hình vuông nếu không khi thay đổi kích cỡ nút sẽ có trường hợp biểu tượng bị méo.

Ngoài ra bạn có thể lựa chọn ẩn/hiện Biểu tượng và Tiêu đề của nút; lựa chọn vị trí đặt của tiêu đề ở phía dưới hay bên phải của biểu tượng cũng như kích cỡ và mẫu chữ của tiêu đề.

Mẹo: Bạn có thể ẩn cả Biểu tượng và Tiêu đề sau đó thiết kế nút trực tiếp lên Nền nút, như vậy có thể sẽ đẹp hơn.


Để hoàn thiện thiết kế cho một ứng dụng, bước cuối cùng bạn phải làm là thay đổi màu sắc và hình ảnh.

Về phần màu sắc, bạn sẽ có thể thay đổi:
+ Màu của nền (Background)
+ Màu chữ nội dung (Text content)
+ Màu nút trong chức năng (Button)
+ Màu chữ trên thanh điều hướng (Nav bar text)
+ Màu tiêu đề nội dung (Title)
+ Màu của nền nội dung (Background content)
+ Màu chữ trên nút trong chức năng (Button Text)

Về phần hình nền bạn cần thiết kế:
+ Thanh điều hướng: 1000x140 pixel
+ Màn hình khởi động: Theo chuẩn 16:93:2
+ Màn hình chính: Theo tỉ lệ 16:9 hoặc 3:2
(Tỉ lệ 16:9 tốt nhất nên từ 750 x 1334 pixel trở lên
Tỉ lệ 3:2 tốt nhất nên từ 640 x 960 pixel trở lên)

Ngoài ra bạn cũng cần thiết kế biểu tượng cho ứng dụng, biểu tượng này sẽ được sử dụng để nhận biết ứng dụng sau khi cài vào máy (Có kích cỡ tối thiểu 1024x1024 pixel)