当前位置: 首页 > 技术干货

八维职业学校带你了解UI界面设计怎么划分?

发布时间:2024-05-31 点击:641

  随着信息技术的迅猛发展,移动互联网市场已然成熟,使得UI设计行业的持续走热,让许多企业也顺应市场的要求,对UI设计也越来越重视,几乎每个中大型IT企业都会在产品设计和UI界面设计上加大投资力度,这样的行业发展趋势吸引了越来越多的人参加UI设计工作,也有很多人都通过参加UI设计培训课程来转行UI设计,今天八维职业学校和大家一起来看看UI界面设计怎么划分,希望有助于大家学习。

八维职业学校带你了解UI界面设计怎么划分

  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主要通过单击、长按、滑动进行控制。

相关文章
选择八维 成就梦想
八维新闻
更多>>

八维动态

行业资讯

就业新闻

校园环境
八维环境优美 高效学习
咨询热线  400-008-0987
首页 |  招生简章 |  教育教学 |  产教融合 |  魅力校园 |  技术干货 |  报名流程 |  联系我们
版权所有 1996 - 2024八维职业学校
《中国人民共和国信息产业部》备案号:津ICP备2023008503号-2
津公网安备12011302141430