首页 > 科技动态 > 内容

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设计有何异同?

站长声明

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

标签:

相关文章

  • 儒翰基因完成数千万天使轮融资,由利合科技创业投资

    儒翰基因完成数千万天使轮融资,由利合科技创业投资

    投资圈(ID:pedaily)领投 据9月6日消息,深圳市儒翰基因科技有限公司(以下简称“儒翰基因”) (“儒翰基因”)完成理合科技创投领投的数千万元天使轮融资。 所得款项将用于技术研发、设备采购和团队建设。 此前,儒翰基因于今年12月获得恒邦资本种子轮融资。 耀明基因成立

    06-18

  • 2019中国(珠海)集成电路产业高峰论坛成功举办,探索地方产业发展“芯”动力

    2019中国(珠海)集成电路产业高峰论坛成功举办,探索地方产业发展“芯”动力

    2019中国(珠海)集成电路产业高峰论坛成功举办,探索本土产业发展“芯”动力。 2019年12月13日,中国(珠海)集成电路产业高峰论坛(以下简称“高峰论坛”)在珠海国际会展中心隆重举行。 众多行业专家和从业者齐聚珠海,解读集成电路发展现状,探讨珠海产业未来。 珠海市市

    06-08

  • AI药企“未知君”完成A+轮融资,利和宏芯领投

    AI药企“未知君”完成A+轮融资,利和宏芯领投

    投资界6月24日消息,据媒体报道,深圳市未知君生物科技有限公司(简称“未知君”) )年初完成A+轮融资,由利和宏信领投,耀明投资跟投。 据悉,未知君今年8月完成A轮融资,由高榕资本领投,晨兴资本、真格基金跟投。 两轮融资总额达数千万美元。 未知君成立于2007年,是中国

    06-18

  • MATLAB EXPO 2021中国用户大会即将召开

    MATLAB EXPO 2021中国用户大会即将召开

    ◆5月25日-上海 ◆6月8日-5月12日,北京。 MATLAB EXPO中国用户大会将于5月25日和6月8日分别在上海举行。 在北京和日本举行。 会议将包括MathWorks及其合作伙伴的30多场技术演讲和20多场产品解决方案演示,涉及人工智能与大数据、电气化系统仿真、虚拟车辆、自动驾驶、无线通

    06-06

  • 光迅科技等4公司明日上市 深交所有意分散炒新资金

    光迅科技等4公司明日上市 深交所有意分散炒新资金

    光讯科技等四家公司明日挂牌。 深交所拟多元化新投资基金。 光讯科技、新世纪、天润曲轴、博深工具四家公司晚间宣布将于21日在深交所挂牌上市。 分析人士表示,交易所有意对新股进行资金多元化,防止上市首日过度投机。 武汉光讯科技股份有限公司证券简称“光讯科技”,股票代

    06-17

  • 超10亿,陕西绿色能源基金成立

    超10亿,陕西绿色能源基金成立

    据投资界(ID:pedaily)报道,9月14日,中国(西部)氢能大会在榆召开。 会议以“氢能新赛道,低碳新未来”为主题,重点探讨碳达峰、碳中和目标下氢能产业的发展趋势和技术路径。 会上,张宏志代表市政府引导基金与省政府引导基金、前海晶澜(深圳)投资公司、中国能建集团

    06-18

  • 淘宝、哔哩哔哩、网易云的“在一起”功能到底是异地恋的神器,还是与陌生人社交的必备呢? |ifanrTalllk

    淘宝、哔哩哔哩、网易云的“在一起”功能到底是异地恋的神器,还是与陌生人社交的必备呢? |ifanrTalllk

    一起听音乐,一起购物,一起看剧。 越来越多的报道都在说当今时代年轻人的孤独经济和宅经济是最有价值的,但很少有人想过探索孤独+宅在家的可能性。 什么样的新价值。 如果你一直呆在家里,你将无法结识新朋友或与老朋友交往。 但如果你经常出去应酬,每周都会见到三四个不同

    06-21

  • 启明创投公布年度人事任免及晋升决定

    启明创投公布年度人事任免及晋升决定

    投资世界(ID:pedaily)消息 1月7日,启明创投公布年度人事任免及晋升决定。 启明创投任命高管董事王欣(Bonnie Wang)和陈侃博士(Kan Chen)为合伙人,推举投资经理周啸飞(周小飞)为副总裁。 与此同时,启明创投还提拔了中后端(包括财务、法务、行政)部门的8名同事。

    06-18

  • 雷军不小心投资了一个足浴机器人

    雷军不小心投资了一个足浴机器人

    这是一笔低调到差点错过的投资。 缘起是工商变更——投资界从天眼查APP获悉,佛山星漫信息科技有限公司(简称:星漫科技)发生工商变更,瀚星创业投资有限公司、小米旗下公司增持为股东。 星漫科技成立于2007年,主要产品是足浴机器人。 此前,小米还投资了扫地机器人公司石头

    06-18

  • 不要扔掉那些耐克鞋盒和麦当劳纸袋!可以免费变成“宜家”家具

    不要扔掉那些耐克鞋盒和麦当劳纸袋!可以免费变成“宜家”家具

    “麦门!” 《疯狂星期四文学》统治网络近一年后,终于遇到了对手——来自麦当劳酒吧的《麦门文学》。 当然,内容肯定是夸张的。 但不可否认的是,在无数忙碌、劳累的时刻,我们的胃和心都被24小时营业的麦当劳拯救了。 最近,又出现了一款话题新产品——麦当劳纸袋灯!不仅能

    06-21

  • 靖亚逆势招揽两位中后端大将,第一市场VP和高级财务总监

    靖亚逆势招揽两位中后端大将,第一市场VP和高级财务总监

    对于靖亚资本来说,我们坚信寒冬是投资的最佳时机。 不仅仅是投资,我们还进一步加大靖亚的品牌建设和中后端能力的升级。 今天,我们非常高兴地宣布,两位行业资深人士最近加入靖亚资本,负责品牌建设以及财务和后端管理。 他们过去在相应领域拥有丰富的经验和专业积累。 相信

    06-17

  • 嘉实诺德获数千万天使轮融资,加速高端眼科设备国产化

    嘉实诺德获数千万天使轮融资,加速高端眼科设备国产化

    来自投资界(ID:pedaily)的消息,近日,无锡嘉实诺德医疗科技有限公司(以下简称嘉实诺德)以“嘉世诺德”))完成数千万元天使轮融资。 本次投资由圆明新兆源独家投资。 嘉实诺德创始人杨建新博士表示:长期以来,国内中高端眼科医疗器械尤其是治疗性眼科医疗器械被国外品

    06-18