首页

干货分享 | 信息架构不是UI,也不是代码,那它到底是什么?

杰睿

“信息架构是创建信息产品和体验的艺术及科学,以提供可用性、可寻性和可理解性。” ——《信息架构:超越Web设计》

通俗点说:

UI 是你看到的样子;
代码是让东西动起来;
信息架构是让一切“有条理”
没有 IA,就像超市没分区、图书馆没索引,用户一头雾水。
 

信息架构到底做啥?

它管这四件事:
怎么分 → 信息怎么分类才合理(组织系统)
怎么叫 → 名字清不清楚,用户能不能懂(标签系统)
怎么找 → 想搜就能搜到吗(搜索系统)
怎么走 → 路线清不清晰,能不能快速找到目标(导航系统)
“用户必须能够在信息空间中定位自己,知道能去哪、在哪。” ——《信息架构:超越Web设计》
original-170215c1b242be0a9ad9045152609dbe.png

应用场景举个例子:

做电商页面?分类和筛选方式比页面配色更重要。
做App主页?一级和二级信息层级影响用户停留时长。
做内容运营?文章的标签系统决定用户是否“越看越上头”。
 

小提示:

想提升页面留存率?先看看结构是否合理
想优化用户路径?先画出你的信息地图
不知道用户为啥迷路?可能是导航不清楚
 
信息架构是那种“你感受不到它,但离了它就全乱套”的设计。
 
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan
 

兰亭妙微 | APP界面设计公司UI | 设计案例复盘

杰睿

在「3+3」「3+1+2」新高考模式下,选科决策成为高中生和家长的「头等大事」。兰亭妙微公司受委托优化高考选科决策平台个人诊断报告界面,核心挑战是:如何将复杂的测评数据(如学习能力倾向、学科报考机会、职业兴趣等)转化为直观易懂、兼具美感的视觉语言?

设计突破口:
用立体风格图标打破传统数据图表的枯燥感
以模块化布局 + 轻量化色彩构建信息层级
通过可视化设计降低家长和学生的理解成本

20250526-125027.jpg

20250526-125017.jpg

20250526-125023.jpg

 

设计亮点:
质感风格区分
结合学科属性提炼「核心视觉符号」,采用微立体 + 扁平渐变风格,既保留数据的专业感,又注入年轻化视觉语言。
图标采用2.5D 立体效果,通过阴影和轻微透视增强空间感,搭配主色调浅蓝色,既统一视觉风格,又避免信息过载。


这种以立体视觉符号简化复杂信息,模块化逻辑兼顾专业与易用的设计风格,也适配一些企业服务类产品、生活服务类工具、医疗健康、政务服务等场景。

 

8ad61732265770.png

更多项目/合作请私信,支持定制设计服务

我们是兰亭妙微
兰亭妙微( 蓝蓝设计)是一家专注而深入的UI设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、网页设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计
了解更多设计案例 → www.lanlanwork.com
商务合作请联系:weihua@lanlanwork.com

沉浸交互,APP 界面设计新视界

鹤鹤

 
在移动互联网蓬勃发展的今天,APP 已渗透到生活的各个角落。从日常社交到工作办公,从休闲娱乐到学习求知,各类 APP 琳琅满目。在这激烈的竞争中,融入沉浸交互理念的 APP 界面设计,正成为吸引并留住用户的核心竞争力。

一、沉浸交互,突破传统藩篱

传统 APP 界面设计多以功能展示为主,用户操作时如同使用独立工具,缺乏深度体验。而沉浸交互打破了这种局限,通过精心设计,让用户仿若置身于与现实紧密相连又独具特色的虚拟空间。
以一款旅行 APP 为例,打开它不再是单调的景点、酒店列表,而是借助 3D 动画、全景展示等技术,瞬间将用户 “传送” 至目的地。滑动屏幕,就像漫步当地街巷;点击景点,专业语音讲解随即响起,用户从信息被动接收者,转变为主动参与者。

二、沉浸交互的关键要素

  1. 视觉沉浸:精美的界面是吸引用户的敲门砖。高清图片、协调的色彩搭配与流畅动画,共同营造出逼真且极具吸引力的视觉环境。摄影类 APP 在图片展示时采用全屏高清,并搭配细腻光影,让用户仿若置身拍摄现场。
  1. 听觉沉浸:合适的音效能强化沉浸感。游戏 APP 中逼真的环境音效与紧张背景音乐,能让玩家迅速投入;冥想类 APP 里舒缓的自然音效,如潺潺流水、悠悠鸟鸣,帮助用户放松身心,沉浸其中。
  1. 操作沉浸:简洁、流畅且符合用户习惯的操作流程至关重要。短视频 APP 用户只需上下滑动就能浏览视频,简单便捷,无需思索操作步骤,便可沉浸于内容海洋。

