Urban Exploration （个人UI设计作业）

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

01ffae5e90f000a80121651807eb8a.png

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

018d915e90f12fa801216518c3c17b.png

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

019bfd5e90f318a8012165181c9da6.png

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

01ec135e90efe1a80120a8955618d2.png

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

016d4c5e90f24da8012165189604dc.png

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

011a0c5e90f0aba80120a8956353d6.png

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

01bf555e90f3d2a801216518c484b3.png

01fa7d5e90f48ea80120a8954aed93.png

01ggi3ixhpvy5mndhrmpev3330.png

Product Design Portfolio 

01jdkgo3bfljzoxco2rm8t3739.gif

2024设计作品集（C端产品）

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

01e0335e90f1eba80120a895fa7a06.png

015sma5ovthdyu0d4dadrz3138.png

0107e26061b08e11013e87f48dfc6c.png

作品集

01baa65e60da65a8012165186a2f38.jpg

智能音箱MG动画

01saliteil7h6fpu2fkq253136.png

018f305e7dd604a80120a8959c0530.jpg

彩页/说明书

01a70d607f8de011013e3b7d2221fc.jpg

艺素HART-2017毕业设计

01947e5881d458a801219c77c0d948.png

XMdache redesign

01whdjelebxydcu0ph3dao3237.png

徕卡小程序改版&项目总结

018lqugghioyhb5phsxuqv3231.gif

01bdlnufugdheoxk9nweyq3031.gif

01absvnuamxi2gss9jahek3837.png

01ki50gorfm4uz6qygnczc3436.png

0100bd5ee198b5a801206621ccd816.jpg

ZARA官网迭代设计

01zgs56qp7bsj55lq6n5pq3435.png

01s4speefahb2njpb1jhob3632.png

01upjk7xmprmbrsdqrghu03232.png

01038a5d3fb646a8012187f41ded01.jpg

01wyjscwlxwujarrm1sn3n3736.png

0124c5601cc6e911013e3991090875.png

circumflexVS 网页设计