Urban Exploration （个人UI设计作业）

用户在主界面可以选择“Publish Your Story”来分享他们关于某个地点的旅行建议、美食评论或游戏体验。 用户也可以选择“Start an event”，创建一个活动，可以即时举办或者选择一个未来的时间段，也可以选定是否陌生人可以参加。

018d915e90f12fa801216518c3c17b.png

如果用户轻触DJ的图标，他们会被导入“事件”的界面。 用户可以选择“感兴趣”、“继续”、“分享”事件。 如果用户选择“感兴趣”，则此事件将保存到用户的收藏中。 这个界面有该事件的地址，发起人，时间，日期。它还可以显示你的哪些朋友要去或感兴趣。

019bfd5e90f318a8012165181c9da6.png

一旦用户点击“书本”图标，书就会打开，一张照片就会弹出。 照片是故事的内容，用户可以在对关于这个地点的故事有一个大致的了解，并猜测故事是否引人入胜和有趣。 如果用户对照片不感兴趣，他们可以迅速合上书，尝试其他“书本”图标。 如果用户对照片感兴趣，他们可以轻触照片，看到详细的内容。 Gallery Screen展示的是这个地点的所有用户发布的故事。这些故事按受欢迎程度(评论、喜欢和收藏)排序。 用户可以点击其中一张照片查看详情。

01ffae5e90f000a80121651807eb8a.png

这是载入界面和主界面。主界面是一张用户所在位置的地图，并以“书本”图标的形式显示其他用户发布的故事。用户可以点击“书本”图标查看关于这个地点的帖子，并与其他用户进行互动。地图上的DJ图标代表一个正在发生或将在未来举行的“事件”，用户可以选择参加该事件。 顶部的栏显示用户的当前位置。用户可以选择“已关注”，只查看好友的故事或事件，也可以选择“浏览”，查看推荐的陌生人的故事或事件。 底部的五个选项是“Story”(允许用户只查看带有故事图标的地图)、“Events”(允许用户只查看带有DJ图标的地图)、Publish(“添加”图标、发布故事或开始一个事件)、Messages(查看通知和朋友的消息)和Me(用户界面)

01ec135e90efe1a80120a8955618d2.png

01fa7d5e90f48ea80120a8954aed93.png

当照片编辑完成，用户可以向帖子添加标题和文本。 “标签”允许用户将故事定义为“旅行提示”、“美食评论”、“地点信息”等。 用户还需要选择地点，将故事与所在的位置结合起来。 当用户成功发布了自己的故事，他们会被导入自己的用户界面查看查看他们自己最新发布的故事。 他们也可以查看自己的收藏和喜欢的帖子。 这个界面还允许用户编辑个人资料，查看他们的关注者以及关注他们的人。

016d4c5e90f24da8012165189604dc.png

用户可以查看谁将要参加这次活动和谁对这次活动感兴趣。 用户也可以在“Friends”列表中找到他们的朋友，而陌生人则在“Others”列表中。 若用户选择“Going”，此操作将使事件(“DJ”图标)在地图上突出显示一个淡黑色的光环，以便提醒用户他们将参加该事件。

01bf555e90f3d2a801216518c484b3.png

当用户选择发布故事后，他们会进入拍摄照片的界面，完成拍摄后可以对照片进行编辑。

01e0335e90f1eba80120a895fa7a06.png

01ggi3ixhpvy5mndhrmpev3330.png

Product Design Portfolio 

01d2765ed6614ca801215aa0332852.jpg

UX Portfolio 2018-2020

D-Heart快速心电产品再设计（2024）

6694b2f9947fcpo8fhzuia3715.png

这是一个用户分享关于一个地点的故事的详细界面。 图片下方的小图标显示了故事的类型(美食评论、旅行小贴士、游戏体验等)。 用户可以评论并喜欢这个故事。他们也可以收藏。 故事所发布的地点的位置和日期显示在正文下面。

011a0c5e90f0aba80120a8956353d6.png

015sma5ovthdyu0d4dadrz3138.png

01959c5c6fa678a801203d2254a70c.jpg

UX_Spec_Camera

01a5255c7756c3a801203d226dc640.jpg

Crew Mingle 前端原型设计

017bb25c6fa678a801213f26aa6fcf.jpg

0122a35c6fa741a801203d22f05aec.jpg

UX_Spec_Parental_control

0119445c6fa741a801213f26866c16.jpg

01c5e45c6fa678a801213f2660a046.jpg

01yn0ikkehztbivmlkq3gb3932.png

平面作品集

0100bd5ee198b5a801206621ccd816.jpg

ZARA官网迭代设计

6694b2f98fb62aowemy8m05083.png

01e73e5c6fa678a801203d22a2d6ac.jpg

01336f5ebbabe4a801207200fe61d5.png

JYH APP - UI Design

0190b05f9af89911013fdcc766525f.jpg

常用交互动效

01150b5dcd08caa8012053c015b287.jpg

原创设计

01saliteil7h6fpu2fkq253136.png

0154885e457bc4a801216518cae351.jpg

Button Concept Design with APPs

012e5e5d7f4d9aa801211d536c622f.png

Promote their streaming service website

018b8e5c6fa678a801203d223c07c7.jpg