当前位置: 首页 >> iphone界面设计欣赏|iphone UI界面设计教程 >> 阅读正文

iPhone和Android界面设计知识大汇总【APP设计专题】

iPhoneui界面设计的宗旨-简单为主,APP用户体验设计之上

我们做设计的或是交互的,现在都是以用户为主的iPhoneui界面设计,一定要走得人性化一点,才能引起用户的共鸣。才能赢得更多的用户的喜爱。

APP用户体验设计之一:iPhone UI 设计尺寸规范

25学堂跟大家分享一个非常详细的iPhone UI 尺寸参考图,方便 iPhone 开发新手和界面设计新手使用!下面的iPhone UI 尺寸图由SegmentFault参照iPhone 人机界面设计指南整理而出!

在这里,25学堂再次感谢SegmentFault的辛勤制作。

iPhone-UI-尺寸参考

 

 

iPhone和Android界面设计知识-分辨率

分辨率是屏幕物理像素的综合,一般用屏宽像素数以屏高像素数来表示,比如480px*800px,320px*480px等,像素是显示屏规范中的最小单位。

android的分辨率和IOS类似,它有四个像素密度,android提供120DPI(低密度),160DPI(中密度),240DPI(高密度)和320DPI(超高密度),所有用户界面都是基于四个密度之一的尺寸来设计的。要支持所有4个密度,是很悲剧的。如果一开始是以160DPI来设计,那么你就需要扩展这些密度到100%、150%和200%。

AndroidDPI设计知识详解:

ppi(pixels per inch):图像的采样率(在图像中,每英寸所包含的像素数目)
dpi(dots per inch):打印分辨率(每英寸所能打印的点数,即打印精度)
打印尺寸、图像的像素数与打印分辨率之间的关系可以利用下列的计算公式加以表示:

图像的横向(竖向)像素数=打印横向(竖向)分辨率×打印的横向(竖向)尺寸,
图像的横向(竖向)像素数/打印横向(竖向)分辨率=打印的横向(竖向)尺寸。

针对特定的图像而言,图像的像素数是固定的,所以,打印分辨率和打印尺寸便呈现反比的关系。

 

一款成功的APP是如何设计的?    需要注意哪些细节或注意的原则

设计步骤

1、App用户体验设计—从名称确定-图标制作-色彩辅助,图标设计技巧可以为扁平化设计、长投影设计等。

有兴趣可以看看:设计成功APP游戏图标的4项原则

2、App用户体验设计—界面拟物化或是扁平化设计,布局使用卡片式设计等。

视觉层 :界面设计的现实模拟
flava为了传达出记录生活的语义
使用了日志本式纹理的封面。
行为层 :功能和操作行为的现实模拟
如阅读体验中的翻页
运劢过程中的加速和缓冲
如指南针的模拟

3、App用户体验设计-界面设计布局决定应用结构

4、App用户体验设计—尽量图形化   轻功能,重交换体验

操作入口随需要呈现,利用手机特点使用多点手势。比较直观的操作。

 

 第三部分:APP界面设计素材的分享和积累

收藏一些经典的APP设计素材对于设计师来说,是很重要的一项工作,每天吸收一点每天模仿一点,才能提高自己的设计能力和设计视野。下面这些是25学堂在2013年收集和分享的一些好的APP设计素材。希望大家可以用得上。

1、国外30个优秀移动APP UI界面设计的灵感分享

2、44个美丽有趣的Flat图标素材包免费下载

3、18个精美的APP界面设计模板|APPpsd素材免费下载

4、6个优秀的App界面设计PSD素材网站推荐

5、经典Appui设计的资源包和免费设计插件大放送

6、一组3D立体透视效果APP界面展示及7个常用透视技巧介绍

7、48个UI设计资源酷站分享与资料下载

8、国外免费高品质Photoshop资源网站

9、48个免费扁平化设计APP图标素材包(附PSD源文件)

 

第四部分:iPhone和Android ui界面设计教程分享

作为一名APP界面设计新手,我想了解一些相关的视频教程是很有必要的。

1、iOS APP图标设计参考图表大全|APP设计教程

2、用户体验设计之《用户界面设计的20条准则》

3、用户体验设计之以用户为中心的13种设计方法

4、关于APP Ui界面设计的那几本书籍

5、浅谈APP界面设计中的视觉引导和启发式设计

6、移动APP界面设计尺寸讲解(新手入门篇)的课程视频

7、如何使用iPhone和iPad的设计模板_APP设计新手教程【二】

8、如何设计精美的iOS应用程序_APP设计新手教程

9、移动APP产品设计和用户体验设计文档规范下载

 

还有更多iPhone和Android界面设计知识尽在25学堂。

APP设计群号:229139408   同时也可以扫一扫APP设计学堂的微信,在网站顶部!

本文标题:iPhone和Android界面设计知识大汇总【APP设计专题】

本文地址:http://www.25xt.com/iphonedesign/4736.html

本文关键词: ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。