UXD portfolio by L T

谭露露 Lokl Tam 求职意向：交互设计实习邮箱:

电话:

tl_tan@live.com 180 5428 1368

浴室沉思

我推崇GEEK精神、设计故事力

美是世界上最动人的东西

我的占地面积小、钟意日日煲靓汤

好奇有时候真的不会害死猫

我是洞察、分析能力强的人 “设”是问，“计”是答

SKILL SETS

pretty good

WORK EXPERIENCE

-交互设计工作室

职位：文案策划

2015.09一2019.06 广州美术学院-产品设计专业主修课程：

－信息架构与行为逻辑－信息可视化－原型制作－GUI界面设计－服务设计

HONOR

语言技能：

－英语CET４－日语日常用语

获奖情况： PS

I’m learning C4D

Axure

Illustrator

APP

Logo

Web

Branding

Layout

工作经历

EDUCATION

证书奖励

技能养成

1996/08/17

居住地: 广东-广州

教育背景

ABOUT ME

生日:

－国家励志奖学金－文体积极分子

2017.02一2017.09 永旺梦乐城（番禺）主要负责：

－贩促文案撰写、汇编－活动策划－公众号运营

2017.12一2018.01 白云山生物科普基地

职位：设计实习主要负责：

－课程海报设计－宣传和活动视频剪辑－活动拍摄－网站维护与更新－网站设计

portfolio 2017-2018 Loklok TAM

轨迹app项目设计

FACE UP 信息可视化

工业设计资源整合平台web

Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects Projects

轨迹app项目设计

1-1

用文字填满无聊地铁时光形成独一无二的阅读生活轨迹

项目介绍

对大部分上班族来说，在地铁上我们每天都要度过无聊而漫长的一个小时，轨迹为您提供一站式地铁阅读的解决方案，并伴随具有个性内容的“集”，让地铁上的这段旅程转变为一段有趣的回忆

1-2

设计流程

1 背景调研桌面研究

2 设计研究用户调研用户场景市场调研

3 从本质思考产品产品定位与概念故事版搭建框架核心任务流线框图界面视觉设计

主要负责视觉、视频

1-3

目标用户心中想要阅读有固定的通勤方式和时间的年轻上班族

用户目标 1.方便高效，能在拥挤的地铁上使用 2.合适的内容 3.合理的到站提醒

产品特色 1.三步进入阅读-高效 2.心情推荐-准确 3.墨水到站提醒-有趣 4.集合轨迹-生活记录

产品定位

主要功能 1.心情识别推荐 2.路线识别推荐 3.阅读 4.收藏心情、笔记、书籍

5.交通支付

商业价值 1.碎片化阅读平台 2.和出版社、杂志社的合作机会

社会价值推动人们阅读的习惯 , 鼓励人们放下手机，寻找纸质书籍中的美妙之处

信息架构

1-4 显示页

face 识别

推荐页

分享选择路线

返回阅读

face 识别选书

推荐页加入列表

到站奖金加入收藏

阅读选项

路线识别选书

选书

阅读

[轨迹]信息架构的特别之处在于：未读集

1.采用网式结构，没有中心页，各个结构中可互相跳转，操作步骤少。满足地铁阅读快捷的需求

账号

心情集

下载管理

2.层级结构简单化，无需学习成本，满足地铁阅读简单操作的需求

集

设置

自己创建集

路线设置

添加集阅读设置

统计

同步字体

路线旅程图

字号阅读类型

背景行距集

字距常亮

心情打印

收藏类型

1-5

主要任务流程

1-5

主要任务流程

1-6

视觉规范

1-6

#FFFFFF

#999999

视觉规范

#DFDFDF

1-6

32px 28px 24px

ABCDEFGHIJ K LMNOPQRSTU VWXYZ

20px 18px

视觉规范

1-7

高保真界面

1-7

高保真界面

1-7

高保真界面

1-7

GF 1

2 6 1

2 1

6 7 8 9

APM

6 1 1 1

高保真界面

1-7

高保真界面

1-8

Track

产品亮点

FACE UP 信息可视化

Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic Graphic

2-1

欢迎页面

设计流程

2-2 1 挑选主题

？

2 查阅资料

6 电脑绘制

7 修改方案 1

3 逻辑推理

4 整合资料

5 创意草图

网站展示-首页

2-3

网站概述

我通过拆解不同人群的脸来探索他们之间的联系，在可交互网站上体现这些人物在角色、性格、背景三个维度划分下的人物特征。

角色

点击每个圆点显示该横向特征下的人物名片

02 2-4

欢迎页面网站展示-性格

2-5

网站展示-图例

网站展示-面部特征

2-6

性格

通过与人脸仪表盘的交互可以获悉对应性格的人物面部特征。

网站展示-背景

2-7

背景

查看每个年龄段对应的人物背景。

工业设计资源整合平台web

Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings Printings

Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing Printing

1-3

首页

3-2

交互描述-首页页头、banner、快速入口

3-2

交互描述-首页

3-2

交互描述-通用模块

1-3

设计规范

1-3

页面展示-首页

1-3

页面展示-首页

1-3

页面展示-登陆页

1-3

页面展示-注册页

1-3

页面展示-最新动态

1-3

页面展示-个人中心

; - )THX.