UX design portfolio_SIGEN CHEN

Page 1

PORTFOLIO 2019-2022 | SIGEN CHEN E: csgen@umich.edu T: (+86)18050271153












首页

直播间

我的

首页主要由搜索栏,直播间列表,工具栏三个 模块构成

直播间模块具有观看,弹幕,点赞,分享等功 能,同时直播间可以进入 AR 模式,拥有多样 化的交互玩法

“我的”模块内含钱包, 动态,关注等多个与个 人内容相关的功能


点击进入” 我的设置“ 点击:输入

点击:清空

点击进入设置

点击或左右滑 动切换栏目

点击进入”预 约“界面

点击计入头 像编辑界面

点击或左右滑 动切换栏目

点击查看” 我的关注“

左右滑动切换 页面

点击进入分类 所属栏目界面

上下滑动屏幕 查看更多

进入钱包选 项:充值, 卡券等

点击进入 直播间

点击快速开 启自己的直 播 点击查看精 点击快速进 彩回放列表 入关注列表

点击进入”我的“菜单

点击调用 相机扫码


横放屏幕 点击:分享转发

一键关注

单击点 赞,可以 多次点赞

点击:创建基础用户角色

切换颜色 弹幕列 表压缩

随机切换 新角色 点击输入

消费值,可以使用 对应特效 点击开始 语音输入

助威产生助威值, 增加直播间热度

确定 长按开始语音 快捷输入

赠送礼物,增加气 氛和热度 开启 / 关闭弹幕显 示 完成 / 取消角色创建,回到直播间

左右滑动旋 转查看角色

取消


点击屏幕,收起边栏

点击:更多选项

点击:创建基 础用户角色

点击屏幕: 隐藏菜单

点击控制角色摇头 点击控制角色跳跃

点击屏幕: 显示菜单

点击:显示 动作说明 点击控制 角色旋转 点击截屏, 长按开始 录像 拖动轮盘控 制角色移动

点击:退出 AR 模式

点击:进入 AR 模式













单击打开文件夹选择文件 单击打开 下拉菜单

三维视图 , 操作视图 显示三维视图 方式与 Rhino3D 保 一些说明信息, 角度的标志 持一致 初始为空白

单击选择不同 标签页

鼠标所在行 显示深色

单击打开文件

显示所选择物 件三维视图

单击回到 Rhino3D 主 界面选择物件 根据命令选择物件,Enter 键回到 ALeap 界面 确认选择物件,进入下一步 显示已选模 型信息 单击下拉列 表进行选择 返回上一步 选择物件 进入下一步

取消当前选择, 重新进行选择


选择下一步操作,选 择后变为深色白字

选择一项后,其余按钮由黑字 变为灰字不可选择

显示上一步所选 择的类型信息

选择评估目标,选择按钮后变为深色白字,其 余按钮仍然保持黑字,表示可继续选择

返回上一步

选择操作后 确认继续

评估分析结果生成图表 选择完评估目标,开始评估计算分析

如果分析结果超过 窗口范围,显示边 缘滑条上下滑动

选择下一步操作,选 择后变为深色白字

动态转动图 标显示处于 评估状态中

返回第一步修 改物件选择 返回第二步 修改类型

评估完成,可以再次选择 评估,分析或优化操作

保存当前数据,继 续其他操作,稍后 再看

下拉菜单,选择导 出 Excel,Word, PDF 文件



Immersive Illusion - AI+U 沉浸式体验美术馆与 AI 应用设计 身处于一个充斥着各种数据的时代,我们认为从城市角度和全球化的角度 来说,将数据映射回真实世界并与之建立连接是具有重大意义的。本项目 收集了图像的色彩,明暗,饱和度,对比度等数据并通过算法形成多样化 的几何物件,通过镜面反射材质与人工智能系统来创造沉浸式互动空间, 超越单纯的视觉体验,使建筑与空间成为数据在现实世界的载体与表达。 本项目的设计主体是一座沉浸式体验参观为主的美术馆。美术馆立面可以 与参观者进行互动,参观者通过美术馆的手机应用程序上传他们拍摄的数 张图像,这些图像可以是关于城市,关于周围的环境,或是纯粹任意的图像。 图像数据上传到后台后经过人工智能系统的处理成生几何物体并展现到美 术馆的电子立面上,并不断根据新的数据结果发生变化,从一个特殊的角 度来展示城市与日常生活。项目希望通过人工智能系统与建筑的结合来探 讨计算机技术对建筑设计界限的拓宽,对空间形式的重新定义,以及用户 交互所产生的建筑形式语言与空间的迭代更新。 项目:毕业设计 / 建筑设计 / 算法设计 / 移动端 APP 设计 / 交互设计 / 虚拟现实 时间:Feb.2019-May.2019 地点:东京,日本 参与者:Sigen Chen( 本人 ), Varalikaraj Singh, Mengyang Wang 导师:Matias del Campo, Sandra Manninger



ARTIFICIAL INTELLIGENCE

CITY / DAILY LIFE

ITERATIONS

MOBILE APP

VIRTUAL IMAGE

SYSTEM PROCESSING

GRADE

ILLUSION EXPERIENCE ITERATIONS

GENERATION

VIRTUAL IMAGE

OBJECT

ILLUSION EXPERIENCE

ARTIFICIAL INTELLIGENCE

IMAGE

OBJECT

GENERATION

VIRTUAL IMAGE

PHOTO SHOOTING

IMAGE CAPTURED BY PROPLE

GENERATION

IMAGE

ILLUSION EXPERIENCE

ITERATIONS

VISITOR

IMAGE

OBJECT

ITERATIONS WITH DIFFERENT ISO VALUE ITERATIONS WITH DIFFERENT ISO VALUE

ITERATIONS WITH DIFFERENT RESOLUTION ITERATIONS WITH DIFFERENT RESOLUTION



Design Concept 设计概念


Information Architecture 信息架构


User Interface 用户界面展示 欢迎页

登录页

首页

上下滑动屏幕查看 更多

单击发送验证码

短暂停顿 / 单击屏幕 后跳转

单击进入幻境体验

进入首页 单击显示服务条款

选择页

取消回到首页

上传页

生成页

回到图片选择 界面添加图片

选择图片时 显示小红点

取消回到首页

进入生成结果界面 生成对应验证码用于 进入 VR 场景

显示选择图 片数量

单击进入 上传界面

进入预览模式


VR View VR 虚拟现实视角


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.