您所在的位置：首页 > IT干货资料 > ui设计 > 【UI设计基础知识】UI界面设计怎么划分

【UI设计基础知识】UI界面设计怎么划分

发布： ui培训
来源：UI干货资料
2019-12-05 14:15:41
阅读()
分享

手机端入口

UI界面设计是什么?我们来解释一下。对于用户的界面，我们想一下，我们日常生活中接触到的哪些是用户界面?我们的手机界面、电脑界面、iPad界面、还有车载系统界面、VR界面等。将这些界面设计划分为三类：PC端UI设计、移动端UI设计、其他UI设计。我们主要给大家介绍的是PC端UI设计和移动端UI设计。

一、PC端UI设计

主要应用在web上，因此可称为web UI。它的设计范围包括常见的网站(电商、社交)设计、工具(邮箱、后台系统)类网站设计等，在web UI的设计过程中，一定要注意其载体的基本属性，用户使用鼠标对web界面进行操作，鼠标的操作精准度相对较高，产生错误的概率也会比较小。

web UI的设计师有安全距离的，这个安全距离会随着电脑屏幕尺寸的变化而进行适配，但一般情况下，我们会使用1000PX的安全距离进行设计，就是在1000PX的尺寸中进行设计;web UI中的按钮一般为4中状态，处于正常情况下的默认状态，当鼠标经过按钮的悬停状态，鼠标点击时的点击状态，按钮不能被使用的不可用状态;按钮的使用位置上，因为电脑操作的界面，所以对于按钮位置的要求并没有限制，对于web UI的操作方式主要可通过单击、双击、右键。

UI界面设计

二、移动端UI 设计

主要应用在移动APP上，我们也可称之为APP UI，它的涉及范围一般都在手机和平板电脑上，涉及范围是手机和平板电脑上面的各种APP。

相对于电脑，手机的尺寸比较小，并且一般都是使用手指进行操作，所以我们在设计手机端的点击区域时，要考虑用户手指的粗细不同，给与一个合理的点击范围，防止进行误操作，提高操作的准确率。手机的屏幕尺寸也是比较多的，我们一般采用750x 1334PX 作为设计尺寸，APP UI的按钮有三种状态，处于正常情况下的默认状态，鼠标点击时的点击状态，按钮不能被使用的不可用状态，相对于web UI来讲少了悬停状态，主要是因为操作媒介不同。

对于APP UI中的按钮，因为界面的物理尺寸相对来讲比较小，所以在进行APP UI 的按钮设计时，要保证点击区域可操作，一般设置为长矩形，所以占的位置就会比较大，可选择放置在界面大拇指可触及的范围内。操作方式上APP UI主要通过单击、长按、滑动进行控制。

文章“【UI设计基础知识】UI界面设计怎么划分”已帮助人

>>本文地址：https://www.ujiuye.com/zhuanye/2019/48084.html

THE END

声明:本站稿件版权均属中公教育优就业所有，未经许可不得擅自转载。