三、沉浸交互的显著优势

  1. 提升用户体验:丰富有趣的交互体验,大幅提高用户满意度与忠诚度。
  1. 增强用户粘性:用户沉浸其中,更愿投入时间,APP 的使用时长和打开频率随之增加。
  1. 助力品牌塑造:独特的交互设计使 APP 在竞品中脱颖而出,塑造鲜明品牌形象,让用户记忆深刻。

四、未来展望

随着 VR、AR 等技术的成熟,沉浸交互在 APP 界面设计中的应用将更加广泛深入。未来,我们或许能通过手机参加虚拟演唱会,足不出户游览全球博物馆。
沉浸交互为 APP 界面设计开拓了新视野,让 APP 从单纯的工具,转变为充满无限可能的体验平台。开发者与设计师应持续探索创新,将沉浸交互发挥到极致,为用户带来更多精彩。

APP优秀案例设计思维

鹤鹤

设计能力的强弱取决于设计思维,技能操作层面的不足可以通过反复训练,在短时间内即可弥补;而设计思维需要通过长时间的熏陶,还要找对学习的方法和途径。很多设计师工作五年甚至十年,但是设计能力依然比较普通,很大程度上还是设计思维能力的缺失。
 
我们也可以通过体验和分析优秀的案例来提升,学习优秀设计师的设计思路和处理技巧,以此来强化自我专业思维。今天黑马哥继续给大家分享一些优秀的设计案例,希望可以助力提高大家的设计思维。
为什么我没有这样的设计思维呢?
 
 
 
 
体验目录
 
一、不一样的返回设计
二、可以切换大小的设计布局
三、做减法的设计表达
四、品牌动态渲染春节氛围
五、品牌插画表现界面置底
六、动态刷新红包设计
七、涂鸦风格的流程设计
八、情感化闪屏设计
九、图标设计的翻转动效
十、蛇年主题图标设计
 
 
 
一、不一样的返回设计
 
进入层级界面可以通过返回回到上一级操作场景,通常都是以箭头图标、返回文字组合设计或者独立设计。
 
最近在体验喵喵记账 App 时,其返回设计以“门”作为创意元素,进入层级界面时门会打开,点击返回时会有关门的动作。以开关门的方式表达进入和返回状态,形象化的表达了不一样的返回设计,呈现出不同的设计解决方案。
为什么我没有这样的设计思维呢?
 
 
 
 
二、可以切换大小的设计布局
 
为了满足更多用户的体验需求,设计布局的灵活性变得越来越重要,需要提供多种选择便于操作。
 
在藏书馆 App 中,针对书库分类的展示设计,用户可以通过点击切换呈现不同大小的样式。文字和书籍封面图都会随着切换而缩放,方便满足不同用户的浏览需求,提升用户对产品的操作体验度。
为什么我没有这样的设计思维呢?
 
 
 
 
三、做减法的设计表达
 
随着互联网环境的发展,提供给大家的产品选择越来越丰富,而产品设计也从最初的功能性服务扩展到综合性服务。功能变得越来越多,商业氛围也十分浓厚,有种眼花缭乱的感觉。
 
最近在使用美团外卖柜小程序时,其简约的设计印象深刻。存取功能一目了然,没有多余的设计干扰体验,操作指引也是简单易懂。有时候减法的设计才是最好的用户体验,与其布局一堆功能或者服务,反而增加了用户的操作成本。
为什么我没有这样的设计思维呢?
 
 
 
 
四、品牌动态渲染春节氛围
 
春节氛围感营造对于品牌来说至关重要,是渲染春节主题和增强用户亲和力的关键,营造方式也是丰富多样。
 
其中夸克 App 通过品牌 LOGO 结合春节主题进行动态设计,不仅突出春节氛围,动效过渡也非常流畅。夸克经常会以品牌动态化的形式表现节日或者特殊活动主题,设计融合性处理得十分细致。
为什么我没有这样的设计思维呢?
 
 
 
 
五、品牌插画表现界面置底
 
界面设计过程中,对于到达底部的处理方式通常有品牌表达、公司名称、版权信息、情感化内容表达等。
 
最近在体验我要做计划 App 时,界面设计底部以品牌 IP 形式的插画进行表达,不仅符合整体设计风格,也使得界面设计更有趣味性。整个产品设计也以插画风格为主,是一个很有个性化的产品。
为什么我没有这样的设计思维呢?
 
 
 
 
六、动态刷新红包设计
 
结合刷新设计赋予更多功能或者服务,已经成为二层楼设计的首选。
 
最近在体验美团外卖时,首页下拉刷新会出现红包样式的动效表达,随着下拉的程度不同,红包金额会随之增加或者减少。动态刷新红包设计更能吸引用户继续体验,进而进入二层楼参与活动,趣味性的表达方式很有吸引力,也以此方式促进了用户参与感。
为什么我没有这样的设计思维呢?
 
 
为什么我没有这样的设计思维呢?
 
 
 
 
七、涂鸦风格的流程设计
 
随着同质化设计的现象,产品设计也在不断尝试更具差异化的风格。结合插画风格表达界面设计,变得越来越普及。
 
