【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 设计
主要应用在移动APP上，我们也可称之为APP UI，它的涉及范围一般都在手机和平板电脑上，涉及范围是手机和平板电脑上面的各种APP。
相对于电脑，手机的尺寸比较小，并且一般都是使用手指进行操作，所以我们在设计手机端的点击区域时，要考虑用户手指的粗细不同，给与一个合理的点击范围，防止进行误操作，提高操作的准确率。手机的屏幕尺寸也是比较多的，我们一般采用750x 1334PX 作为设计尺寸，APP UI的按钮有三种状态，处于正常情况下的默认状态，鼠标点击时的点击状态，按钮不能被使用的不可用状态，相对于web UI来讲少了悬停状态，主要是因为操作媒介不同。
对于APP UI中的按钮，因为界面的物理尺寸相对来讲比较小，所以在进行APP UI 的按钮设计时，要保证点击区域可操作，一般设置为长矩形，所以占的位置就会比较大，可选择放置在界面大拇指可触及的范围内。操作方式上APP UI主要通过单击、长按、滑动进行控制。
想要了解更多UI设计知识，可以关注优就业官网（www.ujiuye.com）
【UI设计基础知识】UI界面设计怎么划分相关推荐
- 【游戏UI理论知识】游戏界面设计，一定要掌握的8大风格！
游戏界面是游戏产品的重要组成部分,也被称为游戏图形用户界面.游戏界面是人和游戏软件之间交换信息的媒介,是一种图形化的信息表现形式. 在不同硬件平台上的游戏界面被划分为不同的设计类型.例如,移动设备.家 ...
- UI设计理念-app的界面设计流程
最近发现自己必须增长一些业务方面的知识,就看了一些关于app的ui设计流程博客或是资料书籍.主要是为了我以后的就业做准备.不多说,先介绍下关于app界面流程图. 完整的流程,分层次设计,自下而上去完成 ...
- Android UI开发——Material Design界面设计【详细】
转自:http://colachan.com/post/3416 找了很多Material Design的资料,终于找到一篇比较靠谱的.能看懂的,我认为非常有用的学习资料,就像他们说的,只要你按Mat ...
- 网页UI设计基础之线框图设计（栅格建立、基础布局、分屏、文字排版）
线框图介绍 概念 线框图(Wireframe或Wireframing) 网站线框图是网站框架的草图,是网站设计师根据网页设计标准将客户需求图形化的一种展现形式. 例如: 特点 作为一个视觉设计的起点, ...
- UI设计基础知识和JavaScript
[PS基础案例] 人物修图.调整画布大小,建立3个图层,并列放到画布中,用修补工具修掉中间的人物,再用橡皮章盖掉边缘的人物,然后扣出人物,放上新的蓝天,用橡皮擦调整透明度,擦掉水天交接的地方,然后调整 ...
- 计算机三维设计基础知识,关于三维设计要掌握的方法和技巧有哪些
对于三维设计技术的开发是基于计算机技术为基础的.三维动画设计的应用范围和领域是比较广泛的,比如影视制作.动画制作.通信领域.交通领域等.在不同的领域,三维设计技术表现的优势是不同的.对于三维设计人才来 ...
- 2018年Sketch UI界面设计套件前十了解下！
Sketch近几年凭着大量的插件和免费教程迅速发展,而Sketch的忠实粉丝们也乐于将他们的免费模型分享出来.这也意味着你会在网上找到更多的免费Sketch素材,从完整的模型到内容详实的UI套件. 为 ...
- php班级界面设计素材,24套流行的UI KIT界面设计素材
24套流行的UI KIT界面设计素材 8月 13, 2015 评论 Sponsor 设计需要紧跟趋势,2015年已过一大半,扁平化UI设计到底有什么改进了吗?这些都是要靠设计师自己去发现,比如去逛设计 ...
- 软件工程结对作业 四则运算界面设计
软件工程结对作业 四则运算器界面设计 康鑫 PB16060203 娄雨禛 PB16060356 项目内容链接:http://www.cnblogs.com/silent-zlv/p/8684979 ...
最新文章
- C++中关键字volatile和mutable用法
- 《社交网站界面设计（原书第2版）》——2.13 不要中断电子邮件
- MySQL对in里面数据进行指定排序：order by field
- chromium浏览器_微软将全面向Windows 10用户推送Chromium版Edge浏览器
- 如何用ABAP代码读取SAP Business partner的附件数据
- 安装phpssdb扩展：
- open表和closed表_011 Ruby 多Word表写入Excel
- 小程序动态class_会后剧透！百度智能小程序的最新动态都在这儿了！
- CentOS下yum操作gnome和kde桌面
- bst java_图解：二叉搜索树算法（BST）
- 运维前线：一线运维专家的运维方法、技巧与实践3.1 数据中心搬迁准备
- ios 给网页传值_ios常见的页面传值方式
- 移动端(html5)富文本编辑器,vue移动端中使用vue-html5-editor富文本编辑器详解
- 使用 TiUP 部署 DM 集群
- 一个正常80后收藏夹中的精品网站
- H.264的profile与level概念解释。
- 知乎首页实战之下载知乎App模块
- 介绍Mybatis与使用（什么是Mybatis？）
- 人生若只如初见，何事秋风悲画扇。
- krpano全景之解决微信内置浏览器不能自动播放音频的问题