設(shè)計(jì)教程

APP界面設(shè)計(jì)教程：移動(dòng)界面設(shè)計(jì)尺寸篇

3901

25學(xué)堂自成立以來(lái)，跟大家一起學(xué)習(xí)APP界面設(shè)計(jì)的2年過(guò)程中，我們也對(duì)Android與iPhone手機(jī)界面設(shè)計(jì)圖的尺寸大小進(jìn)行過(guò)幾次的講解。

不知道大家還記得有哪些？

今天，小編決定再來(lái)梳理下關(guān)于APP界面設(shè)計(jì)尺寸。算是一個(gè)關(guān)于app設(shè)計(jì)尺寸的專(zhuān)題吧！

APPLE APP STORE ICON:512 x 512 PX

IPHONE 4 App Icon：114 x 114 PX

IPHONE 3GS App Icon：57 x 57 PX

—————————————————————–

IPHONE 5 App UI：1136 * 640PX （設(shè)計(jì)時(shí),高度還需要減去狀態(tài)欄40PX）

IPHONE 4 App UI：960 * 640PX （設(shè)計(jì)時(shí),高度還需要減去狀態(tài)欄40PX）

IPHONE 3GS App UI：480*320PX

—————————————————————–

iPad 3：2048 x 1536PX (2倍于iPad2)

iPad 2：1024 x 768PX

—————————————————————–

Android Phone App Icon：512 x 512 PX

Android Phone App UI：

240x320PX

320x480PX

480x800PX

480x854PX

540x960PX (例如：HTC Sensation XE)

Android Tablet App UI：

600x1024PX

720x1280PX

800x1280PX

因?yàn)锳ndroid設(shè)計(jì)單位是dp，而1dp等于1.5px。

設(shè)計(jì)稿以px為單位的情況下，元素尺寸需要是1.5的倍數(shù)，才可以在Android手機(jī)顯示清晰圖片。

下面是25學(xué)堂一路過(guò)程中分享的關(guān)于移動(dòng)界面設(shè)計(jì)尺寸的文章或APP設(shè)計(jì)干貨。

第一篇：iphone APP界面設(shè)計(jì)尺寸官方版

發(fā)布于： 2012 年 10 月 20 日

25學(xué)堂教程原創(chuàng)一：iphone界面設(shè)計(jì)尺寸（640*960）px 該Iphone界面設(shè)計(jì)是從蘋(píng)果官方網(wǎng)站幫助中心提取過(guò)來(lái)，這也是我第一次幫公司產(chǎn)品設(shè)計(jì)iphone版的UI使用的尺寸。由于之前接觸的比較少，只知道蘋(píng)果手機(jī)的界面尺寸是640*960，其實(shí)真正的大小是320*480，因?yàn)槿说囊暰W(wǎng)膜關(guān)系，蘋(píng)果公司放大了2倍。

第二篇：移動(dòng)APP界面設(shè)計(jì)尺寸視頻教程

【課程目標(biāo)】快速了解Android與 iPhone手機(jī)界面設(shè)計(jì)規(guī)范，如在做效果圖設(shè)計(jì)時(shí)需要注意的手機(jī)分辨率、界面尺寸、圖標(biāo)大小、如何切片等等... 【課程受眾】正在學(xué)習(xí)Android與 iPhone手機(jī)界面設(shè)計(jì)的新手朋友們。

第三篇：APP界面設(shè)計(jì)指南|APP界面設(shè)計(jì)師必備信息圖

發(fā)布于： 2013 年 5 月 16 日

2013年，APP界面設(shè)計(jì)已經(jīng)越來(lái)越受到大家的關(guān)注和熱捧！作為一個(gè)接觸APP界面設(shè)計(jì)的老鳥(niǎo)，網(wǎng)站設(shè)計(jì)師們。一定得記?。河脩?hù)體驗(yàn)設(shè)計(jì)放在首位！

第四篇：APP設(shè)計(jì)尺寸規(guī)范官方大全

發(fā)布于： 2013 年 8 月 17 日

正值25學(xué)堂一周年之際，同時(shí)站長(zhǎng)和APP設(shè)計(jì)同仁們?cè)谌豪铮ˋPP界面設(shè)計(jì) UI設(shè)計(jì)交流群： 232778150，歡迎大家加入交流分享）。

第五篇：iPhone和Android界面設(shè)計(jì)尺寸規(guī)范匯總

發(fā)布于： 2014 年 1 月 8 日 by admin

iPhoneui界面設(shè)計(jì)的宗旨-簡(jiǎn)單為主，APP用戶(hù)體驗(yàn)設(shè)計(jì)之上我們做設(shè)計(jì)的或是交互的，現(xiàn)在都是以用戶(hù)為主的iPhoneui界面設(shè)計(jì)，一定要走得人性化一點(diǎn)，才能引起用戶(hù)的共鳴。才能贏得更多的用戶(hù)的喜愛(ài)。

第六篇：iOS7設(shè)計(jì)尺寸大全

發(fā)布于： 2014 年 1 月 5 日

自從iOS 7的發(fā)布，APP設(shè)計(jì)人員和APP開(kāi)發(fā)人員將需要調(diào)整自己的視覺(jué)語(yǔ)言來(lái)匹配的iOS的新的“扁平化”的設(shè)計(jì)。除了網(wǎng)格系統(tǒng)，圖標(biāo)和常用元素，排版和圖像學(xué)的維度已經(jīng)在許多方面更新的蘋(píng)果。