在我要做计划 App 设计中,整体风格以涂鸦插画风为主,完善做计划流程设计也以涂鸦风格进行设计。不仅风格特征更突出,也能吸引用户的关注度,促进完善计划流程。
为什么我没有这样的设计思维呢?
 
 
 
 
八、情感化闪屏设计
 
闪屏设计分为品牌感方向和营销广告等方向,其中闪屏广告较为常见,不过也有品牌启动页和闪屏广告相结合的方式。
 
闪屏设计的形式也非常多样,其中情感化的方向以 IP 形象和情感故事性插画为主。比如喜马拉雅闪屏设计便以 IP 形象的各种动态化形式呈现,画面非固定表达形式,每次重新打开都会有所不同,IP 动态也非常俏皮可爱。
为什么我没有这样的设计思维呢?
 
 
 
 
九、图标设计的翻转动效
 
图标动效的运用非常普及,以往见过的案例都是动效的形式表达图标的不同形式感,但是图标的含义不会受到影响。
 
最近在体验盒马 App 时,首页金刚区图标以翻转动效进行表达,既突出春节氛围也赋予图标两层含义。在保留图标本身功能含义的同时,通过翻转另一面表达出不同的意思,也是一个新的图标动效表达思维。
为什么我没有这样的设计思维呢?
 
 
 
 
十、蛇年主题图标设计
 
蛇年春节主题设计在产品中的运用很丰富,其中在图标设计中的运用是最普遍的,广泛运用于应用图标、金刚区图标、底部标签栏图标和其他功能图标等。
 
图标设计的运用形式很多,比如蛇年主题文案嵌入、生肖蛇相关元素设计、春节元素设计等。表现形式以立体质感居多,配色以突出春节氛围为主。
为什么我没有这样的设计思维呢?
 
 
小结
 
设计思维除了依靠自身专业基础以外,通过不断学习分析优秀的案例也能不断提升,希望本期的案例分享可以带给大家更多灵感。


作者:黑马青年
链接:https://www.zcool.com.cn/article/ZMTY1MDc0OA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

如何在APP界面设计中平衡创新与用户习惯?

蓝蓝设计的小编

设计简洁的界面可以减少用户的认知负担,同时也为创新留下空间。去除不必要的元素和复杂的设计,让用户能够快速理解界面的功能和操作流程。例如,在工具类 APP 中,将核心功能以简洁明了的图标形式呈现在首页,避免过多的文字说明和广告干扰。在创新方面,可以在简洁的基础上,通过动画效果或微交互来增添趣味性和功能性,如在用户点击图标时,以简洁的动画展示工具的启动过程。

UI设计如何突出气象APP的主要功能和特点?

蓝蓝设计的小编

通过精心的 UI 设计,从布局、数据展示、个性化定制、交互反馈到色彩搭配等多个方面入手,可以有效地突出气象 APP 的主要功能和特点,为用户打造一个功能强大、操作便捷、视觉舒适且个性化的气象信息服务平台,在竞争激烈的市场中脱颖而出,赢得用户的青睐与信任。

UI 设计公司兰亭妙微分享:创新 APP 界面设计引领潮流

蓝蓝设计的小编

UI 设计公司兰亭妙微凭借其以用户为中心的设计理念、创新的视觉与交互设计、响应式设计策略以及对新兴技术的积极融合,在 APP 界面设计领域不断创新,引领着潮流的发展。在未来,随着技术的不断进步和用户需求的持续演变,兰亭妙微将继续砥砺前行,为打造更多优秀的 APP 界面而努力,为用户带来更加卓越的数字化体验。

UI 设计公司如何做好手机界面设计与用户之间的情感纽带

蓝蓝设计的小编

建立敏锐反馈渠道,APP 内置反馈箱、社区论坛专设吐槽区,捕捉用户实时心声。定期回访老用户,挖掘使用心境变迁,新功能上线一周内深度调研满意度,对抱怨、建议分类梳理,为优化 “导航”。
依据反馈敏捷迭代,小修小补周更优化界面瑕疵、卡顿,大改重塑季更适配新潮流、习惯。随用户成长调整,新手引导从基础入门到高阶技巧进阶,对 “熟客” 开放自定义深层权限,如界面模块自由拖曳、功能隐藏显示,确保界面与用户同频共振,情感纽带在岁月更迭中紧固如初,永不 “掉线”。

UI设计公司如何设计出具有创新性的手机界面?

蓝蓝设计的小编

在手机界面中融入 AR 元素。例如,在相机应用中,用户可以通过 AR 技术将虚拟的物体或信息叠加在现实场景中。在导航应用中,除了传统的地图显示,还可以使用 AR 技术将路线指示直接显示在真实的街道场景上,让用户更直观地找到方向。

掌握APP页面分割技巧:一步到位的实用教程,提升你的设计效率!

蓝蓝小助手

优化APP页面分割策略:以清晰条理与悦目秩序提升内容突出度,实现高效信息传达!全面解析版面效果与决策要素。

日历

链接

个人资料

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

存档