锐客网

  1. 首页 > 睿知 > >

iosandroidui设计，iphone主题设计

经验分享睿知

1，iphone主题设计去www.moxiu.com，下载全免费的，自己做要注册帐号注册完了登陆，最后制作主题就行了
2 ， iOS和安卓的UI设计有什么区别iOS与安卓设计上的差异主要从系统差异、成本考虑、用户习惯3个方面来阐述 。一. 系统差异1. 物理按键对返回的影响安卓的物理按键以及屏幕导航按键的差异是安卓的返回键更加方便，iOS只有home键 ， 随着全屏的出现，可能会打破这种差异 。因此在设计返回操作的时候需要考虑平台的差异性 。安卓比iOS增加了物理返回键、底部导航，有些设备可以隐藏底部导航 。全面屏的普及会慢慢打破这种因为物理按键造成的交互及设计差别，全面屏设计适配是要考虑底部按键的差异 。华为全面屏的几种手势：安卓全面屏出现后 ， 并没有完全舍弃内置导航按键，还有纯手势、悬浮按钮、内置导航条3种方式 。随着硬件的发展，安卓和iOS的交互操作会更加趋同，改变这种差异 。返回浮窗的UI表现：iOS 手机只有一个“Home ”键，为方便用户退出浮层需要增加了“取消”入口 。而 Android 手机本来就有“返回”虚拟键，所以多做一个“取消”的意义性不大 。2. 屏幕分辨率造成的色调选择Material Design作为谷歌推出的全新的设计语言，和iOS对比，Material Design更加沉稳 ， iOS更加鲜艳 。原因是因为iOS的屏幕分辨率更高，对鲜艳颜色的还原度更好，安卓适应的机型比较多，颜色还原度没有那么好 。深色模式下考虑到用户长期使用的体验，因iOS的还原度高，背景使用#000000 ， 安卓分辨率的限制，文字颜色较浅，谷歌推荐背景色为#121212 。有些平台护眼模式和深色模式用两套 ， 比如网易云音乐 。. 软件更新方式的不同Android ：由于安卓的开源特性 ， 当有新版本时都会提示用户更新，且每个产品内部都带有“版本更新”入口 。更新的方式可分2种：引导更新：弹出提示让用户更新 APP，用户点击「更新」按钮前往应用商店更新、或者在当前页面更新并显示下载进度 。强制更新：也是先提示用户更新，只不过用户点击「更新」按钮，即调起软件安装页面 。iOS ：而 iOS 端出于对用户体验的考虑，UI设计中IOS和安卓的设计差异是禁止向用户提示版本更新信息的 。这也是为什么绝大部分的 iOS 产品，都是没有“版本更新”入口的原因，即使有，点击了也直接跳转到 App Store 查看版本情况 。4. 切图标注XHDPI对应的是安卓2倍图，XXHDPI对应的是安卓3倍图，iOS的3倍图和安卓的XXHDPI是一样的 。iOS用375*667px做设计，有些也用750*1334px，原因有3点：①开发同学不用换算，直接采用1倍图就可以②sketch切图时导出更加方便③极大提高了视觉还原和其他机型的适配安卓用1080*1920px做设计 ， 原因有3点：①从中间尺寸向上和向下适配的时 ， 调整幅度最小 ， 最方便适配②大屏幕时代依然以小尺寸作为设计尺寸 ， 会限制设计师的设计视角③用主流尺寸做设计，极大提高视觉还原和机型适配5. 键盘差异引发的搜索框样式安卓键盘有些是系统自带的，也有第三方的，例如搜狗输入法，iOS更多是系统自带的键盘 。很多输入法在键盘的右侧加入了更加明显的搜索按键，但为了照顾一些用户的操作习惯 ， 安卓还是把搜索放在了搜索框后面 。二. 成本考虑1. 开发成本loadingiOS的loading自定义更加常见、个性化强 ， 安卓很多都是用系统自带的(转圈的那种) ， 主要是考虑开发成本 。TAB样式2个平台会有特有的控件样式 。安卓系统本身全局actionbar ， 若去实现其他的样式，会破坏整体的封装，开发成本更高 。iOS系统有自定义的tab切换样式，开发人员只需要更改颜色、圆角 ， 更加方便 。高斯模糊毛玻璃在iOS比较常见 ， 安卓开发成本高，建议不做这种效果 。2. 商业成本一般iOS会让用户承担30%的抽成，例如优酷、腾讯的VIP会员价格 。三. 用户习惯1. 长按侧滑删除信息列表的侧滑，在iOS中是很常见的操作，但是在安卓更习惯长按，如果改成侧滑删除，会增加用户的理解成本 。2. 图标设计返回按钮：一般iOS返回不带横线“<”，安卓喜欢带有横线，例如下图，不过有些app会统一用一种 。分享按钮：一把iOS会采用苹果自带的向上的形式 ， 安卓喜欢用三个圈圈(看下图) 。弹窗按钮：有些安卓弹窗上的按钮会遵循系统规则 ， 在右侧这种形式，iOS更喜欢居中 。bar标题位置：安卓上的标题跟随着“返回”，在bar的左侧，iOS会喜欢放在中间 。【iosandroidui设计，iphone主题设计】
3，请问一下YunOS30在UI上面是什么样的设计这个YunOS3.0的UI属于扁平化的风格的呢 。设计风格还是按照以前的来的 ， 但是在色彩，细节上改变还是挺多的 。
4，Android与iOS应用程序用户界面设计的差异和比较 移动领域的两大风向标--Android和iOS ， 也是移动应用设计时最大的两个竞争对手 。Android与iOS在市场份额、受欢迎程度、使用人口统计方面数据不相上下，在这里，我们对比了Android和iOS之间的简单设计差异，这将帮助我们弄清一个与另一个有何不同 。由于碎片化的原因，安卓系统的应用设计会有细微的差异 。我们先来了解一下Android与iOS UI应用设计在扁平化设计和材质设计方面的对比 。人机界面指南主要基于三个原则 。清晰、尊重和深度 。简单来说 ， 该方法支持极简主义，使用简洁的元素，注重排版和扁平化色彩 。简而言之，Android Material Design被认为是Flat设计的升级版，带有拟态性（一种流行的设计概念 ， 即让所代表的物品与现实世界中的对应物相似） 。用Google设计副总裁 MatíasDuarte 的话来说，它是–有了这些基础知识，让我们从7个方面研究两个平台之间的差异 。目录1. 导航2. 按钮3. 图标和屏幕分辨率4. 字体5. 控件6. 卡片7. 警报对于iOS应用程序，总是在“后退”按钮旁边提示上一个选项卡的名称 。在中间 ， 显示当前选项卡的名称，而在右上角则显示“编辑”或“完成”（控制按钮） 。说到Android的设计规则，应用程序通常在抽屉菜单或后退按钮（可?。┲蟮淖笊辖窍允颈晏?。移至右上方，总是有一个操作项 ， 例如搜索图标（也可以是多个，例如“收藏夹”图标），其后是溢出菜单 。在iOS中，主导航始终显示在底部，功能菜单专门用于存储一次性功能 。而在Android中，通常会在功能菜单中看到主要导航，或者以搜索栏，浮动操作按钮等形式在整个界面中存在 。ios界面指南中，没有类似抽屉导航菜单的标准控件 。iOS的全局导航被放置在应用屏幕的底部，一般位于最末位的 "更多"标签下找到二级导航 。Android中 ， 二次导航是一个抽屉，一旦按下功能菜单图标，就会从左到右打开，同时产生一个深色的遮罩层 。有四种方法可以在iOS应用中实现“后退”操作：在某些情况下，Android应用程序中给出了类似后退的操作，您可以通过该操作进入前一个标签 。但是，最常见和最简单的方法是使用导航栏中的后退按钮（Android 10中现在是可选的） 。iOS和Android中的按钮风格最主要的设计区别在于 ， iOS中的按钮遵循扁平化的设计模式，不带阴影、支持标题大小写 。Android遵循Material Design，带阴影且字母大写 。另一个比较重要的按钮是Floating action button（FAB行动呼吁按钮） 。例如安卓系统中Gmail的compose按钮，iOS系统中社交媒体应用的新建文章按钮 。两种系统都使用8dp的网格来构建屏幕结构，而最常见的边框是16dp 。在开发移动应用程序时 ， 以预定义的尺寸设计图标是非常关键的 。这里有一个表，描述了所有的测量 。这些表格一开始可能会让人有点不知所措，但是如果你知道基本尺寸，并且能够使用倍数进行检查和导出 ， 会发现这并不复杂 。多年来，苹果一直是Helvetica Neue字体的粉丝，然而在2015年 ， 苹果开始使用San Francisco，它更节省空间，非常适合手机、台式机和iOS Watch使用 。Android系统，一直使用Roboto作为标准系统字体 。在可预见的未来，谷歌也没有计划改变这一深受喜爱的元素 。控件设计包含搜索、CTA按钮、选择控件和标签等元素 。每一个都满足了这样或那样的目的，让我们来看看他们的位置 。搜索功能对于两个平台来说都非常重要，苹果最近还在iMessage中加入了 "搜索栏 " 。在苹果中 ， 搜索选项有两种类型--突出和隐藏 。通常情况下，搜索图标会显示在上边的选项卡上，而有时需要从上到下拖动屏幕才能显示搜索栏 。此外，如果要取消搜索查询，可以按 "取消"，如果要清除，可以用 "X" 。在安卓系统中，没有隐藏的搜索栏，你总能在上层标签中找到一个 。如果要取消搜索，只需点击"←"图标即可，如果要清除查询，则和iOS中的一样 。浮动的动作按钮（FAB）在Android中充当主要行动按钮，可以出现在顶部应用栏或一些组件的边缘 。而iOS应用中的主要行动按钮总是出现在页面的右上角 。不过也有一些例外，少数iOS会在底部工具栏显示CTA，而Android则在上部工具栏显示 。如果需要显示一些选项，可以在iOS平台上使用选取器控件，选取器一般出现在底部 。对于在Android平台上显示很少的选项 ， 通常使用一个出现在原地的下拉菜单，或者一个出现在中心的模态对话框，使用模态框时应用背景变暗 。据观察，iOS系统并没有一个视觉上类似于 "标签"的控件 。它使用的是一个分段的按钮 。Android使用了"扁平化设计的tab"来实现同样的效果 。卡片是图片、文字、视频的集合，还包括按钮和评论 。在iOS中，卡片的特点是无阴影、全宽、无圆角 。而在安卓系统中，卡片的设计有阴影、沟槽、圆角等功能 。安卓系统的提醒采用的是扁平化的按钮样式，具体尺寸可以在材质设计指南中找到 。操作按钮被放置在提醒的右下角 。这些 "按钮 "完全以文字为主（全大写），让用户更容易理解 。至于iOS系统的提醒，则是用分割线隔开 。它们基本采用句子或标题的形式，在独立的区块中呈现 。它们被放置在弹出窗口的中心 。本文涵盖了iOS和Android所有的初步差异 ， 希望对你有所帮助，而设计一个iOS或Android的移动应用，总是有迭代的准则，所以 ， 一定要保持信息的更新，及时调整自己的产品设计 。Q. 为什么iOS和Android上的应用看起来不一样？品牌和意识形态的不同，已经波及到他们的操作系统的运作方式 。两个平台的UI设计已经成为品牌的符号化 。Q. 如何设计一个原生应用？在设计原生应用时，必须始终遵守iOS UI应用设计指南和Material设计指南 。这样才能使应用与它所要针对的平台同步 。另外，这些平台有不同的要求，所以你的应用必须满足它们才能在应用商店上发布 。Q. iOS比Android更方便用户使用吗？这个问题的答案是纯主观的 。它是基于用户的个人偏好 。有些人可能会觉得iOS更实用，而有些人则在各方面都偏爱Android 。5，Android界面设计http://zhidao.baidu.com/question/418407103.html 请感谢原作者现在Android2.3的低端点的机子是320x480，新的Android4.0的机子基本都是480x800的6，如何设计出一个高大上的APPApp界面设计是UI设计师们普遍需要设计的内容，具体App界面设计流程是怎么产生的？刚好我在CGWANG培训学院了解咨询过相关的设计流程，再结合一些企业内部设计师们的工作情况 ， 最后为大家总结出了以下几个方面，针对产品经理、交互设计师、视觉设计师提出的建议 。完整的流程 ， 分层次设计，自下而上去完成：1、策略层，定义产品使命、价值、目标人群2、愿景/功能层：定义核心场景、功能列表3、结构层：做流程图、信息架构 ， 确定主导航、主菜单4、框架层：梳理每一个主界面的内容、布局5、表现层：视觉设计，涉及图标、配色、切图 。产品经理主要关注1~2，在去找设计师之前，请先问自己以下几个问题，以保证需求明确： ...App界面设计是UI设计师们普遍需要设计的内容，具体App界面设计流程是怎么产生的？刚好我在CGWANG培训学院了解咨询过相关的设计流程，再结合一些企业内部设计师们的工作情况，最后为大家总结出了以下几个方面，针对产品经理、交互设计师、视觉设计师提出的建议 。完整的流程，分层次设计 ， 自下而上去完成：1、策略层，定义产品使命、价值、目标人群2、愿景/功能层：定义核心场景、功能列表3、结构层：做流程图、信息架构，确定主导航、主菜单4、框架层：梳理每一个主界面的内容、布局5、表现层：视觉设计 ， 涉及图标、配色、切图 。产品经理主要关注1~2，在去找设计师之前，请先问自己以下几个问题，以保证需求明确：1、产品给用户带来的价值是什么？2、竞品有什么？我们做这个有什么优势？3、为什么样的用户而做？4、用户会在什么样的场景下使用这个产品？5、要完成这个产品，最大的瓶颈是什么？是技术攻关？体验出彩？还是运营资源？交互设计师主要关注3~4，在交付方案之前请先不断问自己以下几个问题 ， 以保证体验质量：1、该界面要求用户完成的最重要的任务是什么？2、这是最简单的解决方案吗？3、信息是否组织得当？4、设计是否易用且一目了然？5、标准是否一致？6、能否减少用户点击次数？视觉设计师主要关注5 ， 在与产品经理PK之前请先不断问自己以下几个问题，以保证减少返工：1、界面上需要突出的重点是什么？是否进行了有效的突出？2、界面上一共有几个层级，是否用清晰的视觉语言予以展现？3、同样层级、同样性质的元素是否用了一致的设计语言？4、主色调、材质，是否符合整体品牌感？5、细节有无丢失？按钮点击态、反馈、缺省状态、字数超出、加载中、未加载态、加载失败态，是否都提供了？另外，合作不易，三个角色分别需要注意的问题：对于产品经理：1、APP的设计，不要只看竞争对手确定自己的定位 ， 不要“因为竞品A和B没有做到，所以我们要做比A和B更牛B的XX功能”，而是要以用户为导向 ， 思考自己为客户提供的价值 。在向其他人描述你的想法时，请用这样的句式来描述和思考：XXX这一类型的人在XXX的时候、XXX的环境下，想要做XXX事情，遇到了XXX问题 。而我们这个APP能够通过XXXX方式巧妙的帮助他解决了这个问题 。2、不要直接拿线框图给交互设计师看 ， 直接描述你的需求即可 ， 描述清楚 。让设计师知道你的目标是什么，接下来让交互去画原型，让更专业的人做专业的事 。3、不要太纠缠视觉，对于一些无关紧要的细节，该放手就放手，尽量减少提出主观意见 。4、别太迷信用户反馈，能提反馈的，大部分都是粉丝、深度用户、高级用户，他们代表不了全部用户的心声 。5、让开发主管去评估工作量，如果对某一部分工作量的评估觉得时间太长 ， 就把它拆分成子任务 。6、每周对一到两次开发成果，别频繁的去打扰人家 。7、bug不断发现，不断修复 ， 发现/修复率小于1，才开始变得可控了，才能确定bug的具体规模并精准预测发布日期8、少做少错，新版本尽量别加太多锦上添花的功能，满足最核心的就行了 。对于交互设计师：1、不要一提商业化就头疼，谁不想做一个干干净净没广告的APP ? 别老想着高大上，目标最重要 。通过你的设计，让用户消无声息的贡献点击，让商业化变得人性化，这才是你的本事 。2、别太窝囊，别产品说怎么改，就怎么改，要跟他争 ， 把自己当成产品的owner，产品的数据、规划，你全都要知道 ， 这样信息对等了，才有话语权，才能有机会站在用户角度提供人性化的设计建议，否则只能是个画线框图的 。对于视觉设计师：1、简洁不等于好（在业界大谈特谈简约至上的风气下，一定有人对这句有疑问，不细解释，请自行先翻一下诺曼的《如何管理复杂》这本书） 。符合用户的心智模型，让人一目了然，才是好 。2、别做一大堆方案，ABC方案抛出去让人?。?这样累不累？自己先判断哪一个方案最好，把它做到自己满意、可行、拿得出手 ， 就行了，不要沦为美工 。3、给开发的视觉稿 ， 先自己想一下，布局如何实现，不同屏幕尺寸如何适配 。如果有动画效果 ， 别天马行空的描述，能做出动画示意最好，做不出来，也找一个靠谱的示意 。别让开发gg太上火 。最后，90%的问题本质上都是沟通问题！90%的争论本质上都是名词之争！总结? 不管对于产品经理还是交互设计师或者是视觉设计师而言，在整个App界面设计流程中都需要做好准备 ， 多思考解决问题的方案并付诸于行动，只有大家都互相通力合作了，整个App的UI界面才能初步有一个完整的雏形 ， UI设计的整个流程才能更加有效率 。永远记住以用户的想法为核心，再进行进一步的设计，这是UI设计中最基本的理念 。o 来源：UI设计达人收起飞 地a p p就 挺独 特的

    推荐阅读


    上一篇：网络编程程序，如何编写网络程序

    下一篇：苹果官网在哪里进去，手机怎么进苹果官网