首页 > 科技动态 > 内容

5个关键词:微信小程序和App的UI设计有何异同?

发布于:2024-06-17 编辑:匿名 来源:网络

雷锋网:作者沙明,OOPSING咨询创始人,苹果专家,了解推广圈编程、码农圈推广。

自从从事自媒体以来,我就得了一种职业病。

当我看到热门话题时,我就想关注它们。

这种病一定要治好!虽然我研究苹果很多,但人们总是把小程序和App放在一起比较,所以我也花时间阅读了小程序开发指南,特别是UI部分的设计和原理。

今天我将其与苹果的HIG(人机界面指南)进行比较,其实两者在一些重大原则上可以说是一致的。

关键词一:友善礼貌 对应苹果:少即是多 苹果在iOS7中做了非常大的界面调整,重点突出内容,去除了一切会干扰用户的界面元素。

这种风格一直延续到今天(以苹果自己的应用程序为例,比如指南针和天气)。

微信在指南的开头也强调了这一原则,并用两个正反例子进行说明。

首先是不要在搜索页面上放置不相关的因素。

最好放最近的搜索词、常用的搜索词等。

二是不要给用户太多的选择(有选择恐惧症的人越来越多)。

关键词二:Clarity 对应苹果:Clarity Apple HIG 三大原则中的第一条是Clarity,它有几层含义。

其中之一就是开发者有义务通过导航栏设置回答用户的三大问题:目前在哪里?我们可以去哪里?你去的地方可以做什么?微信也再次强调了清晰导航设置的重要性,直接在微信层面解决了你在哪里以及如何返回的问题。

开发人员只需要定义去哪里。

至于导航栏,除了颜色之外,开发者除了进行更改之外无能为力。

例如,iOS状态栏提供了深色和浅色两种样式,小程序导航栏也有这两种样式,与状态栏融为一体。

至于配色方案,微信也给出了例子。

原则是色彩搭配要和谐,不影响文字的可读性。

这其实是苹果特别关心的事情。

建议文字与背景颜色的对比度在4.5:1-7:1之间。

另外,开发者可以在微信导航页面嵌入自己的导航栏,但不建议这样做。

如果有需要,可以尝试使用选项卡分页(Tab),它有两种样式:顶部和底部。

5个关键词:微信小程序和App的UI设计有何异同?

苹果推荐Tab bar为3-5,微信推荐2-4。

放置过多的选项不仅使页面显得复杂,而且也让用户操作起来困难。

关键词三:及时反馈 对应苹果:响应能力 微信花了大量篇幅强调加载页面时需要及时、反馈。

这肯定和小程序本身的定位有关,所以基本上它能做的一切都是为了帮助开发者,比如除了在启动页添加自己的logo之外,其他元素都不能改变。

许多应用内动画都是由微信标准定义的。

这与iOS原生应用程序的灵活性有很大不同。

不过两者在大体原理上是完全一样的,都是保证界面及时响应用户操作,即使在加载过程中也是如此。

既然小程序要突出轻薄的特点,那么微信重点渲染这部分也就不足为奇了,并通过例子详细解释了不同情况下的处理建议。

关键词四:便捷优雅 对应苹果:UserFriendly 微信主要提到了减少输入、避免误操作的问题。

这与苹果高度一致,但苹果提供了更多的控件可供选择。

在减少误操作方面,苹果要求所有可触摸范围都在44pt以上,而微信则更精确,将其转换为7mm到9mm之间的物理尺寸。

关键词五:视觉规范对应苹果:易读性 苹果可以说对文本的可读性有着极高的要求,并在2016年推出了自己的字体SF(San Fransisco),这是一套专门为此优化的字体。

此外,还定义了一套动态字体标准,确保任何人都可以在 iPhone 和 iPad 上愉快地阅读。

微信的字体肯定和系统一致,其他考虑和苹果类似。

