兰亭妙微ui设计公司分享为什么总感觉自己缺少设计思维?

兰亭妙微ui设计公司分享很多 UI 设计师都会有这样的困惑:软件操作、绘图技法勤加练习就能快速上手,但同样看优秀作品,别人总能看透背后的巧思,自己却只能看到表层视觉效果。

设计能力的分水岭,往往就在于设计思维。软件技法可以依靠重复训练短期内快速补齐,但设计思维需要长期积累熏陶,更要掌握正确的学习方法。现实里不少设计师从业五到十年,输出的作品依旧平庸,核心问题并非手绘或者软件功底不足,而是设计思维的缺失。

提升设计思维一个高效路径,就是深度体验、拆解优秀产品案例,读懂优秀设计师的解决思路与细节处理手法,把别人的思考转化成自己的专业能力。今天就结合多款 App 实例,从十个细节场景拆解 UI 设计巧思,希望能给大家带来启发。

案例体验目录

  1. 巧思化的返回交互设计
  2. 支持尺寸切换的弹性布局
  3. 回归本质的减法设计
  4. 品牌动态化烘托节日氛围
  5. IP 插画填充界面底部区域
  6. 下拉刷新的红包趣味动效
  7. 涂鸦插画打造差异化流程页
  8. 充满温度的情感化闪屏
  9. 双层含义的图标翻转动效
  10. 生肖主题图标节日化改造

一、巧思化的返回交互设计

常规页面返回,大多采用箭头图标、“返回” 文字这类标准化组件。

image.png

体验喵喵记账 App 时发现了很有想象力的处理:把 “门” 作为返回的意象,进入子页面时,画面呈现开门动画;点击返回上一级,就触发关门动效。用开门、关门的隐喻,具象化表达页面的进入与退出,跳出了传统返回控件的固有形式,提供了全新的交互解法。

二、支持尺寸切换的弹性布局

image.png

用户的浏览习惯各不相同,布局的灵活度,已经成为提升体验的重要一环。

藏书馆 App 的书库分类页面,支持一键切换展示尺寸。切换后书籍封面、配套文字会同步完成缩放适配,适配不同用户的阅读浏览偏好,用布局弹性优化整体产品体验。

三、回归本质的减法设计表达

image.png

如今互联网产品功能越做越繁杂,叠加大量商业模块,界面信息过载,很容易让用户眼花缭乱。

美团外卖柜小程序的设计就践行了少即是多。核心存取功能清晰直白,没有多余装饰元素干扰操作,指引简洁易懂。很多时候好体验来源于做减法,盲目堆砌功能模块,反而会加重用户的操作负担。

四、品牌动态化烘托节日氛围

image.png

节日主题设计是拉近品牌和用户距离的重要手段,实现形式也丰富多样。

夸克 App 会对品牌 LOGO 做节日动态化改造,春节版本将 LOGO 与新春主题结合,动效过渡顺滑自然,氛围感十足。夸克常会用品牌动态演绎节日、专题活动,把主题元素和品牌本体融合得十分细腻。

五、IP 插画填充界面底部区域

image.png

页面滚动到底部时,常规做法是放置版权信息、品牌名称等文本内容。

我要做计划 App 另辟蹊径,页面底部使用品牌 IP 插画做收尾。插画和产品整体插画风格高度统一,消解页面的枯燥感,增添趣味,也强化了产品独有的视觉个性。

六、下拉刷新的红包趣味动效

image.png

“下拉二层楼” 已经是很成熟的产品设计模式,不少产品会在下拉刷新上做趣味化创新。

美团外卖首页下拉刷新,会触发红包动效:下拉距离不同,红包的金额视觉效果随之增减。把普通的刷新行为和营销玩法结合,趣味性抓住用户注意力,引导用户进入二层楼参与活动,有效提升用户参与意愿。

七、涂鸦插画打造差异化流程页

image.png

行业设计同质化愈发严重,越来越多产品借助插画塑造自身辨识度。

我要做计划 App 整体采用涂鸦插画风格,就连计划完善流程页面,也沿用这套涂鸦语言。统一的风格强化产品记忆点,弱化流程页的枯燥感,引导用户完成计划填写。

八、充满温度的情感化闪屏设计

image.png

闪屏主要分为品牌展示、营销广告两大类型,也有品牌 + 广告结合的混合形式。除去直白的广告投放,IP 形象、故事插画是情感化闪屏的两大载体。

喜马拉雅就做了很有意思的尝试:启动页使用品牌 IP 动态形象,每次打开 App 看到的画面都不完全相同,灵动俏皮,让产品开场多了一份人情味。

九、双层含义的图标翻转动效

image.png

图标动效已经非常普及,多数动效只是美化外观,图标的功能释义不会发生变化。

盒马 App 春节版本的金刚区图标,使用翻转动画。图标正反两面承载两层含义:一面保留原有功能识别,翻转之后呈现节日主题寓意,为图标动效提供了全新思路。

十、生肖主题图标节日化改造

image.png

春节生肖主题广泛应用于各类产品,图标是落地主题最高频的载体,覆盖 App 图标、金刚区、底部 Tab、功能图标等位置。

常见改造方式有嵌入节日文案、融入生肖元素、叠加春节装饰,风格上多偏向立体质感,配色选取年味浓烈的色调,快速传递节日氛围。

小结

设计思维不是凭空而来的天赋,它扎根于自身专业积累,更来自大量案例观察与深度拆解。不要只停留在 “好看” 的表层感受,多去思考:设计师为什么这么做?解决了什么问题?可以借鉴什么思路。长期坚持,就能把案例养分转化为自己的设计思维。

 

转载:站酷

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档