锐客网

  1. 首页 > 睿知 > >

iOS 设计规范，什么是ui ios和安卓的规范

经验分享睿知

1 ， 什么是ui ios和安卓的规范设计上来说这两个系统有些东西越来越通用了，目前很多Android的应用偏苹果风格，也就是说基本都是采用一套iOS设计模板来适配Android系统 。术语解读和系统平台对比android是Google公司开发的操作系统 。iOS是苹果公司的移动操作系统 。导航方式不一样iOS的Tab放在页面底部，不能通过滑动来切换，只能点击 。也有放在上面的，也不能滑动 ， 但有些Tab本身可以滑动，比如天猫的 。还有新闻类的应用 。Android一般放在页面顶端，可以通过滑动页面来切换Tab ， 当然Tab可以点击切换 ， Tab多的话，Tab本身也可以滑动 。比如豌豆荚，百度贴吧，QQ 。总之 ， Android啥都可以有 。UI设计规范不一样比如现在通常设计的尺寸对比如下：iOS： 750*1334 或者 1242*2208android：720*1280 或者 1080*1920首先你要理解ui这个词的含义 。ui=用户界面 。那什么叫用户界面呢？手机，电脑，智能手表，以及其他一些电子产品都有着自己不同的用户界面 。所以所谓的ui是没有固定的尺寸的 。真正的做一套ui界面 ， 首先你的选定目前主流的屏幕尺寸 。打个比方说苹果5的分辨率是960x1136 。像这个分辨率别的手机根本用不了 。同一款app在不同的屏幕尺寸下可能都有一套自己的ui界面 。至于图标的大小你可以百度一下 ， 有标准尺寸的 。但是现在很多异形的app都没有按照标准的来 。
2，浅谈iOS与Android设计规范6类交互设计规范对比iOS和Android两个不同的平台，肯定是有很多区别的，下面就从交互的角度，谈谈区别 。以前就读过IOS和Android的规范，但是觉得没啥大用处，因为现在APP为了保持一致性，通常在IOS和Android上的设计是一样的，而且一些小公司只设计IOS的交互原型 ， 因为只要IOS上能用 ， 安卓上肯定没问题 ， 前段时间，和一个人聊 ， 问我它俩的区别，当时一脸懵逼，不知从何说起 。毕竟是两个不同的平台，肯定是有很多区别的，下面就从交互的角度，谈谈区别 。一、全局导航IOS：通常放在底部，方便用户点击Android：通常放在上面，下面有物理按键，防止误操作 。解析：因为Android比IOS多了物理按键，为了防止误操作，所以只能将全局导航放在上面，但是随着屏幕越来越大，上面是手指无法触及的区域，所以切换起来相对成本较高 。二、二级导航IOS：通常放返回、上一级标题、标题（居中），操作通常只有一个Android：通常返回控件、logo、下拉菜单、重要操作、更多操作解析：IOS显示了上一级的名称，让用户点击返回后，心里有预期，Android放了APP的logo，增加了品牌性，但是就使用来讲，用户不知道点击会回到哪，下拉菜单和更多操作都需要点击才能显示，增加了操作步骤 。三、工具栏IOS：通常放在最下面，方便操作Android：放在导航栏里，将重要操作放在外面，其他放在更多里 。解析：IOS将操作都放在底部，区域更大，操作更方便 。Android将操作放在了顶部，显得很拥挤 ， 并且还收起了一部分，需要用户查找，但是却节省了空间，让内容显示区更大 。四、提示框IOS：出现在屏幕中间，可以带图标，可以不带，可以是静态的，也可以是动态的 。Android：不可以带图标，不能是动态的，最多只可以带一个操作按钮，最多只能出现一个提示，不能和低端的悬浮按钮重合 。解析：IOS的设计理念是尽量不打扰用户，只要用户能看见变化，轻易不会出现提示，只有一些用户无法感知时，才会出现提示框，所以可以是动态的，像调节音量 。Android的提示要比IOS重一些，因为它可以带一个按钮 。五、警示框IOS：标题和按钮是必须的，可以有内容和输入Android：主要有四种：用途、内容、事件、表现 。1、用途包含了标题，内容和事件 。六、手势定义IOS的手势规定有8种，如下：解析：IOS只有8种手势 ， Android有14种，但是很多都不常用，个人感觉IOS的8种已经完全够用了，定义那么多种，用户的学习成本就会提高，而且Android的有些手势并没有定义可以做什么，所以给出这么多手势也没有用 。结语本文对IOS和Android的规范进行了对比，Android的规范那是相当详细，但是IOS的只给出了设计原则，所以，一些是我自己总结的，可能对比的还不够全面，欢迎大家一起讨论 。
3，移动ui设计都有什么规则原则一：内容优先界面布局应以内容为核心，提供符合用户期望的内容 。原则二：为触摸而设计界面的设计交互系统以自然手势为基础构建 ， 符合人体工程学保存一致性 。原则三：转换输入方式使用各种手机的设备特性和设计手段，减少在应用内的文字输入 。原则四：流畅性保持应用交互的手指及手势的操作流、用户的注意流和界面反馈专场的流畅性 。原则五：多通道设计发挥设备的多通道特性、协同的多通道界面和交互，让用户更有真实感和沉浸感 。原则六：易学性保持界面架构简单、明了，导航设计清晰易理解，操作简单可见，通过界面元素表意的和界面提供的线索就能让用户清楚地知道其操作方式 。原则七：为中断而设计考虑应用的使用情景，确保在各个产生出中断的情境下 ， 让用户恢复之前的操作，保持用户的劳动付出 。原则八：智能有爱给用户提供让他感到惊喜有趣的、智能高效的、贴心的设计 。移动UI设计需要注意的是各种平台的设计规范和要求 。IOS和安卓的设计 就 需要不同的标准 ， 应用美术心 理 学，界 面 交互设计等 。像 AAA 教育的UI设计课程包括UI设计 ， 平 面 设计，动效设计等内容 。望采纳，谢谢~移动UI设计需要注意的是各种平台的设计规范和要求 。IOS和安卓的设计 就 需要不同的标准，应用美术心 理 学，界 面 交互设计等 。千锋UI设计课程包括UI设计，平 面 设计，动效设计等内容 。移动UI设计需要注意的是各种平台的设计规范和要求 。IOS和安卓的设计 就 需要不同的标准，应用美术心 理 学，界 面 交互设计等 。AAA数字教育的UI设计课程包括UI设计，平 面 设计，动效设计等内容 。1.移动ui设计师就是各种移动设备所使用的系统及软件的用户界面设计师 。2.移动设备包括手机、平板、导航仪、智能手表等 。3.主要设计内容为人机交互、操作逻辑、界面美观的整体设计 。4.ui就是user interface用户界面的意思 。【iOS 设计规范，什么是ui ios和安卓的规范】
4，IOS UI设计规范是什么 在现在的互联网行业中，有一个职业叫做UI设计师，UI的日常工作就是保证高保真设计稿的设计，对于IOS以及Android来说都是有不同的设计规范的，下面我们一起来了解一下IOS UI的设计规范 。01先来说说设计稿的尺寸，一般来说在做IOS设计稿的时候，设计稿尺寸我们都是选择650*1334这个尺寸 ， 如果是1x的话 ， 就是375*667 。02我们从上到下以1x的规范来进行了解，最上边的就是状态栏了，状态栏的高度是20，宽度都是375 。03那么状态栏都是有哪些元素呢？实际上就是信号、网络状态、时间以及电量和通知等 。04在信号栏下边就是我们的导航栏，导航栏的高度为44px 。05导航栏中肯定是有导航文字的，导航文字一般来说我们都是居中对齐，并且导航文字的大小应该为18px 。06接下来就是最底部，最底部就是我们的标签栏了，标签栏中都是我们的切换图标 ， 标签栏的高度为49px 。07标签栏中的图标大小也是有规范的 ， 最小的点击区域我们必须保证为24px，低于这个范围的话是不方便进行操作的 。08在图标的下方一般都还有文字 ， 这里文字的大小比较?。梢愿萃急甏笮±唇械髡? ，一般来说文字大小为11、10px 。09总的来说着就我们IOS UI的设计规范了 ， 其他还有就是内容区域的文字大小规范了，一般来说都是16、15、14、12这四个文字大小，具体根据需求进行设计 。5，UI设计需要哪些能力UI设计除了要掌握一些基本的操作软件 ， 如PS AI AE AXURE 以外呢，还要掌握比如配色 ， 排版，字体设计 ， 三大构成，消费心理学 ， 沟通学，以及思维导图，原型图，还有交互逻辑，规范，切图，了解程序 ， 用户体验，还有营销课程方面的内容 。一个合格的UI设计师，不应只是一个会使用工具的技术师，还应该具有把控整个项目进展的能力 。UI的全称是user interface，即是用户界面 。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计 。从通俗易懂的角度来说 ， UI是视觉上的东西，包括图标、APP界面、软件、网页按钮、网页导航、凡事我们肉眼看得到的通过设计师的设计和绘图得到的视觉产品，都是属于UI 。下面我们就一起来看看UI设计师的必备技能 。1：熟练设计技巧，用户界面设计主要包含图形设计、用户体验设计和应用程序开发几个方面 。UI设计师首先需要具备基本的UI设计技巧，既要懂设计，又要懂技术 。2：UI设计师必须掌握前端开发的知识，包括HTML、CSS和JavaScript，以及Photoshop、图形设计以及代码编写的能力 。3：设计理念强，UI设计师必须在产品功能和视觉元素间找到平衡 ， 既要满足产品的功能需求，又要尽量美观 。4：过硬的技术能力，UI设计是一个不断发展的行业 。它要求设计师要不断创新，不断学习新的技术 。合格的UI设计师必须能适应这种变化 。5：创造能力强 ， 最好的用户界面就是没有界面 。所有优秀的UI设计师必须能轻松创建简洁且易于使用的用户界面 。1、协作能力2、调研能力3、设计/手绘能力4、思考能力5、总结归纳的能力一、图形界面设计（GUI）：1、UID预科：网络数字化生存、项目管理规范、思维导图、辅助软件、职场精英；2、GUI软件基?。篜hotoshop、Illustrator、CorelDraw、Indesign ；3、商业设计流程及规范：企业形象识别系统建设流程、平面设计与后期印刷；4、阶段实训：产品展示设计、企业形象识别系统设计 。二、传统美术（AUI）：1、美术基?。核孛璧钠鹪从牖婊淖饔谩⒒婊咛趿废啊⒒婊雇迹?、素描速写：几何体、静物、设计素描；3、色彩原理：色彩基础、色彩与视觉、色彩搭配、色彩与设计、绘画与创意；4、阶段实训：手绘图标 。三、Web界面设计（WUI）：1、WEB界面设计软件基?。篎ireworks、Dreamweaver、Flash；2、WEB界面设计：WEB界面设计、PC客户端软件界面设计；3、WEB标准化布局： HTML/HTML5语言、CSS样式表、布局技巧与浏览器兼容；4、阶段实训：中小型企业网站项目、电子商务网站项目、PC客户端软件界面设计 。四、移动设备界面设计（MUI）：1、图标设计：剪影图标、2D彩色图标、3D彩色图标、写实图标；2、交互设计：交互原型图软件Axure RP、苹果iOS系统应用设计规范谷歌Android系统应用设计规范 ；3、界面设计：iPhone应用交互界面设计实例、iPad应用交互界面设计实例、Android应用交互界面设计实例、Windows Phone应用交互界面设计实例；4、阶段实训：图标设计、社交类APP界面设计、工具类APP界面设计（含交互原型图）、企业型产品项目,最近被很多朋友问到过UI设计需要学习什么软件的一个问题，所以这边就给大家讲下，UI设计需要学习的软件有那些 。就目前的UI设计师平均技法这块基本是有以下4个软件 。会了这4个基本UI设计技法没有多大问题了 。不过也有少部分公司是只会这4个不够的 。PSAI主要是用来做界面 ， AE用来做动效，ARP用来做交互原型 。1、PS CC 2017（最新版本）PS可以在UI设计中 ， 绘制界面设计，图标设计等 。2、AI CC 2017（最新版本）在UI设计中AI软件主要用来绘制图标 ， 界面等设计 。3、AE CC 2017（最新版本）在UI设计中AE主要用制作交互动效图4、APR 8.0(最新版)在UI设计中ARP主要用制作交互原型图 。6今天就给大家分享到这里希望对大家有所帮助，记得收藏和分享让更多的朋友快速解决问题，学习是一种信仰，分享是种快乐！6，iOS和安卓的设计规范有何不同是一种基于Linux的自由及开放源代码的操作系统 。主要使用于移动设备 ， 如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发 。iOS是苹果公司的移动操作系统 。iOS是由苹果公司开发的移动操作系统，苹果公司最早于2007年1月9日的Macworld大会上公布这个系统，最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad以及Apple TV等产品上 。iOS和安卓的ui区别二：UI设计规范不一样 。具体的UI设计规范详解请点击阅读：iOS、Android、WindowsPhone官方设计规范汇总比如现在通常设计的尺寸对比如下：iOS： 750*1334 或者 1242*2208android 720*1280 或者 1080*1920iOS和安卓的ui区别三：导航方式不一样iOS的Tab放在页面底部，不能通过滑动来切换，只能点击 。也有放在上面的，也不能滑动，但有些Tab本身可以滑动 ， 比如天猫的 。还有新闻类的应用 。Android一般放在页面顶端，可以通过滑动页面来切换Tab ， 当然Tab可以点击切换 ， Tab多的话，Tab本身也可以滑动 。比如豌豆荚，百度贴吧，QQ 。总之，Android啥都可以有 。iOS和安卓的UI区别四：单条item的操作iOS单条item的操作有两种，点击和滑动，点击一般进入一个新的页面，滑动会出现对这条item的一些常用操作，如微信里滑动一条对话 ， 会出现标记未读和删除 。Android中，单条item的操作也有两种，点击和长按，点击一般进入一个新的页面 。长按进入一个编辑模式，可以在里面进行批量和其他一个操作，比如删除，顶置等等 。比如小米的短信页面；长按也可以弹出情境操作栏dialog ， 进行操作，比如Android版的微信 。OS和安卓的UI区别五：实体键iOS只有一个实体键（音量，电源不算哈） ， home键，这个键有这么几个功能：1、按一次 ， 回到桌面 。2 、双击，出现多任务界面3、iOS8里面 ， 轻触两下Home键，调出单手模式4 、指纹解锁Android有四个实体键（现在很多被屏幕上的虚拟键代替，但功效是一样的）4.4一下的分别是back键，home键，menu键 ， 和搜索键 。4.4及以上 ， 是back键，home键，多任务键 。安卓原生是这样 ， 经过优化的Android就不一定了，比如魅族的smart bar ， 根据当前页面情景变化，不过蛮好用 。Android的back键 ， 在大部分情况下，和页面上的返回功效一样 。不过，Android的back键可以在应用件切换，还可以返回主屏幕 。这个iOS里面的键不能在应用间直接切换 。iOS和安卓的UI区别六：浮窗设计元素不一样安卓里可以看到各种浮窗，流量，清理内存等等 。iOS暂时还不支持这样的浮窗 。越狱的貌似可以 。iOS和安卓的UI区别七：图标尺寸和命名规范不一样1、iOS和安卓手机的APP图标尺寸规范和图标命名规范2、对比PC、iOS、Android等终端APP的交互设计的差异化iOS设计规范围绕一个核心 ， 就是“模态”安卓设计规范如果总结成一句话，就是“任何地方均可点击”区别iOS和安卓设计的10个check points1. 如何全局导航：iOS导航tab bar放在底部（顶部手短摸不着）安卓导航tab个数少用固定tab，个数多用滚动tab，都在顶部（安卓的硬按键在底部 ， 防止误操作）（如果种类太多，都可以使用左侧抽屉设计）2. 二级页页头导航条是什么顺序：iOS导航1 向上箭头+上级页面标题2 当下页面标题（居中，可以没有）3 操作（一般就一个）iOS不需要给出logo安卓导航1 向上箭头+logo+当下页面标题2 Spinner（optional）3 重要操作（可能多个）4 更多操作 （省略号竖向）安卓不需要指出上一级页面标题3. 搜索框设计安卓搜索点击放大镜进入搜索搜索框=非模态窗口+左箭头+LOGO+输入框（占位符）iOS7搜索下拉滑出搜索框进入搜索搜索框=模态窗口，没有左箭头 ， 没有搜索按钮4. 管理列表条目iOS左滑能删掉条目安卓长按操作条目（展现contextual menu或者contextual action bar）ps：安卓4.0已经逐步接受手势操作，不那么严格5. 批量管理条目iOS右上角有编辑按钮 ， 点击进入批量管理安卓长按条目进入批量管理模态5. 视觉iOS主要内容白色，背景淡色，内容与背景衬线分割安卓不使用背景，一切区域皆可点6. 选择分类iOS使用scope bar或者左上角抽屉设计（汉堡包）安卓使用下拉菜单spinner（但是很少设计师喜欢）7. 操作工具栏iOS一律放在底部，叫split action bar安卓一律放在顶部右端，叫contextual action bar8. 产品LOGOiOS不在导航中显示logo安卓每一个页面左侧顶部都应该显示logo9. 列表样式iOS在条目上提供右箭头，提醒更多内容（optional）安卓不放右箭头 ， 一切区域皆可点击，不需要额外提醒10. 按钮安卓使用扁平方型按钮设计iOS7建议borderless按钮设计两者圆角尺寸也不同以上是想到的10处不同，大家可以拿着它去看安卓和iOS上哪些app是符合规范的，哪些app又完全不懂规范？

    推荐阅读


    上一篇：安卓 云服务,华为云服务一站式云平台搭载多项基础功能

    下一篇：安卓上好用的圣经软件,巴比伦通天塔安卓系统不敢恭维!