返回

从零开始学 UI

#设计知识
#知识库
5%
进度
0/14
知识点
0
笔记
概述
移动端UI设计的基本认识
移动端UI设计的基本认识
UI 界面设计所需的技能解析
UI 设计的软件介绍
移动端的基础规范认识
移动端的规范认识
屏幕和分辨率的规范
设计的单位和格式
UI 中的字体与显示
UI 文字的属性设置
基本色彩模式的认识
UI 设计中的原子理论
iOS 的基本规范认识
iOS 的控件和组件认识
标准规范下的APP 设计演示
苹果音乐主页的设计
资料库页面的设计
专辑页面的设计
播放页面的设计
界面的合并和输出
移动端的基本控件和组件设计
UI 中的尺寸定义逻辑
按钮的设计逻辑
输入框的设计逻辑
列表行的设计逻辑
图标的尺寸定义
分页器控件的设计
轮播广告组件设计
快速入口的设计
瓷片区的设计
动态卡片的设计
商品卡片的设计
模态弹窗的设计
移动端页面设计的解析
登录页面的设计
综合型主页设计
动态列表页面设计
商品列表页面设计
电商详情页面设计
影音详情页设计
用户设置页面设计
表单页面设计
UI 中的视觉风格
夜间模式的设计
UI 中的投影应用
首页知识库设计知识从零开始学 UI

移动端UI设计的基本认识

UX百科编辑部 编辑于 2023-12-12111人正在学
110

UI (User Interface) 也叫交互界面、图形界面、人机界面,是我们今天无时无刻不在接触不受影响的伟大发明。

理解 UI 是什么,我们只要关注2个重点:

  • 如何有效输入信息
  • 如何有效获取信息

计算机是一个用来输入指令,完成处理,返回结果的设备。比如问计算机 1+1 等于几,你就要考虑你怎么输入 1+1 并让计算机处理结果,计算机又要通过什么形式告诉你结果是什么?有效的把指令、结果进行传递是非常困难的事情。

早期人类使用打孔卡片的方式做信息的媒介,人类和机器通过打孔来完成信息的输入和识别。随着技术的进步,屏幕成为新的媒介,我们可以直接往计算机中输入更复杂的英文字母了。

于是,计算机开始支持命令行的输入形式,即使用一些固定的单词、语法,来完成信息的输入,计算机再以文本形式返回对应的计算结果。

虽然这一步大大优化了信息输入、获取的流程,但是依旧不能让我们满足。因为它的门槛太高了,需要背下一整本操作指令手册,而且用途非常有局限性。

于是图形界面就应运而生。比如桌面有个我的硬盘图标,你使用鼠标选中并双击,就能打开窗口并浏览硬盘下级包含的文件或文件夹,并再用鼠标对它们进行操作。

这个发明是跨越性的,因为它让信息输入、获取变得更高效,也让使用计算机设备的门槛更低,为计算机设备进入普通群众生活提供了必要条件。

之后伴随智能手机的兴起,智能设备的普及。UI 界面已经成为了我们日常生活不可或缺的一部分,我们通过界面来操控设备、获取信息,它是我们驾驭智能硬件、复杂程序的桥梁。

图形界面的本质是信息的载体,完成信息的输入和获取的 “使用价值” 才是它的核心价值。UI 设计的目标,即根据信息输入和获取的需要,设计相关图形样式和排版的设计。

所以,UI 设计是一个辅助用户来使用硬件、程序的工具,观赏性并不是它的唯一指标。理解 UI 设计最大的误区就是仅仅以美观角度切入,而忽视它的使用价值。

虽然 UI 设计是针对所有电子设备图形界面设计的统称,包括穿戴设备、智能家电、车机系统等,但它在国内主流语境指的是移动端 APP 界面的设计。

同时,UI设计还包含C端和B端两个场景的分类,即面向普通消费者(Consumer)和商业用户(Business)的使用场景。比如我们进行浏览和购物的 APP 淘宝就是一个C端应用,而给商家进行店铺、商品、订单管理的 APP 千牛则是一个 B 端应用。

点赞
收藏
学会
355110111
下一篇: UI 界面设计所需的技能解析
UI 设计的主要对象是针对可交互界面的设计,想要实现优秀的界面设计效果,就需要具备以下几种能力: UI软件的使用 系统设计规范认识 主流的控件、组件掌握 界面的布局和排版 配色的逻辑和应用 图标的独立设计能力 项目设计规范定义 在开始学习 UI 的专业知识之前,我们要先对这些能力有初步的认识和判断,...
笔记 (17)
只看自己
logo
Loki 记录于 2024-10-17
重点1
原文: 理解 UI 是什么,我们只要关注2个重点: 如何有效输入信息 如何有效获取信息
UX小学生 记录于 2024-08-26
Ui设计是辅助用户使用硬件,程序的工具。
UX小学生 记录于 2024-08-26
Ui设计是辅助用户使用硬件,程序的工具。
凯尔队长 记录于 2024-02-17
别人问起来就这么说 ……
原文: UI 设计是针对所有电子设备图形界面设计的统称,包括穿戴设备、智能家电、车机系统等,但它在国内主流语境指的是移动端 APP 界面的设计
不吃葱的啊min 记录于 2024-01-20
ui设计包含两个场景: C端:指面向消费者(例如淘宝、美团、拼多多、微信、抖音等) B端:指面向企业(千牛、钉钉、crm、Saas) 拓展: BtoB,指的是公司的产品或服务主要面向企业之间的商务活动,企业与企业进行连接 (比如阿里巴巴和1688,连接的是生产厂商和销售厂商) CtoC,是公司产品或服务主要面向个人与个人之间的活动 (比如闲鱼和转转) BtoC,公司的产品或服务主要面向的是企业与个人之间的活动(比如天猫)
原文: 同时,UI设计还包含C端和B端两个场景的分类,即面向普通消费者(Consumer)和商业用户(Business)的使用场景。比如我们进行浏览和购物的APP淘宝就是就是一个C端应用,而给商家进行店铺、商品、订单管理的 APP 千牛则是一个B端应用
七月屿夏 记录于 2024-01-19
实用价值大于美学价值
原文: 理解 UI 设计最大的误区就是仅仅以美观角度切入,而忽视它的使用价值。
时笙 记录于 2024-01-17
UI: user interface,也叫交互~ /图形~ /人机界面 要点 1️⃣信息的输入 2️⃣信息的获取 本质:通过界面辅助,实现信息的输入和获取。 目标:根据信息输入和获取需要,进行图形设计和排版
原文: UI (User Interface) 也叫交互界面、图形界面、人机界面,是我们今天无时无刻不在接触不受影响的伟大发明。 理解 UI 是什么,我们只要关注2个重点: 如何有效输入信息 如何有效获取信息 计算机是一个用来输入指令,完成处理,返回结果的设备。比如问计算机 1+1 等于几,你就要考虑你怎么输入 1+1 并让计算机处理结果,计算机又要通过什么形式告诉你结果是什么?有效的把指令、结果进行传递是非常困难的事情。
我有点方 记录于 2024-01-15
样式与排版
原文: UI 设计的目标,即根据信息输入和获取的需要,设计相关图形样式和排版的设计。
开挂大师 记录于 2024-01-15
UI设计是一个辅助用户来使用的硬件程序的工具,最大的误区就是忽略使用价值
原文: UI 设计是一个辅助用户来使用硬件、程序的工具,观赏性并不是它的唯一指标。理解 UI 设计最大的误区就是仅仅以美观角度切入,而忽视它的使用价值。
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