UI的学习记录①
小白防止闭门造车的学习记录 ૮(˶ᵔ ᵕ ᵔ˶)ა 尝试一下费曼学习法
基础与理论
1.学习方法 2.入门基础知识 3.互联网互联网 软件技术原理(常见)4.名词 5.风格 6.H5
01
学习方法
设计软件
常用软件PS ,AI,AE,sketch,axure.这五个软件是必须要熟练掌握的。
软件Dw,C4D这两种软件是了解居多。
设计思维
设计规则
项目案例
02
入门基础知识
就业方向(主要)
①设计APP网页
②智能设备界面
UI的意思
设计用户界面
软件
PS,AI,sketch(更善于用作扁平化,目前只有Mac版),AE(主要做交互效果,实际运用并不多,了解大概就行),Dw(写前端代码,了解对设计帮助很大)
美术基础/UI
在实际工作中,前期刚入门时,美术基础有没有影响不大,但是这是个人发展遇到瓶颈的关键因素,多看多临摹,临摹要把素都学到位。
工作流程
设计师把界面设计出来,做出效果,与开发人员进行沟通
UI核心因素
软件操作(基础),审美水平(决定上限)
UI/代码
前期精力有限以设计为主,了解代码对与画面以及呈现效果帮助很大
03
互联网 软件技术原理(常见)
PC端软件
①
web版软件
是以B/S架构的软件,由浏览器和服务器端架构而成
特点:简化使用成本,不占存储,不需要安装,维护成本低,不能干较为精细的功能
工作原理:浏览器(发送请求)→服务器(返回网页内容)→浏览器(翻译渲染页面)→浏览器显示网站内容
在浏览器工作,配置要求低
②
客户端软件
是以C/S架构的软件,由客户端和服务器端架构
特点:反应迅速,复杂度更高,维护成本高
工作原理:客户端(发送请求)→服务器(返回数据)→客户端(处理数据)→在客户端显示内容
在电脑工作,配置要求高
手机端软件
①
APP
类似B/S架构的软件
APP的开发模式:原生开发{交互体验好,响应好,需要安装,成本高,纯原生(开发客户端)},混合模式{原生加web(HTML5)}
②
手机站
类似C/S架构的软件
③
两种混合
04
互联网 软件技术原理(常见)
UI
用户界面
UE
用户体验
UX
用户体验
UID
UI设计
UED
用户体验设计
IXD
交互设计
UCD
以用户体验为中心为设计
GUI
图形用户界面
AUI
注视用户界面
WUI
网页设计
WAP
无线应用协议 ,主要指手机端设计,
WAP站:手机站
05
风格
拟物化
这种风格对于光影立体感要求高,设计师在日常时多练习这种风格,对美术基础高。
扁平化
去除冗余、厚重和繁杂的装饰效果
图标分为面性,线性,二者结合
06
H5
拟物化
现在主要是指手机端活动页
指HTML5(HTML4升级版),HTML(一些前端代码)
构建Web内容的一种语言描述方式
思维导图登场啦 ₍ᐢ..ᐢ₎♡




















































































