ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 产品设计 >> 立刻上手!转向移动端UI/UX设计有哪些必知的设计要点

立刻上手!转向移动端UI/UX设计有哪些必知的设计要点(1/4)

来源:网络整理     时间:2016-04-07     关键词:ui,ux

本篇文章主要介绍了"立刻上手!转向移动端UI/UX设计有哪些必知的设计要点",主要涉及到ui,ux方面的内容,对于产品设计感兴趣的同学可以参考一下: 你手头是否有正在设计的APP项目?有没有系统的设计计划?你是直接动手设计,还是会中途停下来研究一下终端用户的真实需求?你是否知道用户打开APP第一眼到底更希望看...

difference between ux and ui,ui ux区别,ui ue ux区别,ui ux设计师,ui and ux,ui和ux的区别,feel ux ui,ue ux ui wik

你手头是否有正在设计的APP项目?有没有系统的设计计划?你是直接动手设计,还是会中途停下来研究一下终端用户的真实需求?你是否知道用户打开APP第一眼到底更希望看到什么?

在考虑运用哪些用户体验相关技术的时候,它们的美学特征可能是相当值得我们深思的。目前我们所看到的许多网站上所使用的设计理念和技巧,其实也可以很好地投入到APP设计中,只不过细节和样式可能需要稍作调整,以适配更小的、高清的屏幕。对于熟知桌面端UI设计的设计师而言,接下来的7个设计要点能帮你快速转向移动端设计,让你看起来像是专业的移动端UI/UX设计师。

1、大胆鲜明的排版

difference between ux and ui,ui ux区别,ui ue ux区别,ui ux设计师,ui and ux,ui和ux的区别,feel ux ui,ue ux ui wik

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

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

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

所以,此处应当注意两件事:

·排版和内容应当尽量保持简单
·背景和文字的对比度应当尽量明显,保持最大可读性

2、图层和深度

difference between ux and ui,ui ux区别,ui ue ux区别,ui ux设计师,ui and ux,ui和ux的区别,feel ux ui,ue ux ui wik

Material Design 作为当前最重要的设计趋势而言,已经被反复强调和提及了,这并不是没有道理的。

首先,它是Google 所推出的设计平台,作为一个实力型巨头推出的产品,无疑会吸引大量的相关从业者跟进,并且目前状况就是这样。Material Design 本身的设计理念也相当的直观易懂,不论是用来设计还是对于用户而言,都相当的不错。

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

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

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

相关图片

相关文章