为什么我做UI总是没有亮点,老献丑!

Recommand
深圳/学生/304天前/2621浏览
为什么我做UI总是没有亮点,老献丑!Recommand
在当今数字化时代,UI设计已成为连接用户与应用的重要桥梁。
一个出色的UI设计不仅能够提升用户体验,还能塑造品牌形象,吸引用户持续使用。
今天,就让我们来聊聊UI设计中的三大亮点:
破形、异形与拟物
;并对真实的界面案例,进行简单的分析,希望能为设计师们带来一些灵感和启示。
01.破形(打破常规,创新视觉体验)
1. 定义解析
通过打破传统图形、布局或色彩规则,创造出独特而富有冲击力的视觉效果。
这种设计手法能够打破用户对界面的固有印象,激发其好奇心和探索欲。
2. 界面案例
 
弹窗:打破弹窗的传统矩形边框,以营造更强烈的氛围效果
为什么我做UI总是没有亮点,老献丑!
Collect
会员卡片:主视觉徽章打破矩形边框,提升了视觉层次的丰富性
为什么我做UI总是没有亮点,老献丑!
Collect
金刚区:卡片中的icon统一“破形”,彰显个性与差异化
为什么我做UI总是没有亮点,老献丑!
Collect
 
榜单页:排行榜页面的前三名头像“破形”,增强视觉表现力
为什么我做UI总是没有亮点,老献丑!
Collect
Tab选择:选中时,该区域卡片会突出一个形状表示归属感,增加了设计的精细度
为什么我做UI总是没有亮点,老献丑!
Collect
舵式导航:将APP的最核心功能在导航中央,使得主要功能在视觉上更加突出,方便用户快速定位和使用
为什么我做UI总是没有亮点,老献丑!
Collect
3.设计启示
鼓励设计师在保持实用性的前提下,勇于尝试和创新。通过打破常规,创造出更加独特和吸引人的界面,让用户在视觉和操作上都得到全新的体验。
02.异形(独特形态,彰显个性魅力)
1. 定义解析
异形设计则是指使用非标准、非对称或不规则的形状来构建界面元素。这种设计手法能够打破传统界面的单调感,为应用注入独特的个性魅力。
2. 界面案例
头部主视觉:分隔页面层级,增强识别性
为什么我做UI总是没有亮点,老献丑!
Collect
头部信息:分隔页面层级,增强动态感
为什么我做UI总是没有亮点,老献丑!
Collect
信息卡片:标签异形处理,增加页面细节
为什么我做UI总是没有亮点,老献丑!
Collect
优惠券卡片:边缘镂空处理,提升视觉效果且有一定的创意和趣味性
为什么我做UI总是没有亮点,老献丑!
Collect
弹窗:切割卡片右上角用于放置IP,增加弹窗趣味性
为什么我做UI总是没有亮点,老献丑!
Collect
底部弹窗:将弹窗头部做异形处理,区别于常规,形式新颖
为什么我做UI总是没有亮点,老献丑!
Collect
Tab切换:切换异形,丰富了界面的视觉层次,为用户带来新鲜感
为什么我做UI总是没有亮点,老献丑!
Collect
卡片切换:展现了个性化特色,增强了用户对APP的记忆点
为什么我做UI总是没有亮点,老献丑!
Collect
3.设计启示
异形设计在塑造品牌形象、提升应用识别度方面有着重要作用,是丰富页面设计细节快速又有效的方式。
它要求设计师在追求独特性的同时,也要注重界面的一致性和易用性,过度复杂或混乱的异形设计可能会让用户感到困惑和不适。
03.拟物(模拟现实,创造沉浸感受)
1. 定义解析
拟物设计则是通过模拟现实物体的外观、质感和交互方式,来增强应用的真实感和沉浸感。这种设计手法能够让用户仿佛置身于现实世界中,与应用进行更加自然的交互。
2. 界面案例
 
货架:相机管理页面,展示相机的形式采用拟物化设计,丰富视觉
为什么我做UI总是没有亮点,老献丑!
Collect
储存卡:相机购买页面,卡片采用储存卡的外观,形式新颖别具一格
为什么我做UI总是没有亮点,老献丑!
Collect
纸张:账单用纸张的形式展示,贴近生活的同时增加了页面形式感
为什么我做UI总是没有亮点,老献丑!
Collect
日历:年终总结日历的形式,贴合场景且丰富了页面视觉
为什么我做UI总是没有亮点,老献丑!
Collect
唱片机:增加了页面的细节和层次,提升了页面的质感和用户体验
为什么我做UI总是没有亮点,老献丑!
Collect
地球:行程数据以地球为载体进行可视化呈现,增强了趣味性
为什么我做UI总是没有亮点,老献丑!
Collect
3.设计启示
强调设计要贴近用户的现实生活经验,通过模拟现实物体的交互方式,来降低用户的学习成本和提高操作效率。当然,拟物设计要求设计师在注重细节和真实感的同时,也要保持创新和差异化。
04.结语
破形、异形与拟物作为UI设计中的三大亮点,各自具有独特的魅力和应用价值。设计师们应根据项目的需求和用户的特点,灵活运用这些设计手法,创造出既美观又实用的界面。
让我们保持对新技术和新趋势的敏锐洞察,不断学习和探索新的设计方法和理念,以推动UI设计的不断发展和创新。
在未来的UI设计中,期待看到更多破形、异形与拟物的巧妙结合,为用户带来更加丰富、多元和沉浸式的体验。
61
Report
|
96
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
一梦大唐·长恨歌
Homepage recommendation
双座丨品牌视觉设计
Homepage recommendation
相关收藏夹
ui设计
ui设计
ui设计
ui设计
作品收藏夹
学习
学习
学习
学习
作品收藏夹
ui
ui
ui
ui
作品收藏夹
UI
UI
UI
UI
作品收藏夹
进阶
进阶
进阶
进阶
作品收藏夹
理论
理论
理论
理论
作品收藏夹
大家都在看
Log in