当前位置:网站首页>全链路UI设计笔记
全链路UI设计笔记
2022-08-09 03:13:00 【阿里巴巴首席技术官】
1. 成长之路
- 会使用PS
- 临摹其他作品
- 丰富设计理论
- 累计经验, 作品
2. 设计师必备习惯
- 储备素材
- 设计思考
- 了解行业
3. UI / UE 相关名词解释
UI 用户界面: 泛指用户操作的页面: APP / 网页 / 智能穿戴设备
UX/UE 用户体验:用户使用产品过程中的主观感受
UED 用户体验设计:设计提升使用产品的体验
GUI 图形化用户界面:使用图形方式显示计算机的操作界面
4. 手机屏幕相关概念
px(pixel) 像素:组成屏幕图像的最小单位
分辨率:显示器上的像素数量,分辨率越高显示效果就越精细和细腻
dp 设备独立像素:安卓系统开发时使用的抽象单位,与设备屏幕像素密度有关,dp和px换算公式为 dp * ppi / 160 = px
PPI 每英寸像素数量,描述像素密度
5. 色彩
RGB 通过对R(红) G(绿) B(蓝) 三个颜色的叠加来得到的颜色, 能呈现 16777216(256 * 256 * 256)种颜色
CMYK 彩色印刷时采用的一种套色模式, 利用色料的三原色混色原理,加上 黑色油墨,共计四种颜色混合叠加,形成所谓“全彩印刷”。 C:Cyan = 青色; M:Magenta = 品 红色,又称为‘洋红色’;Y:Yellow = 黄色;K:Key Plate(blacK) = 定位套版色(黑色)。
色彩的三要素
- 色相:指各类色彩的相貌称谓,如红橙黄绿青蓝紫
- 饱和度:也叫纯度,指颜色的纯洁度,完全饱和的颜色指没有渗入白光时的颜色
- 亮度:色彩的明亮度,为0时即黑色,最大亮度就是色彩最鲜明的状态,取值0~100%
三大构成
- 平面构成:运用点,线,面和律动组成的结构严谨,富有极强抽象性和形式感的基础设计理论和方法
- 色彩构成:研究科学的色彩组合来达到需要的效果和目的
- 立体构成:也叫空间构成,用一定的材料,以视觉为基础,力学为依据,将造型要素,按照一定的构成原则,组合成美好的形体的构成方法
6. 设计风格
- 拟物化:界面模拟真实物体的材质,质感,细节,光亮等。交互模拟现实中的交互方式
- 扁平化:抽象,极简,符号化
- 轻拟物化:介于拟物化与扁平化之间
ICON 具有指代意义或象征某种特殊含义的图形
边栏推荐
猜你喜欢
JSP入门
Kubernetes:(十五)PV与PVC的《恩怨情仇》
MySQL相关知识 和 数据的存储相关知识
光刻机随感
Cholesterol-PEG-Maleimide,CLS-PEG-MAL,胆固醇-聚乙二醇-马来酰亚胺用于科研实验
数据库工具DataGrip V2022.2正式发布——支持导入多个 CSV 文件的选项
C18-PEG- ALD批发_C18-PEG-CHO_C18-PEG-醛基
ARM开发(二)ARM体系结构——ARM,数据和指令类型,处理器工作模式,寄存器,状态寄存器,流水线,指令集,汇编小练习题
What are the functions and applications of the smart counter control board?
多御安全浏览安卓版升级尝鲜,新增下载管理功能
随机推荐
365 days challenge LeetCode1000 topic - Day 051 special binary sequence partition
redis集群详解
光刻机随感
JSON的使用
JavsScript系列-Promise的错误捕获
net core 读取sqlserver所有表转为json
i18n 国际化
MVVM项目开发(商品管理系统二)
Leetcode Brushing Questions - 148. Sort Linked List
JS 运行机制最全面的一次梳理
What are the functions and applications of the smart counter control board?
C专家编程 第9章 再论数组 9.3 为什么C语言把数组形参当做指针
Kaggle(六)特征衍生技术 特征聚合
sql语句实现按顺序排序而不是拼音首字母排序
Redis的过期策略和淘汰策略
【meet host】
【面试整理】-- 多线程
A separate machine is connected to the spark cluster of cdh, and the task is submitted remotely (absolutely successful, I have tested it n times)
【洛谷】P2613 【模板】有理数取余
Chapter2多元函数