Tạo PSD cơ sở để thiết kế giao diện người dùng ứng dụng Android cho mdpi, thiết bị 320/480px

Question

Tôi đang bắt đầu công việc thiết kế Android Phone đầu tiên của mình. Tôi có một số kinh nghiệm với thiết kế iPhone, iPad nhưng Android hoàn toàn khác, tôi thậm chí không chắc chắn làm thế nào tôi nên tạo mẫu cơ sở của tôi.

Đây là thông tin thiết bị tôi sẽ thiết kế. ứng dụng sẽ chỉ hoạt động trên thiết bị này, không cần phải tương thích với nhiều màn hình.

• mdpi
• 256K màu
• 3.5"
• ~ mật độ 165ppi điểm ảnh
• 320px/480

Vì vậy, tôi có thể tạo tập tin photoshop của tôi cho 320px/480, 72px độ phân giải, rgb?

Đánh giá cao giúp !!!

Answer 1

Google đã làm cho toàn bộ một trang web dành riêng cho nhu cầu của bạn: http://developer.android.com/design/index.html

Trong trường hợp của bạn, cài đặt PSD của bạn nên được thiết lập như thế này:

LƯU Ý/EDIT: Thông báo DPI được đặt ở mặc định là 72. Điều này là do DPI là dữ liệu meta cho máy in. Khi bạn đọc DPI trong thông số kỹ thuật điện thoại, họ đang nói về sự thể hiện vật lý của cách xa LCD được đóng gói với nhau. Độ phân giải của hình ảnh (320x640) là điều duy nhất bạn cần quan tâm.

Answer 2

Bạn đã xem trang web Android Design chưa? Nó được thiết kế đặc biệt cho ... thiết kế tốt.

Nhìn vào devices display section và cũng là trang supporting multiple screens để biết ý tưởng về các loại kích thước màn hình chung là gì và kích thước và dải ô được chấp nhận cho những kích thước này là bao nhiêu.

Android sử dụng chung DIP '(Hiển thị pixel độc lập) để pixel thực trên mỗi inch phụ thuộc vào màn hình bạn đang tạo tác phẩm nghệ thuật. Bạn phải thiết kế cho màn hình xlarge, lớn, trung bình và nhỏ với mật độ khác nhau. Lời khuyên chung là để bắt đầu với màn hình mật độ trung bình và sau đó bạn có thể tăng mật độ và giảm nó trong tác phẩm nghệ thuật của bạn khi cần thiết. Liên kết ở trên cung cấp các kích thước dp chung của mỗi kích thước màn hình và phạm vi mật độ của các loại màn hình khác nhau. Cũng nên có một số thông tin về chuyển đổi dp thành pixel.

Trong khi google cau mày về những gì bạn đang hỏi (thiết kế cho 1 thiết bị nói riêng), bạn đã nói thiết bị là 166ppi để bạn chỉ có thể sử dụng 165 pixel/inch trong cài đặt của mình và đặt chiều cao và chiều rộng của PSD tùy thuộc vào kích thước màn hình của bạn (bất kể chiều rộng và chiều cao của nó là bằng inch).

Điều này Smashing Magazine article on designing for android thực sự cần trợ giúp. Nó cũ nhưng có liên quan.

Answer 3

Android rất khác. Nếu bạn tìm hiểu làm thế nào để sử dụng các thuộc tính được cung cấp bởi Android đúng cách nó hoạt động greats.

Trích từ developer.android.com

Mỗi kích thước màn hình cung cấp khả năng và thách thức cho tương tác người dùng khác nhau, vì vậy để thật sự hài lòng và gây ấn tượng với người dùng của bạn, ứng dụng của bạn phải đi xa hơn chỉ đơn thuần là hỗ trợ nhiều màn hình: nó phải tối ưu hóa trải nghiệm người dùng cho mỗi cấu hình màn hình.

Có một số công cụ mà bạn nên tìm hiểu cũng như như 'draw9patch'

Điều tốt nhất để đi tắt của chỉ đơn giản là tạo ra một layout trong Photoshop chỉ để có được bố trí xuống. Nó sẽ không thực sự quan trọng kích thước chính xác miễn là bạn có một hình chữ nhật. Làm cho bố cục của bạn và sau đó bắt đầu để làm cho nó phù hợp trong Android.

Nhiều hướng dẫn trực tuyến tuyệt vời, nhưng như tôi đã đề cập trước đây. Tạo bố cục của bạn, sau đó bắt đầu tùy chỉnh bố cục cho android bằng cách sử dụng các công cụ như draw9patch

Answer 4

Vì bạn đã nói màn hình của mình là ~ 165ppi, ppi = pixel mỗi inch. Ngoài ra, tài liệu Android mô tả 160dp là kích thước được chấp nhận chung cho MDPI. - Ali ngày 07 tháng 2 tại 22:22

vậy tại sao trong các mẫu google (ví dụ: IDEName \ AndroidSDK \ samples \ android-8 \ NotePad \ res \ drawable-hdpi), nếu hình ảnh mở (ví dụ: app_notes .png) trong photoshop và nhấn ctrl + alt + i, để xem độ phân giải, 72dpi của nó! nhưng Ali nói MDPI = 160dpi, HDPI = 240, ...

vì vậy phải là 240dpi, không phải 72dpi.

Answer 5

Yêu cầu bitmap tương tự như chuẩn bị đồ họa cho in so với Web. Nếu bạn có bất kỳ trải nghiệm nào về sản xuất in, bạn sẽ biết rằng hình ảnh 72 PPI sẽ trông rất pixelated và bị mờ khi được phóng to và in. Thay vào đó, bạn cần phải làm lại hình ảnh dưới dạng hình ảnh vectơ hoặc sử dụng ảnh có độ phân giải cao và sau đó đặt độ phân giải của tệp ở khoảng 300 PPI để in ảnh mà không làm giảm chất lượng hình ảnh. Mật độ màn hình cho Android hoạt động tương tự, ngoại trừ việc chúng tôi không thay đổi độ phân giải của tệp, chỉ kích thước của hình ảnh (ví dụ: tiêu chuẩn 72 PPI là không sao).

Android Smartphones And Display Sizes