到现在才大概搞明白什么叫UI

最新推荐文章于 2022-03-01 19:47:50 发布
最新推荐文章于 2022-03-01 19:47:50 发布
阅读量524 收藏
点赞数
分类专栏： UI 文章标签： UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42105932/article/details/80160103
版权

        --------------------------- 这里是吐槽分隔线 Region Begin ----------------------------- 

        “五一”劳动节、“五一”劳动节，为了应节，咱也劳动劳动（加班）一下。。。。OTL

        --------------------------- 这里是吐槽分隔线 Region End -------------------------------- 

        

        往时一直不太清楚前端和UI的区别，曾长时间以为，UI就是前端的升级版（误），除了要懂做网页也要懂用户界面交互（大雾）。近几天需要协助团队进行前端和UI招聘，才临急抱佛脚地查一下资料，顺便整理记录一下。

        

        --------------------------- 以下是转载知乎回答的分隔线 Region Begin -----------------------------

UI Design (User Interface Design) 用户界面设计

海外用户体验咨询师Jesse James Garrett是这样定义界面设计的：界面设计就是如何选取合适的界面元素，例如文字、按钮、文本框、颜色等。做这些目的是就是让用户在界面上完成一项操作的时候，觉得易懂、易用。尽可能的让用户与界面的交互简单高效。

界面元素包括但不仅限于以下内容：

输入控件：按钮、文本框、选取框、单选按钮、下拉列表、列表框、开关按钮、

导航控件：面包削导航、滑块、搜索栏、分页、标签、图标

信息控件：文本提示框、图标、进度条、提示、消息框、模式窗口

行业工具：Photoshop, Sketch,Illustrator, Fireworks, InVision

作者：ChrisChen
链接：https://www.zhihu.com/question/27928975/answer/134590043

来源：知乎

知乎：UI、UE和UX三者之间的区别？

--------------------------- 以上是转载知乎回答的分隔线 Region End -----------------------------

--------------------------- 以下是转载百度经验的分隔线 Region Begin -----------------------------

UI设计是一个系统性的工作，包含产品架构设计、功能设计、操作逻辑设计、前期视觉设计等等。

UI设计师的工作成果/交付

UI设计师交付之《产品UI原型设计方案》

在一些大公司，产品原型设计一般由产品经理来完成，但是如果没有人做这部分工作，一般还是由UI设计根据产品经理的文字性需求说明，来完成UI原型设计；最终在几次会议修改后确认，才能进入视觉界面设计和交互设计。

使用软件：通常会使用Axrue原型软件，或者直接做出手绘稿，以及其他能够表现产品诉求和原型结构的软件，没有更多限制。

百度经验什么是ui设计？都需要学什么？【易懂解答】

 --------------------------- 以上是转载百度经验的分隔线 Region End  -----------------------------

        

        个人觉得，就知乎回答说的，是“狭义的UI设计”，就这个解释来定义的UI设计师岗位，职责是偏重于界面的原型和外观/效果设计。就百度经验的解释来看，是“广义的UI设计”，其实应该是UI（User Interface Design 用户界面设计）和UE（User Experience Design 用户体验设计）的综合体，对应这个定义的UI设计师岗位，应该是不仅会从美观角度设计界面，亦会从用户与产品交互的角度来考虑界面的设计，并能给出整个产品的界面操作逻辑，指导开发人员进行功能模块实现工作。而目前国内所说的“UI设计师”，一般指后者，就是什么都要干的啦。


参考资料：

1.      知乎：UI、UE和UX三者之间的区别？

2.      CONVERSIONLAB：UI & UX 差别是什么，看图大整理

3.      百度经验：什么是ui设计？都需要学什么？【易懂解答】

4.      百度百科：UI




