跑步

手机UI设计注意事项照片

2020-03-27 12:27:22来源:励志吧0次阅读

手机UI设计中的7大要点

  手机UI设计讲求设计理念和技巧,网页设计的技能和理念其实也可以很好地投入到APP设计中,只不过细节和样式可能需要稍作调剂,以适配更小的、高清的屏幕。下面是小编整理的7个UI设计腰带女,希望对初入UI设计行业的工作人员能有所帮助。

  1、大胆鲜明的排版

  更简单的字体排版在小屏幕上具有更强的易读性,尤其是在光线较暗或逆光的情况下,这也是推动非衬线字体在移动端上广泛应用的重要缘由之一。

  几年前,随着设计趋势的大幅转变,设计师们更加倾向于选取笔画更加厚重、风格更加大胆的字体类型。另外,字体的尺寸也很重要。愈来愈多的移动端首页设计开始借用尺寸超大、极具表现力的字体,营造出前景和背景的明显比较,打造夺目的效果,以便于用户阅读、导航。

  这类趋势的优势在于,大家开始更加注重于界面内容的可读性。不过在英文界面中,有一个问题需要注意,就是要尽可能克制地使用大写字母。以 The Weather Channel 为例,“SUNNY”这个词只有5个字母也就算了,但是如果去是其他的天气所用字母数量较多,视觉上可能会相当的累坠。在中文的字体设计中也要尽量避免文案太长、过于复杂的问题。

  2、图层和深度

  Material design 最引人瞩目的地方在于,其中的图层创建对用户使用和交互设计都有极大的帮助。今天,Material design 风格的界面已经遍地开花,许多iOS平台的运用都开始遵守这一设计规范。

  真正让这些图层发挥作用的技巧非常的奥妙。图层之间的辨别靠的是曾经“被大家所嫌弃”的阴影,它们非常浅但是很自然,同时它们还是视觉和交互的线索。最下面的图层是信息的入口,而顶层的图层则是交互的工具和元素。

  看看Uber的设计,地图图层位于全部屏幕的最下层,通过移动底部图层来设定上车位置,顶层的按钮则用来下单,不同的层承当着不同的功用,提供不同的交互方式。

  3、单色配色方案

  在小屏幕上使用最纯粹的黑白配色是吸引用户注意力的好办法。另外,还可以使用相对少见、大胆的配色,这样也容易脱颖而出。又或者使用添加其他的配色方案让用户选择他们自己喜欢的配色方案。

  单色配色方案的好处在于更容易营建一致、统一的视觉体验和感觉。正犹如 Streeks 这款运用的设计,用户可以设定目标,然后APP会提示你完成任务。用户可以基于任务类型来设定色采,并且推送简单的信息来告知你需要完成的事情。

  单色配色、图标和简约的字体在一起形成了使人冷艳的组合,易于浏览也便于交互,这类设计已经足够完备顺滑,吸引用户在待办事项中添加更多的事情来完成。

  4、专注于微交互

  那些足够优秀的APP当中,通常都会包括着许多顺滑无缝的优秀微交互,来沟通不同的界面、动作和交互。微交互通常会很容易被疏忽,但是在许多APP当中,他们会作为必须的过渡、交互引导和效果提示而存在,所以相当的重要。

  微交互的存在,主要还是帮助用户完成一些事情。从文本消息通知、消息推送到微博上点赞的提示,近乎无处不在。它们还有一个主要的功能:取悦用户。

  5、卡片式设计

  卡片式设计最早见于Pinterest ,随后在Facebook、SoundCloud等网站上流行开来,成为了真正意义上的主流设计。不过今天的卡片式设计很大程度上遭到了Material Design 的影响。

  不论是对设计还是对于开发而言,卡片都是大量内容的可靠载体。每一个卡片都可以承载不同的元素,作为不同的模块,实现不同的功能。

  所以,你可以让一个卡片播放视频,紧接着的卡片则链接到另外一个运用,而下方的卡片则直接放置了一段长长的文字。卡片式设计在移动端上的另外一个优势就是非常的易用,尤其是在有APP以内。绝大多数的运用会在一个屏幕内承载两个卡片,就像 SoundCloud 这样,又或1屏就是一个卡片,这样一来,即便用户的手指再粗也不会错过任何内容!

  6、简单的导航

  隐藏式菜单、弹出式导航和大按钮是不容忽视的设计要点。如今APP首屏使用的菜单数量正在逐渐减少,寸土寸金的APP首页上不再放置大量的菜单按钮,随之而来的是隐藏式菜单的流行。

  有趣的是,愈来愈多的用户并没有被隐藏式设计惹恼,他们已熟知汉堡菜单中隐藏着更多的选项。固然,使用汉堡菜单的技能在于,其中隐藏的菜单应当是非常实用的功能和选项,而菜单按钮本身也应当显眼而灵敏。

  Slack 绝对是导航菜单设计中的典范,它的菜单可以从屏幕的左右两边弹出显示,而主要功能菜单是从右侧弹出的,而特定频道的菜单则是从左边弹出。

  7、用动画来润饰

  有趣而漂亮的动画,是让你的应用使人感觉非同凡响的另外一手段。公道的动画能提高运用的易用性,能让用户更容易注意到重点,乃至能更加直接的给他们带来快乐。

  你没法确知用户将在什么时候何地访问你的运用,更没法确知用户使用的是哪种网络连接,所以使用体积小、轻量级、不依赖于网络的动画是非常有必要的。

  Strava 就是这样一个包括了大量有趣的小动画的运用,其中许多有趣的动画小到你可能会一不小心疏忽掉。不同界面之间的切换会有有趣的过渡动效,比如上面的挑战页面就是。加载地图的时候会有一个脉冲特效,当你运动的时候,会看到沿着运动路径变幻的小点。

  以上就是关于手机UI设计要点的,介绍人,如果您对UI设计还有其他的疑问或需求,欢迎前往一品商城,1品商城汇聚UI设计高手,拥有丰富的UI设计经验,为您服务。

痛经手脚冰凉怎么治
威门热淋清颗粒的作用
什么减肥药比较有效果
月经不正常吃什么好
分享到:
  • 友情链接
  • 合作伙伴