返回

从零开始学 UI

#设计知识
#知识库
5%
进度
0/40
知识点
103
笔记
概述
1. 移动端UI设计的基本认识
1.1 移动端UI设计的基本认识
1.2 UI 界面设计所需的技能解析
1.3 UI 设计的软件介绍
2. 移动端的基础规范认识
2.1 移动端的规范认识
2.2 屏幕和分辨率的规范
2.3 设计的单位和格式
2.4 UI 中的字体与显示
2.5 UI 文字的属性设置
2.6 基本色彩模式的认识
2.7 UI 设计中的原子理论
2.8 iOS 的基本规范认识
2.9 iOS 的控件和组件认识
3.标准规范下的APP 设计演示
3.1 苹果音乐主页的设计
3.2 资料库页面的设计
3.3 专辑页面的设计
3.4 播放页面的设计
3.5 界面的合并和输出
4.移动端的基本控件和组件设计
4.1 UI 中的尺寸定义逻辑
4.2 按钮的设计逻辑
4.3 输入框的设计逻辑
4.4 列表行的设计逻辑
4.5 图标的尺寸定义
4.6 分页器控件的设计
4.7 轮播广告组件设计
4.8 快速入口的设计
4.9 瓷片区的设计
4.10 动态卡片的设计
4.11 商品卡片的设计
4.12 模态弹窗的设计
5. 移动端页面设计的解析
5.1 登录页面的设计
5.2 综合型主页设计
5.3 动态列表页面设计
5.4 商品列表页面设计
5.5 电商详情页面设计
5.6 影音详情页设计
5.7 用户设置页面设计
5.8 表单页面设计
6. UI 中的视觉风格
6.1夜间模式的设计
6.2 UI 中的投影应用
首页知识库设计知识从零开始学 UI

1.1 移动端UI设计的基本认识

UX百科编辑部 编辑于 2023-12-1252人正在学
100

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

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

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

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

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

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

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

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

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

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

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

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

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

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

点赞
收藏
学会
187110052
下一篇: 1.2 UI 界面设计所需的技能解析
UI 设计的主要对象是针对可交互界面的设计,想要实现优秀的界面设计效果,就需要具备以下几种能力: UI软件的使用 系统设计规范认识 主流的控件、组件掌握 界面的布局和排版 配色的逻辑和应用 图标的独立设计能力 项目设计规范定义 在开始学习 UI 的专业知识之前,我们要先对这些能力有初步的认识和判断,...
笔记 (6)
只看自己
logo
凯尔队长 记录于 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
点赞