写在前面的废话

声明:如果你是一个完全没有接触过ui的设计师,可以看一看这篇文章,如果不是就不用浪费时间了,勿谓言之不预。我真的很蛋疼,不信往下翻翻看。

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(1)

如今越来越多的用户依赖移动端的产品,而各种类型的移动端产品更是百花齐放,如曲面屏,全面屏,对于ui设计来说,挑战难度不可谓不高,但是也不用为此担心,这其中还是有一些基本的原则技巧可以帮助你越过这些难点的。

01保持最大范围的可操作性

这句话的意思是让用户在使用产品时,无明显的障碍感,我们要保证不同的人以及不同的操作方式都能做到最大化的便利。

用户实际拿手机的方式主要有以下三种(如下图所示),我们的目标即是让用户需要操作的元素位于这些区域内。

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(2)

02考虑可读性

与PC端相比,移动端屏幕更小,因此怎么在这样小的屏幕上合理容纳更多的信息,是不得不考虑的问题,一个可读性强的页面,会给用户带来更佳的体验。

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(3)

左侧图虽然在内容上做了进度分页,但每个进度数字下方都有相应的名称,导致文字过多,增加了用户阅读负担,而右侧则在进度设计方式上进一步压缩,把整个进度状态放在左侧,在右侧实时更新每一步的信息,可读性大大增加了不少。

03避免长页面滚动

长页面的滚动,对用户阅读资讯或书籍时,保持专注的一个好方法,但是在某些情况下,(例如,当用户需要按照提示完成任务时),有研究表明,滚动越多,用户就越容易滚开,呸,离开页面。

在这种情况下,设计师可以尝试用操作扩展的方式(如滑动卡片)将任务分解为多屏,这样在用户看来,任务的数量就说可以接受的了。(子曰:贱人就是矫情,不服就是不行)

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(4)

04字体类型大小

不同的字体可以给用户带来不同的情感体验,同时也可以增加页面的可读性,以下是有关字体选择的一些建议。

1,字体:选择一种在多种尺寸和重量下均可正常使用的字体,以保持每种尺寸的可读性和可用性。

2,字体大小:苹果和谷歌建议至少22-24px,这样用户就可以在不缩放的情况下正常阅读观看。

3,颜色对比度,在使用字体时要避免字体颜色与背景色发生冲突,这里可以参考色彩的6:3:1法则,即主要颜色应用于页面的60%,辅助颜色应用于另外30%,最后10%作为与两种主要颜色形成对比的强调颜色。

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(5)

05

留出足够的间距和填充

小屏幕不代表一定要用小文字,反而要更大放一些,留出更多的行间距来,如今科技日新月异,设计师需要保持随时更新自己的状态,例如曲面屏的出现,需要在做设计时,增加相应的元素尺寸,以适应新的屏幕,避免误操作。

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(6)

06按钮要大

如果按钮较小,则很可能经常误触,所以按钮尺寸一般至少在40pt以上,所以你现在知道某些无良商家为什么把启动页上的跳过按钮做这么小了吧,就这么凑表脸。下方图中的px有误,应该是pt。

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(7)

07标签栏的注意事项

每个app基本都会有标签栏,但是设计的时候却应该谨慎一点,如果一个图标无法准确表达功能含义的时候,最好是用文字补充,而在标签栏标签过多时,则建议只用文字,总之标签栏设计的唯一标准就是要保持整洁精确。

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(8)

08使用已有的控件

对于移动端ui来说,用户已经习惯固定的控件操作模式,所以设计师没必要重新造轮子,例如tab或者抽屉导航。

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(9)

09写在最后的废话

越往后翻译越觉得不对劲,这都是哪年的理论了,都2020年了还发这样的文章,说好的国外的月亮比较圆呢,这是被狗啃过的月亮吧!

ux和ui设计哪个技能好用(UI设计师都必须考虑的8种移动端设计方式)(10)

公众号:知图设计院

每天分享一篇国外优质翻译文章以及设计视频,欢迎关注。

,