迷之路人咩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS中彻底搞明白奇偶(evenodd)填充规则
享受开发，颠倒银河
01-24 1813
问题现象 众所周知, 在iOS任意路径的填充，有 nonzero 和 evenodd 两种规则。 可它们到底是什么意思，你真的完全明白吗？ 图1 图2 如果你处于模棱两可，懵懵懂懂之间，那么不要犹豫，看这一篇就够了！ 还等什么？ Let’s Go！ 问题分析 1. 为什么要有填充规则? 填充规则根本目的，是为了确定复杂图形中哪些部分处于内部而哪些部分处于外部。 在图形填充时，处于内部的部分需要填充，而外部的部分不需要填充。 这尤其发生在图形中有重叠部分的时候。 如上图，在图形中无重叠部分...
UI是什么意思？
06-04 9097
UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。 软件设计可分为两个部分:编码设计与UI设计。UI的本意是用户界面，是英文U...
UI网络笔记（五）：UI网络之上拉和下拉的四种方式
王者归来之英雄有梦
07-26 1007
一、使用原理：scrollView 1、AppDelegate.h #import @interface AppDelegate : UIResponder UIApplicationDelegate,UITableViewDataSource,UITableViewDelegate,UIScrollViewDelegate> {    
UI设计是什么？
Dimples1Zz_的博客
03-14 1098
什么是UI设计？UI设计英文叫User Interface翻译成中文意思就是（用户界面）。UI设计是指对软件的人机交互，操作逻辑，界面美观的整体设计。 说到这个界面设计，其实非常好理解，因为我们每天都在使用。我们手机里面的APP软件，QQ和微信的界面图标设计都属于UI设计师的工作内容移动端互联网时代，每位同学都有一部智能手机，手机里面看APP界面图标，我们可以称为用户界面，也就是我说的UI设计。简单的来说，UI设计师就是负责设计这些在电子屏幕上显示的产品，（包括游戏UI，网页端，手机，以及目前比较火的VR,
UI 网络请求
qq_31856835的博客
12-05 389
HTTP协议HTTP协议，Hyper Text Transfer Protocol（超⽂本传输协议）是 ⽤于从万维⺴服务器传送超⽂本到本地浏览器的传输协议，HTTP是 ⼀个应⽤层协议，由请求和响应构成，是⼀个标准的客户端服务器 模型。 http 3次握手 用户连续向服务器3次发送一样的请求 第三次服务器不再询问,开始执行 url:统一资源定位符,也被成为网址,因特网上标准的资源网址 url的
ui的理解
liudongsheng12138的博客
05-10 538
全称user interfase ；用户界面ui由View 和ViewGroup的根基类、View在屏幕上占据一片矩形区域，并在上面进行内容绘制ViewGroup包含一些View或ViewGroup，用于绘制View的布局事件类型常用Ui组建textViewandroid：id“@+id/tv_test1_message //指定idandroid:layout_width="match_pare...
Android Kotlin Jetpack Compose UI框架 完全解析(1)，终于搞明白了
m0_66145114的博客
03-01 1156
在此模式下，你可以与界面组件互动、点击组件，以及查看状态如何变化。通过这种方式，你可以快速获得有关界面如何反应的反馈，并可快速预览动画。如要启用此模式，只需点击“互动”图标 ，系统即会切换预览模式。 如需停止此模式，请点击顶部工具栏中的 Stop Interactive Preview。 以上是AndroidStudio对Compose的支持，可以说是大手笔了。 1.2 Jetpack Compose 使用前后对比 你以为Compose只是添加了预览功能？那可不是。 从普通应用切换到Compose应用，
子线程一定不能更新UI么？为什么？
u010257931的博客
06-11 1770
前言 平时我们在开发过程中知道主线程不能进行耗时操作，子线程不能更新UI，于是有了线程间通讯，有了Handler机制，那么子线程真的不能更新UI么？很多小伙伴在面试的时候也会经常被问到这个问题，网上已经有了不少详解这一问题的博客，不过这里我还是带着复习一遍的态度，把这个流程再摸一遍。 正文 子线程一定不能更新UI么？ 先说答案：是不一定，在Activity的onResume声明周期之前就可以。 下面我们看一下原理： 我们都知道在Android中有一个ActivityThread类，这个类非常重要
非常漂亮后台UI 纯静态UI界面
06-03
作者提到“因为简单所以编程快乐”，意味着该UI设计遵循了简洁原则，使得开发者在实现和维护时也能享受到轻松的工作氛围。 结合“后台UI界面”的标签，我们可以推断出这个UI设计是专为网站或应用的后台管理系统设计...
Winform开发全套31个UI组件开源共享]
08-09
而标题中的“Winform开发全套31个UI组件开源共享”意味着有一套完整的、包含31个不同功能的用户界面组件，这些组件已经开源，可供开发者免费使用和学习。 这套开源UI组件库可能涵盖了常见的对话框、按钮、表格、...
Unity从UI拖物体到场景中以及鼠标拖动物体
08-30
当我们做一些农场游戏或者类似可编辑战场类游戏时经常会遇到从UI上拖动物体在3D场景里生成，要实现这种从UI上拖物体的效果其实挺简单，代码不复杂，主要是想法很重要，一个优秀的程序员不只是技术扎实，更重要的是要...
element-ui 2.15.14版本
10-09
Element UI 是一个基于 Vue.js 的开源前端组件库，版本号 2.15.14 表示这是它的一个特定更新版本。这个版本可能包含了错误修复、性能优化、新功能添加或者对现有组件的改进。Element UI 提供了一系列美观、易用且...
基于Unity3D简单UI框架
07-14
基于Unity3D和NGUI实现的简单的UI框架，实现内容如下 1.加载，显示，隐藏，关闭页面，根据标示获得相应界面实例 2.提供界面显示隐藏动画接口 3.单独界面层级，Collider，背景管理 4.根据存储的导航信息完成界面导航...
pi_heif-0.17.0-cp310-cp310-manylinux_2_17_aarch64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
Numper基础（一）
07-27
Numper基础（一）
C语言写的潮流计算大作业代码.zip
最新发布
07-27
c写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zip
关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型.docx
07-27
大模型（Large Models），尤其是指预训练的大规模语言模型，在自然语言处理（NLP）、计算机视觉（CV）等领域取得了显著的进步。以下是一些关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型： 1. 大模型教程资源 官方文档： 大多数大型模型都会在其官方网站或GitHub页面上发布详细的文档，包括模型介绍、安装指南、使用示例等。 例如，Hugging Face的Transformers库提供了丰富的文档和教程。 在线课程： Coursera、edX等在线教育平台上提供了关于大模型的课程。 例如，斯坦福大学的NLP课程通常会涵盖最新的大模型技术。 博客文章： Medium、Towards Data Science等平台上有很多关于大模型的文章，这些文章通常由专业人士撰写，包含实战经验和技巧。 视频教程： B站（bilibili.com）和YouTube上有很多关于大模型的教程视频，适合初学者入门。 2. 调用API和使用技巧 Hugging Face Transformers： 提供了多种预训练模型的加载和调用方式。 Hugging Face文档 是一个非常
pi_heif-0.17.0-cp39-cp39-macosx_14_0_arm64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
现在什么UI框架使用的人最多
03-07
目前使用最广泛的 UI 框架是 React，它是由 Facebook 开发的一个 JavaScript 库，用于构建用户界面。React 具有高效、灵活、可重用等特点，因此在前端开发中得到了广泛的应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值