Hỏi về thiết kế app cho android

up

Bạn thiết kế màn hình to nhất bây giờ là 1080*1920 nhé
sau này thu nhỏ về thì kích thước thế nào bạn tự search nhé
Trên ios thì mấy con ipad độ phân giải khá cao, hơn 2000 gì đó, mình ko nhớ lắm
Search google trước khi hỏi nhé bạn

Ở photoshop nó giúp tạo chi tiết kich thước cho màn hình như thế nào nhé
http://forum.vietdesigner.net/threads/ui-ux-design-nhung-dieu-can-biet-part-1.89186/

Cảm ơn anh bui manh thang nhiều nhé!

name.png(jpg)-------------------------------
ip2,3,3s: 320x480px.

name@2x.png(jpg)-------------------------
iP4,4s: 640x960px.
iP5,5s: 640x1136px.
iP6: 750x1334px.
------------------------------

name@3x.png(jpg)-------------------------
iP6+: 1080x1920px.

Navigation Bar Title 34 px Medium
Regular Buttons 34 px Light
Table Header 34 px Light
Table Label 28 px Regular
Tab Bar Icon Labels 20 px Regular

Using for @2x (4,4s,5,5s,6)

See more here: http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

And here: http://iosdesign.ivomynttinen.com/

name@2x.png = name.png x 2.
name @3x.png = name@2x.png x 1.5.

Em cảm ơn anh iViperious nhiều nhé!

up

up

hay lắm

iViperious người ta đang hỏi Android bác đưa cả list của iOS

bui manh thang giờ ko còn 1080*1920 (xxhdpi) nữa nha bác, giờ chủ thớt làm 2560*1600 (xxxhdpi). Android đã có 2560 rồi nhé

hongdiem0091 nếu có thắc mắt thì hỏi m.n trong diễn đàn hoặc mình cũng đc ( sẵn sàng giúp đỡ, trao đổi thêm kn)

stylehiep : he he tại không đọc kỹ

Cho mình hỏi, nếu to như vậy thì khoản dung lượng thì sao ... kích thước 2560*1600, với những người muốn hoa hòe hoa sói, tương ảnh toàn bộ mà dùng ít mã màu thì dung lượng sẽ thế nào ah ?

@Thọ Béo Bạn đang nói kích thước file làm việc hay kích thước file xuất ra.

Nếu là file xuất:
1. App: hoa hòe nhìu là phải chấp nhận vì phải chia ra 5 thư mục (mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi). Có những trường hợp tích hợp sẵn hình ảnh trong app hoặc up lên server sẽ tiết kiệm đc dung lượng, tùy vào mỗi nhà phát triển muốn ứng dụng đó như thế nào.

2. Game: có sẵn tool để hỗ trợ về mặt hình ảnh, chỉ cần 1 hình kích thước lớn nhất là có thể export ra nhìu device. Còn dung lượng game nặng hay ko là do material (nhân vật, bối cảnh...)

stylehiep : cảm ơn anh !
Vậy là nếu thiết kế 1 app cho mobile thì file làm việc mình cần thiết kế kích thước lớn nhất đúng ko ah ( để tránh vỡ hình). Vậy hiện tại IOS là 1080x1920 và Android là 1600x2560.

[/IMG]

Trên e có thử làm 1 app mp3, e làm kích thước 750x1334 , ( màn hình IP6 ) ko biết khi màn hình to hơn có vỡ ko nữa

@Thọ Béo: bạn thiết kế trên 640*1136 hoặc 750*1334 cũng đc (4, 4s, 5, 5s, 6 đều dùng chung kích thước & có tên chung ở sau là @2x). Về hình ảnh hoặc icon bạn lấy kích thước của @2x nhân cho 1.5 là ra cho 1242*2208 (iP 6+).

Bạn thiết kế cho iOS thì bạn chỉ cần thiết kế trên màn hình 640*1136

Ví dụ: icon của bạn có kích thước là 32*32px. Khi đó bạn xuất file:
name@2x.png --> name.png * 2
name@3x.png --> name.png * 3 hoặc name@2x.png * 1.5

Lúc đó kích thước bạn xuất file lần lượt sẽ có:
name.png = 16*16px
name@2x.png = 32*32px
name@3x.png = 48*48px

stylehiep : cái đống này "
name@2x.png --> name.png * 2
name@3x.png --> name.png * 3hoặc name@2x.png * 1.5
Lúc đó kích thước bạn xuất file lần lượt sẽ có:name.png = 16*16px
name@2x.png = 32*32px
name@3x.png = 48*48px "

Cái này em chịu bác ạ, xuất từ PTS không được hay cái này chỉ cho người code thôi hả bác ?

@Thọ Béo
Đơn giản như vậy nè, bây giờ bạn cứ thiết kế trên kích thước 640*1136. Ví dụ trong màn hình kích thước này bạn có icon là 40*40px.

Lúc này kích thước 40*40px chính là @2x (name@2x.png)

Rồi từ đây bạn lấy kích thước của @2x này chia cho 2 là ra (name.png)

Rồi bạn lấy tiếp @2x*1.5 là ra @3x (name@3x.png)


Bạn chỉ cần xuất 3 file cho code: name.png, name@2x.png, name@3x.png là đc rồi

stylehiep e cảm ơn nhé, e hiểu rồi cái tên chỉ là để cho code hiểu thôi, nhưng e hỏi phát nữa là phần icon đó có gì hỗ trợ để mình xuất từ PTS ra : @2x ,@3x nhanh hơn ko ạ, thay vì tạo file mới kích thước x2 x3 icon cũ và quẳng vào kéo to ra ko ạ.