不过,为了保证文字清晰可读,微信更进一步,直接定义了各种文字的颜色。

考虑到与自身的协调,就连链接字体、错误字体、完成字体的颜色也都是固定的。

,没有发挥的余地。

最后我还比较了两者的控件。

微信提供的控件非常“微信”。

就连大小、颜色、字体大小等都是指定的,没有可操控的余地。

比如下图中的Button控件,开发者就在这10种样式中选择即可。

相比之下,iOS控件为开发者提供了广阔的定制空间,这也体现了两个平台的不同定位。

总体来说,苹果和微信的UI设计理念比较相似,都是简洁、清晰、反馈及时。

不过,微信的具体解释更加详细,力求避免误解。

此外,Apple 的三大设计原则包括 Clarity、Deference 和 Depth。

后两者在微信上很少被讨论,这也是由于两者的定位不同所致。

相信了解了以上信息后,大家就能更清楚地了解小程序和APP的区别了。

从UI层面来说,小程序有统一的界面,或者说都像微信,而App则有千种面孔。

更加丰富多彩。

本文最初由人人都是产品经理@shaming发表,雷锋网发布。

未经许可禁止转载。

5个关键词:微信小程序和App的UI设计有何异同?

站长声明

版权声明:本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

标签:

相关文章

  • 截至11日0时30分,2020年天猫双11交易额突破3723亿!

    截至11日0时30分,2020年天猫双11交易额突破3723亿!

    上头条 11月1日至11日0点30分,疫情后首次天猫双11交易额突破亿元。 官方数据显示,天猫双11于11月1日0点00分正式开始。 截至1点51分,苹果、欧莱雅、海尔、雅诗兰黛、耐克、华为、美的、兰蔻、小米、阿迪达斯等的成交额品牌突破10亿。 其中,美妆、3C家电品牌贡献席位最多。

    06-18

  • ZDNS完成1亿元C轮融资,由中科资本、芯鼎资本领投

    ZDNS完成1亿元C轮融资,由中科资本、芯鼎资本领投

    投资界(ID:pedaily)3月29日消息,互联网域名系统国家地方联合工程研究中心(英文简称) :ZDNS)近日宣布完成1亿元C轮融资,由中科院资本、芯鼎资本领投。 本轮资金将主要用于推动下一代DNS(域名系统)技术的研发和行业应用,充分发挥下一代DNS在互联网基础设施中的关键作

    06-17

  • 碾压友商!小米 10 Pro 猛攻 5999,DXOMARK 拍照视频全第一

    碾压友商!小米 10 Pro 猛攻 5999,DXOMARK 拍照视频全第一

    粉碎你的朋友!小米10 Pro打出5999分,在DXOMARK摄影视频、屏幕、拍照、音质、性能和体验方面均排名第一,全面超越竞争对手Mate 30 Pro 5G。 在小米10发布会结束时,雷军激动地喊出了上面这句话。 事实上,对于这款“为梦想而生的高端旗舰机”和期待了十年的“梦之作”,小米

    06-18

  • 台媒:传闻台积电将在日本建先进封装测试工厂

    台媒:传闻台积电将在日本建先进封装测试工厂

    台媒《联合报》 据报道,应日本经济产业省的强烈邀请,台积电将与日本经济产业省成立合资公司,在东京建立先进的封装和测试工厂。 测试工厂,台积电已成为构筑美日半导体技术新防线的重要参与者。 这将是台积电首个海外封测工厂。 据了解,在美国以国家安全为由希望台积电在

    06-06

  • CEiC领投法币聚合商Transak,持续投资Web3赛道

    CEiC领投法币聚合商Transak,持续投资Web3赛道

    CE创新资本(简称“CEiC”)今天宣布领投全球最大的web3支付结算基础设施Transak提供者。 该公司A轮融资金额为2万美元。 许多知名的web3投资机构参与了本轮融资,包括Animoca Brands、SBI Ven Capital、SignumCapital和IOSG Ventures。 本轮融资将用于进一步增强其全球覆盖范

    06-18

  • 快手发布大型模型产品,“客图”20余种创新AI图像玩法限时免费开放

    快手发布大型模型产品,“客图”20余种创新AI图像玩法限时免费开放

    近日,快手自主研发的大型模型产品“Kolors”已正式上线对外开放,支持文生图和图生影业两类功能,推出20余种AI图像玩法。 目前,用户可以通过“客图大模型”官网和微信小程序免费使用各种AI图像功能。 (“客图大模型”微信小程序)从具体功能来看,一方面,客图提供了AI形象

    06-17

  • 东车日报 -迈凯伦Artura将在中国首发-福特、日产等四家车企将减产-蔚来ES8在挪威交付

    东车日报 -迈凯伦Artura将在中国首发-福特、日产等四家车企将减产-蔚来ES8在挪威交付

    简介蔚来ES8在挪威交付,全球统一定价Lunaz推出纯电动版阿斯顿马丁DB6比亚迪元PLUS EV内饰官宣图发布 迈凯伦Artura迎中国首发,售价万元 全新雷克萨斯LX预览图发布 福特、日产等四家车企宣布10月减产,总部迁至德克萨斯州 马斯克 数十亿美元税收将节省 全球石油需求进一步攀升

    06-21

  • 知乎赴美上市:周源即将IPO

    知乎赴美上市:周源即将IPO

    知乎IPO终于来了。 昨晚(美国东部时间3月5日),中国最大的在线问答社区知乎首次向美国证券交易委员会(SEC)提交IPO申请,拟在纽交所挂牌上市。 代码ZH。 放眼中国互联网圈,知乎并不年轻——它诞生于 。 当时30岁的周源奋斗了很长时间,终于找到了一份可以长期做的职业。

    06-17

  • 58同城全资收购最大驾考平台驾校一点通,完成汽车O2O全链条

    58同城全资收购最大驾考平台驾校一点通,完成汽车O2O全链条

    2月26日晚间消息,58同城全资收购最大驾考平台驾校一点通,新增整个汽车O2O链环整合的关键一环。 收购后,一点通驾校将维持原有团队运营。 在此基础上,58同城将协助其增强技术和综合运营实力,开发新的服务品类;并通过营销系统的对接,帮助驾校一点通拓展线上补习营销网络。

    06-17

  • 阿里云2023金秋云创新季已经开始,加速中小企业创新

    阿里云2023金秋云创新季已经开始,加速中小企业创新

    中小企业不仅是技术的受益者,更是创新的驱动者。 为加速中小企业创新成长,阿里云推出金秋云创季活动,提供满折优惠券、大额抵扣、区域云补贴、热门商品超低折扣等多重福利产品等,帮助更多中小企业使用更多创新产品。 实惠的价格,享受更先进的技术,获得更全面的生态服务支

    06-17

  • 百亿母基金启动,5位GP来了

    百亿母基金启动,5位GP来了

    近日,山东烟台迎来了一批投资者。 投资界-解码LP获悉,烟台生物医药母基金启动暨运营会于近日召开。 会上,详细介绍了烟台生物医药产业、母基金组建及子基金招募等相关情况。 此次,烟台生物医药母基金吸引了深创投、盈科资本、中信医疗基金、德福资本、石药投资等五家意向

    06-17

  • 拿了大厂10亿美元的奢侈品电商活不下去了

    拿了大厂10亿美元的奢侈品电商活不下去了

    曾经与腾讯、京东、阿里巴巴等大厂“竞争”的奢侈品电商Farfetch将无法生存能够生存。 据时尚商业媒体 BOF 报道,Farfetch 的现金流可能不足以支撑到 12 月底。 英国《每日电讯》报道称,创始人和何塞内维斯正在寻求将公司私有化并退市以避免破产,并已获得包括历峰集团和阿里

    06-17