UI学习【2022-08-09】

2022年 8月 9日 70点热度 0人点赞

https://www.bilibili.com/video/BV1VP4y1j7SJ?p=2&spm_id_from=pageDriver&vd_source=4f6ed74cebe123e341f4eaf4db556fe7

目录

  1. 先导
  2. 手绘基本认识

先导

C 端设计

  • 界面设计
  • 企业网站
  • APP 界面
  • 产品调研与分析
  • 交互设计
  • 运营界面
  • 原型图设计

B 端设计

  • CRM
  • SAAS
  • OA
  • ERP
  • 大屏
  • 智能终端

三维建模和动效设计

手绘基本认识, 排线法, 透视月空间

正常的书写字体握笔

素描排线, 中间重 (实), 两端轻 (虚), 带勾的也不行, 头重脚轻的也不行, 排线是侧着 45 度排线.

主要是补美术基础

透视: 平面或者曲面上描绘物体的空间关系的方法或者技术, 特点是近大远小, 近长远短, 直至消失.

  • 视中点

  • 视中线

  • 视平线

  • 一点透视 (平行透视)

  • 两点透视 (成角透视): 两个点, 六根线 (两边各是三根线)

  • 三点透视 (了解): 一般用于建筑中

  • 圆形透视: 先画方后切圆

画几何形体的时候会用到辅助线, 辅助线可以确保几何形体的标准. 做场景搭建的时候会用到.

一点透视居中, 两点透视一般放在旁边

线条来回画, 中间实两边虚, 用手臂去排线, 不要用手腕, 手腕画出来的是弯的.

file

Photoshop 三个方向:

  • 平面设计 (一半内容是画的, 一半内容是合成, 三天一张海报)
  • 网页设计
  • APP 界面设计

Photoshop 操作流程

file

Ctrl+N 新建文档

  • 电子设备上显示的, 模式选择 RGB, 分辨率为 72PPI
  • 印刷制品的选择 CMYK, 分辨率为 300PPI

智能对象: 置入后的素材对象会作为智能对象, 智能对象 有几点好处, 例如在对图像进行缩放, 定位, 斜切, 旋转或变形操作并且不会降
低图像的质量. 但是 智能对象 无法直接进行内容的编辑 (例如删除局部, 用画笔工具在上方进行绘制等). 如果想要对智能对象的内容进行编辑就需要在该图层上单击右键, 执行 栅格化图层 命令, 将智能对象转换为普通对象后进行编辑.

复制文件: 对于已经打开的文件, 可以使用"图像>复制"菜单命令, 将当前文件复制份来. 当我们想要一个原始效果作为对 比时, 可以使用该命令复制出当前效果的文档, 然后在另个文档 上进行操作.

PS 操作

旧版本 ps 文档保存

方法 1:
文件菜单 > 存储 (快捷键 Ctrl + S), 该种方法为保存 PS 源文件格式: PSD/PDD/PSB

方法二:
文件菜单 > 存储为 (快捷键 Ctrl + Shift + S), 该种格式为另存为文件或者存储文件为 JPEG/TIFF/PNG

方法三:
文件菜单 > 存储为 WEB 设备所有格式 (快捷键 Ctrl + Shift + Alt + S ), 该种格式为保存 GIF 格式, PNG 格式, PS 切片, 低保真图像

文档保存格式

  • PSD: Photoshop 源文件格式, 保存所有图层内容
  • GIF: 动态图片, 网页元素
  • JPG: 最常用的图像格式, 方便储存, 浏览, 上传
  • TIFF: 高质量图像, 保存通道和图层
  • PNG: 透明背景, 无损压缩
  • PDF: 电子书

修改画布大小

使用 图像 > 画布大小 命令打开 画布大小 窗口, 在这里可以调整可编辑的画面范围. 在 宽度高度 后输入数值可以设置修改后的画布尺寸. 如果勾选 相对 选项时, 宽度高度 数值将代表实际增加或减少的区域的大小, 而不再代表整个文档的大小. 输入正值就表示增加画布, 如果输入负值就表示减小画布.

快速导出为

执行 文件 > 导出 > 快速导出为 PNG 命令, 可以非常快速的将当前文件导出为 PNG 格式. 但这个命令还能快速将文件导出为其他格式, 执行 文件> 导出 > 导出首选项 命令, 在弹出的窗中可以设置快速导出的格式, 在下拉列表中还可以看到 JIPG, GIF, SVG 格式. 选择不同的格式, 在右侧可以进行相应参数的设置, 例如设置为 JPG, 设置完成后在 文件 > 导出 菜单下就出现了 快速导出为 JPG 命令.

关闭文件

执行 文件 > 关闭 菜单命令 (快捷键: Ctrl+W) 可以关闭当前所选的文件. 单击文档窗口右上角的 关闭 按钮, 也可关闭所选文件. 执行 文件 > 关闭全部 菜单命令或按 Alt+ Ctrl+ W 组合键可以关闭所有打开的文件.

rainbow

这个人很懒,什么都没留下

文章评论