UKI · 兴趣社交 UI · 许淑敏 ✖️ Sula Xu

项目背景

改版围绕首页的匹配入口、内容层级与品牌视觉展开。以下为改版前的 UKI 首页和女性视角首页，从入口辨识、信息层级与视觉一致性三个方面梳理设计问题。

UKI · BEFORE

匹配入口、内容层级与品牌语言，需要形成清晰的视觉关系。

UKI · REDESIGN

以紫色统一品牌表达，通过稳定分区和卡片层级组织首页。

01

即时匹配与语音匹配保留双入口，以紫色和粉色区分任务；弱化装饰，突出名称、图标与状态信息。

02

白色卡片将每条动态独立分组，头像与昵称建立身份焦点，图片、兴趣标签与时间依次承接阅读。

03

导航使用一致的角色化图标，选中与未选中通过紫色深浅区分；刷新按钮沿用品牌紫色，保持操作入口清晰。

从品牌开屏、登录方式到资料填写与兴趣选择，建立连贯的登录注册体验；通过角色表情、紫色主视觉和明确的选择反馈，帮助用户完成个人身份表达。

(1/10)

Tags may find you the 'another me'
in the world.

交互体验

左右滑动发现更多标签，点击选择，再次点击取消。彩色表示已选中，浅灰色表示未选中。

轻微浮动左右滑动最多 10 个

柔紫#9575FF

亮粉紫#E875FF

蜜桃粉#FFA6D3

蓝紫#6673FF

珊瑚橙#FF8C75

兴趣标签 · 多语言对照
emoji	中文	英文	印尼语
💃	社交达人	Extrovert	Anak Ekstrovert
😰	社恐患者	Introvert	Anak Introvert
💘	调情高手	Flirt	Si Genit
😳	宅男/宅女	Homebody	Anak Rumahan
👨‍💼	工作狂	Workaholic	Workaholic
💄	美妆博主	Beauty Guru	Beauty Guru
👠	时尚达人	Fashionista	Fashionista
🎤	灵魂歌手/麦霸	Soulful Singer	Si Hobi Nyanyi
🎵	音乐爱好者	Music Lover	Pencinta Musik
🤡	搞笑博主	Jokester	Pelawak
🎨	绘画小能手	Artsy Person	Pencinta Seni
📷	摄影达人	Photographer	Fotografer
📺	追剧达人	Drama Fans	Pencinta Drama
🎬	电影爱好者	Movie Junkie	Pencinta Film
🤩	追星族	Fangirl	Fangirl
📖	阅读爱好者	Book Lover	Pencinta Buku
🎓	学霸	Top student	Juara Kelas
✂️	DIY小能手	DIY Expert	Ahli DIY
🍕	吃货/美食家	Foodie	Pencinta Makanan
🐱	铲屎官	Cat Person	Pencinta Kucing
🐶	—	Dog Person	Pencinta Anjing
✈️	旅行者	Traveler	Traveler
👀	追番党	Otaku	Otaku
🧛‍♀️	Coser	Cosplayer	Cosplayer
💻	数码达人	Tech geek	Penggemar Teknologi
🏃	健身达人	Gym Guy	Anak Gym
🎮	游戏大神	Gamer	Gamer
🚗	爱车族	Car Lover	Pencinta Mobil
🏍️	摩托族	Bike Lover	Pencinta Motor