• Trang chủ
  • Hướng dẫn
  • Module
  • Đại lý
  • FAQ
  • Blog
    • Tin tức
    • Thông báo phát hành
  • Đăng nhập
  • Đăng ký miễn phí
  • Trang chủ
  • Hướng dẫn
  • Module
  • Đại lý
  • FAQ
  • Blog
    • Tin tức
    • Thông báo phát hành
  • Đăng nhập
  • Đăng ký miễn phí
Trang chủ/Hướng dẫn/Các bước tạo ứng dụng di động/Bước 1: Thao tác với TAB Giao diện

Bước 1: Thao tác với TAB Giao diện

239 lượt truy cập 0

TAB này trước đây có tên là TAB Thiết kế.

Ở bước này bạn bao gồm 4 tuỳ chọn sau:

1.1. Chọn giao diện và tuỳ chỉnh giao diện của ứng dụng:

Bạn có 2 tuỳ chọn: Chọn các mẫu giao diện và tuỳ chỉnh mẫu giao diện đó. AppTeng có tới 40+ mẫu giao diện bố trí đáp ứng trên màn hình thiết bị di động, tất cả là miễn phí và bạn có thể chọn bất cứ mẫu nào phù hợp với ứng dụng của bạn. Kho mẫu giao diện vẫn tiếp tục được chúng tôi phát triển trong thời gian tới.

Bạn có thể thay đổi bất cứ khi nào mẫu giao diện và các tuỳ chỉnh của mẫu giao diện của bạn, ngay cả khi ứng dụng của bạn đã xuất bản trên Apple Store và Android CH-Play.

Vùng tuỳ chỉnh sẽ có các tuỳ chọn khác nhau tương ứng với từng mẫu giao diện. Để biết thêm về điều này vui lòng xem thêm phần Giao diện ứng dụng.

1.2. Tải lên hình ảnh nền trang chủ ứng dụng (cho thẳng đứng và xoay ngang thiết bị).

Bạn cần tải lên các hình ảnh nền cho ứng dụng của bạn.  Nếu ứng dụng của bạn chỉ có chế độ thẳng đứng màn hình khi người dùng ứng dụng sử dụng, bạn chỉ cần tải lên tại phần thẳng đứng như hình ảnh dưới đây, bạn cần tải lên cả 3 loại kích thước hình ảnh cho màn hình ứng dụng của bạn vì thiết bị di động ngày nay có rất nhiều kích cỡ màn hình khác nhau.

Kích thước hình ảnh tại phần này là 640×1136 px, 1242×2208 px và 1536×2048 px. Hãy tải lên ở chế độ ảnh .png cho hiển thị tốt nhất.

Nếu ứng dụng của bạn cho phép người dùng xoay ngang màn hình khi họ sử dụng ứng dụng, bạn nên tải lên hình ảnh nền xoay ngang thiết bị tại phần này. Cũng có 3 loại kích thước nền màn hình và nó ngược lại với phần thẳng đứng. Kích thước ở phần này là: 1136×640 px, 2208×1242 px, 2048×1536 px.

Bạn có thể tuỳ chọn cho phép sử dụng các hình nền trên trong tất cả các Module tính năng ứng dụng hoặc không. Đừng lo lắng, bạn luôn có thể thay đổi điều này hoặc chỉ định riêng hình ảnh, màu sắc trong các Module ở bước 3.

1.3. Tuỳ chọn quốc gia người dùng của ứng dụng.

Phần này chủ yếu dành cho việc hiển thị đơn vị tiền tệ nếu ứng dụng của bạn sử dụng cho Thuuwong mại điện tử, Shop bán hàng hoặc trưng bày sản phẩm có đơn vị tiền tệ Quốc gia tương ứng.

Phần này bạn chuyển chế độ về Việt Nam để ứng dụng có thể hiển thị giá bán các sản phẩm hàng hoá dịch vụ là VNĐ (nếu có)

1.4. Chọn Font chữ.

AppTeng có sẵn 7 loại Font chữ thông dụng cho phép hiển thị toàn cầu trên tất cả các thiết bị di động. Bạn sẽ hỏi tôi là bạn có thể thêm các Font chữ khác không ? Câu trả lời là Có và Không. Việc tuỳ chỉnh Font chữ nâng cao chỉ dành cho người có kiến thức về CSS sẽ được giới thiệu tại bước 2. Còn bây giờ, hãy chọn 1 loại Font chữ thông thường đơn giản, còn được thế giới gọi là Font chữ “An toàn”

Tuy nhiên, bạn có thể sử dụng tuỳ chỉnh CSS để Nhập và Sử dụng hàng ngàn Font chữ khác nhau từ Kho Font chữ của Google.

Xem thêm Làm thế nào để Thêm Font chữ mới vào ứng dụng ?

Bạn đã hoàn thành Bước 1: Thao tác với TAB Thiết kế.

Bài viết này có giúp ích gì cho bạn không ?

Có  1 Không
Cùng chuyên mục
  • Tạo ứng dụng đầu tiên của bạn
  • Bước 2: Thao tác với TAB Màu sắc
  • Bước 3: Thao tác với TAB Module
  • Bước 4: Thao tác với TAB Ứng dụng
  • Bước 5: Thao tác với TAB Xuất bản
Có thể bạn quan tâm
  • Hướng dẫn các bước Xuất bản ứng dụng Android
  • Module Thương mại điện tử
  • Tạo Chứng chỉ Phân phối iOS (iOS Distribution Certificate)
  • Làm thế nào để thay đổi icon hình ảnh của Module
  • Quảng cáo AdMob sẽ xuất hiện trong ứng dụng của tôi như thế nào ?
Danh mục hướng dẫn
  • Bắt đầu 7
  • Các bước tạo ứng dụng di động 6
  • Giao diện ứng dụng 12
    • Tuỳ chỉnh giao diện với CSS 22
  • Các Module ứng dụng 60
  • Xuất bản ứng dụng Android 4
  • Xuất bản ứng dụng iOS 13
  • Tuỳ chỉnh và Nâng cao 26
    • Sử dụng HTML trong ứng dụng 13
  • Kiếm tiền với AdMob 5
  • Ứng dụng Android và các vấn đề đã biết 1
  • Ứng dụng iOS và các vấn đề đã biết 1
  • Gỡ lỗi 2
  • Dành cho Nhà phát triển 4
    • Tài liệu API 1
  • Các vấn đề khác 4
  • Chính sách bảo mật
  • Điều khoản sử dụng
  • © 2017 - 2020 AppTeng - phát triển và Vận hành.