苹果系统网页界面设计

1、iOS界面设计尺寸和分辨率有哪些

1、目前苹果手机的尺寸及分辨率
iPhone界面尺寸：320*480、640*960、640*1136、750*1334、1080*1920等。
iPad界面尺寸：1024*768、2048*1536等。
单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。
Ps：作图的时候确保都是用形状工具（快捷键：U）画的，这样更方便后期的切图或者尺寸变更。
2、界面基本组成元素
iPhone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。
640*960的尺寸设计下这些元素的尺寸。
· 状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px
· 导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px
· 主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px
· 内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px

希望能给你帮助，另外你可以到百度文库搜索相关关键字，相信会有你的资料。

2、关于苹果的操作界面和平面设计的问题

苹果当然支持Adobe的软件，或者说Adobe软件是为苹果量身定做的，windows和mac装Adobe软件没什么区别，只是版本不同而已，例如ps cs4有for windows操作系统的版本，也有for mac操作系统的版本，不过现在D版软件for mac系统的比较少而已。

当然也不是所有的平面设计软件都支持mac系统，例如corel公司的软件就没有开发for mac的软件，所以像coreldraw、paint等软件是无法安装到苹果机上的

mac上装adobe软件当然会比windows上装adobe软件好的多，首先是苹果机的速度会比pc机快得很多，这主要是因为mac系统的磁盘存储工作方式和windows系统区别引起的，同样也就是说除非采用兼容模式，否则苹果机存出来的文件到window系统中是无法读出的，另外苹果机显示器对平面输出的颜色准确度也好得多，至于操作界面，除了键盘上那个苹果键和pc机的winkey不同外，基本上就没啥区别了

3、苹果系统ios6.7.8的ui设计的区别是什么

1\界面空间不同手机UI和网页UI最大的区别是空间的不同，手机就是那么大的一个地方，我们只能通过上下滑动来获取更多的信息，而相比于网页来讲，网页的空间就非常大了，你可以移动你的鼠标去你任何你想去的位置，而手机则不同，手机的空间就在一个狭小的范围内，这个时候如果我们想设计一个按钮的话，他一定要非常明显易见，不能让浏览者到处寻找，而这个按钮的位置通常在底部较合适，这样更适于人们用拇指来点击或者移动。
2\ 操作习惯不同 在网页中，我们可以利用鼠标点击、双击、右击等等各种操作，而在手机上我们只有点击一种或者是长按和滑动，很明显，我们需要按照浏览者在不同媒介的习惯来定位我们不同的UI设计，来更好的引导浏览者浏览网页、满足浏览者的需求。
3\精确度的不同 我们都知道在网页上鼠标的精确度是非常高的，即使再小的东西也能够通过点击或者鼠标拖拽来实现，而且精确率非常的高，但是在手机上就不同了，我们通常需要设计一个精致的按钮，点击的范围最好大一些，这样我们更能够保证按钮的精确度，因为我们不能保证很多人的手指较粗哦。同理我们还要把按钮放置的醒目一些，不能和背景融为一体，毕竟手机UI和网页UI是有很大不同的。
最好还要提醒的是，在手机UI设计中，地图往往有很大的作用，因为我们不可能在很狭小的范围内放置很多的内容，我们必须做好框架和结构，通过地图引导浏览者浏览欣赏。

4、苹果手机iOS界面设计尺寸和分辨率分别有哪些？

1、苹果手机iOS界面设计尺寸和分辨率

（1）界面尺寸：3.5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、4.7英寸（iPhone6/6S）、5.5英寸（iPhone6 plus/6S plus）等。

（2）分辨率：320*480像素（iPhone1/2/3）、640*960像素（iPhone4/4S）、640*1136像素（iPhone5/5S/5C）、750*1334像素（iPhone6/6S）、1080*1920像素（iPhone6 plus/6S plus）等。

5、【网页开发】苹果官网这种排版是怎么实现的？{有图}

使用定位元素和透明度属性进行布局的

6、苹果和安卓在界面设计上有什么区别 知乎

安卓系统需要适配很多分辨率，而且不同的开发人员有不同的适配方式。官方文档里建议要提供 4 种尺寸的界面切图：LDPI, MDPI, HDPI, XHDPI。而且为了方便计算，官方有 DP 这样的单位来方便开发；iOS 上一般就是普通分辨率的切图以及 @2x 的切图，而且是直接倍乘的尺寸，相对比较简单。
除了切图以外，界面布局也必须考虑不同分辨率下的情况
iOS 的 Tab Bar 是在屏幕底部的，但是 Android 上并没有这样的规定。而且考虑到很多安卓手机底部已经有一排实体按钮，放在顶上有时也是不错的。
模拟界面字体的时候 Apple 这边英文部分用 Helvetica Neue，中文部分可以使用 STHeiti；Android 部分可以使用 Droid Sans Fallback
iPhone 各代各批次的屏幕有差，但可以按照主流机型试着调整一下色差，设计效果尽量放到实际机器上看；Android 这边。。。。就算了吧
iOS 界面开始时很多动效可以直接调用；Android 的话有时需要开发人员自己写，考虑到各机型适配和性能情况有时候效果会打折扣
Android 下没有“按状态栏回顶部的功能”，有时需要照顾一下

7、苹果手机的自带safari浏览器怎么设置成电脑版？

苹果手机的自带safari浏览器设置成电脑版有两种方法：

8、界面设计和网页设计是一个思路么

相似但是有区别
界面设计呢 比较注重功能的承载方面，服务于使软件功能更好用，无需很花哨，简洁明了即可（参考苹果系统界面）
当然网页也分为功能型和视觉传达类型 ，前者同界面设计类似，突出功能。后者更为注重视觉的美观，震撼（这取决于网站需求),类似于平面设计

9、苹果电脑上好用的又特别简单的原型设计软件求推荐一个！

MockFlow Mac激活版是一款简单好用的原型设计工具。简洁大方的界面让原型设计十分容易，让您的原型创建高效，快捷；MockFlow对协作的功能支持，让大家可以将自己的想法进行实现，还有聊天的功能，能在线的完成交流，让设计符合大家的设计需求。

MockFlow Mac版安装教程

下载完成后,双击pkg安装，MockFlow安装器将引导你完成安装，点击【继续】

MockFlow Mac版软件介绍

MockFlow 是一款功能强大的原型设计工具，简单的界面让原型设计十分容易，为用户提供了原型设计所需的所有工具和功能，可以直观的构建产品UI。

10、ios app界面设计用什么尺寸

界面尺寸规范

1、界面尺寸大小是：750x1334px。

2、状态栏(status bar)：就是电量条，其高度为：40px;

3、导航栏(navigation)：就是顶部条，其高度为：88px;

4、主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px;

5、内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px