兰亭妙微ui设计公司分享很多 UI 设计师都会有这样的困惑:软件操作、绘图技法勤加练习就能快速上手,但同样看优秀作品,别人总能看透背后的巧思,自己却只能看到表层视觉效果。
设计能力的分水岭,往往就在于设计思维。软件技法可以依靠重复训练短期内快速补齐,但设计思维需要长期积累熏陶,更要掌握正确的学习方法。现实里不少设计师从业五到十年,输出的作品依旧平庸,核心问题并非手绘或者软件功底不足,而是设计思维的缺失。
提升设计思维一个高效路径,就是深度体验、拆解优秀产品案例,读懂优秀设计师的解决思路与细节处理手法,把别人的思考转化成自己的专业能力。今天就结合多款 App 实例,从十个细节场景拆解 UI 设计巧思,希望能给大家带来启发。
常规页面返回,大多采用箭头图标、“返回” 文字这类标准化组件。
体验喵喵记账 App 时发现了很有想象力的处理:把 “门” 作为返回的意象,进入子页面时,画面呈现开门动画;点击返回上一级,就触发关门动效。用开门、关门的隐喻,具象化表达页面的进入与退出,跳出了传统返回控件的固有形式,提供了全新的交互解法。
用户的浏览习惯各不相同,布局的灵活度,已经成为提升体验的重要一环。
藏书馆 App 的书库分类页面,支持一键切换展示尺寸。切换后书籍封面、配套文字会同步完成缩放适配,适配不同用户的阅读浏览偏好,用布局弹性优化整体产品体验。
如今互联网产品功能越做越繁杂,叠加大量商业模块,界面信息过载,很容易让用户眼花缭乱。
美团外卖柜小程序的设计就践行了少即是多。核心存取功能清晰直白,没有多余装饰元素干扰操作,指引简洁易懂。很多时候好体验来源于做减法,盲目堆砌功能模块,反而会加重用户的操作负担。
节日主题设计是拉近品牌和用户距离的重要手段,实现形式也丰富多样。
夸克 App 会对品牌 LOGO 做节日动态化改造,春节版本将 LOGO 与新春主题结合,动效过渡顺滑自然,氛围感十足。夸克常会用品牌动态演绎节日、专题活动,把主题元素和品牌本体融合得十分细腻。
页面滚动到底部时,常规做法是放置版权信息、品牌名称等文本内容。
我要做计划 App 另辟蹊径,页面底部使用品牌 IP 插画做收尾。插画和产品整体插画风格高度统一,消解页面的枯燥感,增添趣味,也强化了产品独有的视觉个性。
“下拉二层楼” 已经是很成熟的产品设计模式,不少产品会在下拉刷新上做趣味化创新。
美团外卖首页下拉刷新,会触发红包动效:下拉距离不同,红包的金额视觉效果随之增减。把普通的刷新行为和营销玩法结合,趣味性抓住用户注意力,引导用户进入二层楼参与活动,有效提升用户参与意愿。
行业设计同质化愈发严重,越来越多产品借助插画塑造自身辨识度。
我要做计划 App 整体采用涂鸦插画风格,就连计划完善流程页面,也沿用这套涂鸦语言。统一的风格强化产品记忆点,弱化流程页的枯燥感,引导用户完成计划填写。
闪屏主要分为品牌展示、营销广告两大类型,也有品牌 + 广告结合的混合形式。除去直白的广告投放,IP 形象、故事插画是情感化闪屏的两大载体。
喜马拉雅就做了很有意思的尝试:启动页使用品牌 IP 动态形象,每次打开 App 看到的画面都不完全相同,灵动俏皮,让产品开场多了一份人情味。
图标动效已经非常普及,多数动效只是美化外观,图标的功能释义不会发生变化。
盒马 App 春节版本的金刚区图标,使用翻转动画。图标正反两面承载两层含义:一面保留原有功能识别,翻转之后呈现节日主题寓意,为图标动效提供了全新思路。
春节生肖主题广泛应用于各类产品,图标是落地主题最高频的载体,覆盖 App 图标、金刚区、底部 Tab、功能图标等位置。
常见改造方式有嵌入节日文案、融入生肖元素、叠加春节装饰,风格上多偏向立体质感,配色选取年味浓烈的色调,快速传递节日氛围。
设计思维不是凭空而来的天赋,它扎根于自身专业积累,更来自大量案例观察与深度拆解。不要只停留在 “好看” 的表层感受,多去思考:设计师为什么这么做?解决了什么问题?可以借鉴什么思路。长期坚持,就能把案例养分转化为自己的设计思维。
转载:站酷