UI的学习记录①

用户头像
东营/设计爱好者/3年前/101浏览
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内容的一种语言描述方式

思维导图登场啦 ₍ᐢ..ᐢ₎♡

4
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
新能源APP应用UIKit
我的钱包-UI界面设计-app
【新年UI图标】旅行icon
智能家居中心 简约 UI设计组件库
【新年UI图标】体育icon
【新年UI图标】礼物/活动icon
高级感金属拟物 UI设计组件库
【新年UI图标】钱包icon
高级表盘系列UI源文件
Security Camera UI kit
【新年UI图标】秒杀icon
户外旅行飞机情侣假日出行
钱包ui模板
【新年UI图标】会员icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新拟态风格 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
拟物风质感写实UI卡片合集源文件
3D卡通UI界面图标可爱插画免扣素
盲盒APP UI设计
手表表盘UI系列
3D渐变流体抽象矢量UI背景图
UI通用设计素材1
你可能喜欢
相关收藏夹
大家都在看
登录注册