首页

UI 设计|提高审美|极简扁平过时吗?

杰睿 设计资源

在做UI界面时,极简扁平一直是个稳妥又高适配的选择。它没有复杂的质感和装饰,更强调清晰、直接和功能导向,能快速搭建出干净、有秩序的界面,适合大多数场景落地。
但是也确实有太多太相似的极简导致确实辨识度,这中间要怎么平衡?平淡的极简扁平风格已经过时了吗?

999817119037557.61deac4aa9171 (2).jpg

DM_20250527234137_001 (1).JPG

DM_20250527234137_001 (2).JPG

DM_20250527234137_001 (3).JPG

DM_20250527234137_001 (4).JPG

DM_20250527234137_001 (5).JPG

original-5cb00744f2589b4d9ea4fc8e5b355f26.png

original-6c39ea5c4b1001b13b0bad964c266a26.JPG

original-9e2e1af05af9a1337d76981d6fa961c0.JPG

original-1681ab12ce8ed1787e5836b2fbc06e92.JPG

original-4820af566a0239fa574d7ae876bc7178.gif

original-96947351752ea6576802c130a69393d1.JPG

original-b1c5d1370e23c8c5f5a76a36add69d28.png

核心特点:
无阴影、无渐变,色彩纯净,强调色块区分信息
图标和控件极简化,风格统一,识别度高
多用系统字体或无衬线字体,方便信息阅读
布局以网格为基础,留白充足,逻辑清晰
适合场景:
工具类 / B端后台 / 数据展示类产品
教育、资讯类平台,注重信息承载与阅读体验
想快速搭建产品雏形、做组件库规范的项目
使用体验: 对设计师来说,扁平风是效率高、容错率低的一种经典实用风格。它能帮助我们聚焦在信息结构、交互流程和排版逻辑上,适合组件复用、团队协作、甚至快速出图。 而对用户来说,扁平风界面看起来更“轻”,更容易理解和操作,没有过多干扰。
你在工作中还会用扁平风吗?有没有遇到难把控“简约不等于简单”的情况?欢迎一起讨论~

 
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

杰睿

大脑在处理和组织看到的信息时会使用一套快捷方法,了解这些方法是设计成功的关键要素。本文介绍了十一条有效的设计准则,用形象的图解帮助读者更好地理解设计准则在设计工作中的运用,帮助你利用这些方法更快捷地开展设计。适合关注产品设计的小伙伴阅读。

感知力是大脑将不同的信息连接和组织成一个连贯整体的机制。例如我们将相似的对象分组并连接起来,能够轻松地区分出不属于该组的对象。

大脑在处理和组织看到的信息时会使用一套快捷方法,了解这些方法是设计成功的关键要素。

在UI设计时,我们应该有意识地运用感知力,用足够的事实来验证设计,有依有据地解释为什么这个图形元素要这样设计?背后的原因是什么?

提升感知力有助于清晰地解释设计方案,避免常见的设计错误,引导我们将设计做得更好、更容易理解!

一、邻近原则

彼此靠近的元素会被自动理解为一组。把它们的位置放得更远,会给人一种这些元素是完全独立的个体的印象。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

在UI设计中,可以利用邻近原则将相似的界面元素组合在一起,把控总体布局。

邻近规则适用于主导航、卡片、按钮、内容和图标等。我们还可以使用适当的留白将不同的元素进一步分开,创建一个层级更清晰的界面结构,以此来帮助用户浏览和理解不同类型的信息。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

邻近原则是直接影响界面可用性的基本规则之一。如果随意控制元素的位置和间距,有可能会让整个产品变得混乱和难以理解。

二、相似原则

视觉上相似的元素会被视为同一组,视觉上不同的元素,大脑会下意识将其视为单独的元素。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

利用相似性可以来定义界面的特征,例如颜色、形状、尺寸、纹理或空间位置等。最容易区分的是颜色相似,其次是尺寸和形状相似。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

如果一个元素和界面中其他的元素都不同,无法融入到其他元素组中,那么这个元素就会变得非常显眼。

我们可以利用这种差异化的效果来突出一些具有引导性或者功能性的元素,例如登录按钮或者加入购物车按钮等。

三、闭合原则

一组不相连的元素组合在一起,我们会下意识地自动补充这些元素之间的空白,得到一个完整的、可识别的形状。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

闭合原则有多种不同的用法。例如一个虚线箭头,我们会填补空白并把这些点连接在一起,得到一条完整的线段。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

闭合原则还有助于识别抽象的图标形状并赋予更多的含义。在图标设计中,为了避免信息过载,大多数图标的设计都很简洁,更方便用户理解。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

运用闭合原则的经典案例包括用不同虚线构成的IBM标志、利用正负形空间组合而成的WWF熊猫标志。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

四、对称原则

UI界面中的元素一旦有对称性,就会产生秩序感,我们很快就能看到并理解这种形式。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

我们天生喜欢对称的物体。对称排列的元素在视觉上更令人舒服,也更美观。

可能有人觉得对称设计过于呆板,这种想法在平面广告或视觉设计中可能正确,但在UI设计中对称布局是相当重要且实用的界面排版形式。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

对称布局让设计更容易理解,也更友好,缺乏对称会导致界面混乱,不知道该关注哪个元素。当然,如果想让某个模块突出展示,也可以尝试打破对称性,这样不对称的元素就能在界面中脱颖而出。

五、连续性原则

界面中沿着同一条线对齐的元素会被认为属于同一组。

在浏览界面时,视线会第一时间寻找最顺畅的视觉动线。这也解释了为什么在使用连续性原则时,需要确保直线(或曲线)是均匀和可预测的。

线条越均匀,生成的形状越容易被用户正确识别。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

连续性有助于界面保持上下垂直滚动时的节奏,相似的内容应始终保持对齐。如果某个元素打破了这种连续性,我们的浏览节奏会被打乱,浏览速度也会变慢。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

当下的UI设计中,流行带有圆角的卡片和按钮效果。其中的一个原因是我们对于直角的处理速度稍慢,视线需要停顿并旋转90度,而更圆滑的导角效果能帮助我们的视线更快地转换。

六、共同命运原则

按相同方向、以相同速度运动的元素被认为是一组。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

在设计轮播、下拉列表、过渡动画等场景时,共同命运原则会很有帮助。例如我们的视线既跟随轮播图水平移动,还跟随下拉列表向下展开。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

七、希克定律/米勒定律

  • 希克定律:可供选择的选项越多越复杂,就越难做出选择。
  • 米勒定律:我们的大脑在同一时间只能处理大约7±2个对象。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

根据希克定律,可供的选择数量应该有限制。有太多东西可供选择可能会导致用户迷失方向,做出判断的时间加长,甚至会感到压力。

米勒定律提到,大脑处理信息的能力与认知负荷有直接的关系。我们大脑一次能处理的信息量大约是7个对象。对象数量越多,处理它们所需的时间就越长。

在设计时,尽量不要超过七个选项,为了获得最好的体验,应尽量将选项保持在4-5个。这意味着需要控制主导航数量、按钮数量、下拉选项和轮播图数量等。

当需要用户做选择时,最好能突出显示最受欢迎或最推荐的选项,帮助用户更快做出决策。

八、前景/背景

我们能够本能地区分界面中的图形元素和背景。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

界面由不同类型和样式的图层组成,每个图层都有不同的层次结构。

为了避免层次结构混淆,我们需要清楚地定义界面的所有元素。背景不需要设计设计的太花哨,有可能会抢夺用户对主要内容的注意力。

辅助内容和功能不需要太明显,并且需要与主要内容在设计上做出区分。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

可以使用对比关系、位置关系和阴影等方法帮助用户区分内容和背景。

九、审美可用性效应

用户通常认为具有视觉吸引力(美观)的产品更实用。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

根据这个原则,流行、对称、美观的界面会对用户产生更积极的影响。如果视觉效果给人足够好的第一印象,用户可能会忽略一些可用性问题。

审美可用性的基础在于具有一定的可用性,之后才会起作用。如果产品本身的功能就很糟糕,那么再美观的界面也无济于事。

高质量、美观的界面有助于建立用户信任。相反一个看起来混乱的设计会让用户感到不靠谱。即使用户不能确切说出界面视觉的问题,但他们也会觉得这个产品有风险或者不正规。

高质量的UI设计对于银行类、金融类和医疗类产品来说尤为重要,尤其是在需要用户提供个人信息或涉及交易的使用场景中。

十、串行位置效应

我们最容易记住一组当中的第一个和最后一个元素。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

将最重要的内容或元素放在每组的第一个或最后一个,吸引用户注意力,方便高频操作。而次要的内容操作频率相对较低,则放到中间位置。

例如在构建导航、下拉列表等场景中,将重要的操作放到首位。

十一、隔离效应

在一组看起来相似的元素中,我们总是会记住与其余元素不匹配的那个元素。

为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!

在UI设计中,隔离效应意味着将界面中重要的内容或关键的操作在视觉上与众不同。

最典型案例是界面中的CTA(号召性用语)按钮。通过改变CTA按钮的颜色、尺寸等,与界面中的其他按钮区分开来,第一时间引起用户的注意。

专栏作家

作者:Clippp,每周精选设计文章,专注分享关于产品、交互、UI视觉上的设计思考。

本文原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自 Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

 

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

产品经理必备!2025最受欢迎的10款原型交互设计软件

鹤鹤

产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
原型设计是每一个产品经理都需要具备的基础能力,因此有一款称手好用的原型设计软件,更是产品人手中不可或缺的利器。相比其他设计软件,原型设计软件的重点之一是交互设计,它需要动态模拟用户操作,精准呈现产品的交互流程,这样才能感受真实的用户体验,帮助产品优化迭代。
那么,有哪些优秀的原型交互设计软件呢?本文盘点了10款备受产品经理喜爱的原型软件,助你2025年设计更高效更简单~
 
1、
摹客RP
摹客RP是一款高效易用的原型交互设计软件,界面直观、交互全面,可在线协作使用,能帮助产品经理快速构建产品原型。它还拥有海量的模板组件,组件自带交互,拖拽即用,用户无需经验也可创建复杂的交互效果。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)全面的交互类型:不仅包含页面交互,还有画板级、组件级、状态级交互,交互效果细腻,产品原型更逼真。
2)自制交互组件:可根据项目所需,自制复杂组件,自定义样式以及交互细节,原型交互设计不受限。
3)组件库和模板:内置丰富的组件和设计模板,包括各种按钮、输入框等交互控件,用户可快速调用。
4)拖拽式编辑:只需鼠标拖拽,一步到位,即可快速添加交互效果。
5)实时预览编辑:支持实时预览设计稿,多个成员可以在同一项目中编辑,大大提升了协作效率。
价格:
可免费使用
学习难度:
简单,新用户也能快速上手
使用环境:
支持Web、Windows、MacOS
推荐理由:
摹客RP大幅降低了原型交互设计的门槛,简单易用、操作流畅,交互效果也很全面。而且,它的团队协作功能突出,非常适合需要快速构建交互原型的产品团队。
推荐评级:
⭐️⭐️⭐️⭐️⭐️
 
2、
Axure
Axure是一款经典的原型交互设计软件,交互功能强大灵活,在产品经理和UX设计师中享有盛誉,特别适合需要复杂交互和逻辑实现的中大型项目。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)高级交互设计:支持拖拽式创建动态面板、条件逻辑和变量操作,实现高复杂度的交互效果,精准模拟用户体验。
2)组件丰富:内置按钮、表单、图表等多种控件,可通过配置实现多样化的交互设计。
3)交互逻辑编辑:支持条件分支、逻辑判断和变量传递,满足复杂业务流程的原型设计需求。
4)文档生成:支持自动生成详细的原型文档,便于交付和开发参考。
价格:
$29/月起
学习难度:
Axure操作复杂,对初学者来说难度较大。
使用环境:
客户端使用,支持Windows、MacOS
推荐理由:
Axure适合对交互设计有较高要求的专业团队,其强大的逻辑功能和动态效果让用户能够细致地还原产品交互过程,是中大型项目不可或缺的利器。
推荐评级:
⭐️⭐️⭐️⭐️⭐️
 
Justinmind是一款功能全面的原型交互设计软件,专注于帮助用户从低保真到高保真阶段快速构建交互原型。它不仅支持丰富的交互动作,还内置大量预设模板和控件,是一款集原型设计、交互开发和团队协作为一体的全能型工具。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)交互设计支持:通过可视化界面实现页面跳转、动态面板、悬停效果等交互行为,无需编程即可完成复杂交互设计。
2)模板与组件库:内置丰富的UI组件库和交互模板,可快速拖放使用,提升设计效率。
3)导出功能多样:可以将原型转换为功能齐全且可交互的 HTML,还可导出导出为 SVG 和 PNG。
4)团队协作:支持团队成员在线评论和文档共享,让协作更加高效。
价格:
$19/人/月起
学习难度:
简单
使用环境:
支持Web、Windows、MacOS
推荐理由:
无需输入任何代码,即可用Justinmind创建可交互的原型,还能用它继做UI设计、VR和AP设计,功能全面,值得尝试。
推荐评级:
⭐️⭐️⭐️⭐️⭐️
 
4、
ProtoPie
ProtoPie是一款专业的高保真交互原型设计工具,专注于通过逻辑和交互动作的直观设置,构建接近真实产品的交互体验,特别适合需要创建复杂交互的产品经理和设计师。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)无代码交互创建:通过触发器、动作和对象的组合,无需编程即可轻松实现复杂的交互逻辑。
2)跨设备交互模拟:支持多设备之间的交互,例如手机与平板、手机与电脑的联动效果。
3)传感器支持:独特支持设备传感器(如陀螺仪、重力感应、语音输入等),更真实地模拟用户场景。
4)高保真原型预览:所见即所得的预览功能,可快速验证交互效果。
5)插件和集成:与Figma、Sketch等工具无缝对接,快速导入设计资源。
价格:
$12/用人/月起
学习难度:
中等,新手需要一定时间学习
使用环境:
支持Windows、MacOS
推荐理由:
ProtoPie是专门构建高度复杂和真实交互的设计工具,适合对产品交互设计要求较高的团队,其独特的传感器支持和多设备联动功能,受到不少产品经理的喜爱。
推荐评级:
⭐️⭐️⭐️⭐️
 
5、
Uizard
Uizard是一款新兴的AI驱动原型设计工具,它的独特之处在于智能化和易用性,即使是没有设计经验的用户,也可以通过简单的操作快速构建具有交互功能的高质量原型。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)AI生成设计:支持将手绘草图自动转化为数字化原型,大幅提升设计效率。
2)简单交互设计:通过点击即可实现页面跳转和基本动态交互,满足初期验证需求。
3)模板库:内置大量行业通用的UI模板和组件,用户可以直接使用或调整,快速完成设计。。
价格:
$15/人/月起
学习难度:
简单
使用环境:
基于wed端使用,适用于所有主流浏览器
推荐理由:
Uizard的特点是:快速、智能、简洁,非常适合需要快速构思和验证产品创意的团队或个人。特别是对于时间有限的初创团队来说,Uizard提供了从草图到原型的一站式解决方案。虽然其交互功能较为基础,但对于早期原型制作来说够用了。
推荐评级:
⭐️⭐️⭐️⭐️
 
6、
Marvel
Marvel是一款全流程原型设计工具,专注于快速创建交互原型和用户体验测试,适合快速原型制作,但不适合高保真的复杂交互设计。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)快速交互设计:通过简单的链接设置和拖放操作,即可创建页面跳转、动画效果等交互行为。
2)用户测试工具:支持收集用户反馈,通过点击热图和可用性测试,优化设计流程。
3)团队协作与评论:团队成员可在设计文件中直接评论和标注,沟通更高效。
4)与第三方工具集成:与Sketch、Figma等设计工具无缝衔接,支持导入设计文件进行交互设置。
价格:
$12/人/月起
学习难度:
简单
使用环境:
基于wed端使用,适用于所有主流浏览器
推荐理由:
Marvel操作直观、团队协作功能强大,它的用户测试功能为产品优化提供了很多支持,对于小团队和初创企业来说,它是一个性价比较高的选择。
推荐评级:
⭐️⭐️⭐️⭐️
 
7、
Proto.io
Proto.io是一款强大的原型设计工具,提供了从设计、交互到用户测试的一站式服务,它的的优势在于高度灵活的交互设计功能和广泛的设备适配能力,非常适合需要快速验证复杂交互的团队。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)高度灵活的交互设计:支持页面跳转、动态效果、动画、条件逻辑等多种交互功能,无需编码即可实现复杂设计。
2)丰富的组件库和模板:提供大量内置UI控件和行业模板,可直接拖拽使用并快速定制。
3)动画编辑器:支持创建时间轴动画,轻松实现复杂的动态效果。
4)用户测试功能:支持与用户共享原型链接或QR码,收集反馈并优化设计。
价格:
$24/月起
学习难度:
中等,新手需要一定的时间学习
使用环境:
基于wed端使用,适用于所有主流浏览器
推荐理由:
Proto.io不仅交互设计功能强大,还支持动画设计,提供从设计到测试的全面支持,非常适合需要复杂交互逻辑的项目。
推荐评级:
⭐️⭐️⭐️⭐️⭐️
 
8、
Balsamiq
Balsamiq是一款专注于低保真原型设计的工具,其手绘风格的界面设计独具特色,旨在快速构思和验证产品想法,是产品经理和开发团队早期规划的绝佳工具。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)手绘风格低保真设计:通过手绘风格元素,帮助用户快速创建清晰的线框图,避免过多关注视觉细节。
2)丰富的UI控件库:内置大量UI组件,包括按钮、表单、导航栏等,可快速拖拽到画布中。
3)简单交互设计:支持基本页面链接和跳转功能,用于模拟导航流程。
4)云端协作:支持多人协作编辑,方便团队在早期阶段快速迭代和验证。
价格:
$9/人/月起
学习难度:
简单,初学者也能快速上手
使用环境:
支持Web、Windows、MacOS
推荐理由
Balsamiq是低保真原型设计的标杆工具,其简单、高效和专注的设计理念,特别适合项目早期的头脑风暴和结构规划。
推荐评级:
⭐️⭐️⭐️⭐️
 
9、
Figma
Figma是一款基于云端的协作式设计工具,在原型交互设计领域备受推崇。它以实时协作、高效的原型设计和无缝的团队沟通功能为核心亮点,是产品经理和设计师的强大助手。Figma无需安装,直接通过浏览器即可使用,突破了传统设计工具的限制。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)实时协作:多成员可同时在线编辑同一文件,实时查看修改,显著提高团队效率。
2)组件和设计系统:提供强大的组件管理功能,支持组件复用和全局更新,确保设计的一致性。
3)简单交互设计功能:支持创建动态交互和动画,包括页面跳转、悬停效果和状态切换等。
价格:
$12/人/月起
学习难度:
简单,还有丰富的教程文档
使用环境:
基于wed端使用,适用于所有主流浏览器
推荐理由:
Figma凭借实时协作能力和直观的交互设计功能,成为团队协作和快速设计的最佳选择之一。特别是在远程办公和分布式团队中,它的云端优势更加突出。
推荐评级:
⭐️⭐️⭐️⭐️
 
10、
Visily
Visily 是一款智能化的原型设计工具,它通过AI功能和直观的界面,帮助用户快速创建交互原型,是初创团队、产品经理和非设计背景团队的理想选择。
产品经理必备!2025最受欢迎的10款原型交互设计软件
 
 
功能亮点:
1)AI设计助手:利用AI技术,将手绘草图或现有的设计图转化为数字化原型,大幅提升效率。
2)简单交互功能:支持页面跳转、链接和基本动态效果,便于快速模拟用户流程。
3)预设组件和模板:提供丰富的UI组件和行业模板,适用于多种设计场景。
价格:
$10/人/月
学习难度:
简单
使用环境:
基于wed端使用,适用于所有主流浏览器
推荐理由:
Visily的AI设计功能是最大亮点,降低了原型设计门槛,对没有设计背景的用户来说很友好。此外,Visily组件丰富,适合快速制作低至中保真原型。
推荐评级:
⭐️⭐️⭐️⭐️
 
以上10款原型交互设计软件各具特色,能够满足不同团队和项目的需求。希望你能找到一款最适合自己的工具,用它打造出更出色的产品吧!

作者:摹客设计云
链接:https://www.zcool.com.cn/article/ZMTY1MDIwMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

APP优秀产品设计亮点

鹤鹤

为什么我想不到这些设计亮点
 
 
 
 
体验目录
 
一、这个隐藏的手势交互你忽略没
二、情感化的背景设计
三、自适应的瓷片区布局
四、考虑用户习惯的导航设计
五、应景的标签设计
六、情感化的心情记录
七、动态感的个人中心设计
八、动态 Banner 更有吸引力
九、有点意思的图标设计
十、营造冬季氛围的背景设计
 
  
 
一、这个隐藏的手势交互你忽略没
 
随着用户体验的不断升级,手势交互变得越发普及,使得产品操作体验变得更有互动感和趣味性。通过手势交互的辅助,让产品设计更加简化,更有利于用户实现操作目标。
 
我们经常用抖音刷短视频,可以通过单击底部标签栏“首页”进行刷新,长按则会弹出模式切换。通过手势交互的辅助可以快速切换单列、双列展示形式,以及刷新首页和默认静音设置,不知道这个操作你发现了吗?
为什么我想不到这些设计亮点
 
 
 
 
二、情感化的背景设计
 
情感化设计可以让产品与用户建立更强的共鸣感,让用户感受到产品的温度,促进对其服务的认可度。
 
在杭州生活的人会经常使用浙里办,在一些节庆、节气等时间段打开 App 时,顶部视觉区域背景会进行应景设计。通过情感化的表达方式营造氛围感的同时,也让用户感受到产品的温度,带来更加温馨的体验感。
为什么我想不到这些设计亮点
 
 
 
 
三、自适应的瓷片区布局
 
瓷片区的灵活性可以方便更多功能模块的布局,也能自由更换和增删处理,只要保障基础框架结构的稳定即可。
 
酷狗音乐未登录时首页推荐板块的瓷片区设计,在滑动过程中会进行自适应布局,方便进行结构的填充和内容的补充。默认时隐藏部分内容可以提高当前位置的利用率,便于提高更多内容的曝光度,交互过程中的动效表达也非常的流畅自然。
为什么我想不到这些设计亮点
 
 
 
 
四、考虑用户习惯的导航设计
 
抽屉式导航是导航设计表达的形式之一,由于属于隐藏式的设计,通常集合非操作频繁的功能。
 
酷狗音乐采用了底部标签栏和抽屉式导航结合的形式,即满足高频功能的便利性,也能集合更多低频功能。由于大屏手机的普及,用户单手操作的习惯各有差异,考虑用户左手或者右手都能轻松打开导航,酷狗音乐右上角的导航图标可以从右侧打开导航,左手贴边向右滑可以从左侧打开导航,满足了不同操作习惯的用户需求。
为什么我想不到这些设计亮点
 
 
 
 
五、应景的标签设计
 
标签设计的表达形式非常多样化,也被运用到众多的场景中,辅助内容的传播与理解等。
 
天气冷了,大家会在淘宝买一些秋冬服装等商品,当搜索秋冬外套、保暖等关键词时,会出现降温坐标、轻暖等标签设计。通过标签突出了商品关键词的特征,也让用户可以感受到季节的变化,促进商品被搜索的概率。
为什么我想不到这些设计亮点
 
 
 
 
六、情感化的心情记录
 
随着生活压力和职场压力的不断增加,为了缓解大家的焦虑情绪,衍生出很多日记类产品,帮助大家记录心情和管理调节。
 
最近在使用心岛日记记录心情时,记录界面设计感觉很有意思。通过转盘的交互形式选择心情,也通过应景的动效表达辅助心情传递,整体设计情感化体验度非常好。
为什么我想不到这些设计亮点
 
 
 
 
七、动态感的个人中心设计
 
个人中心的设计在整个产品设计中都是非常重要的存在,也因此出现了众多优秀的设计方案。
 
心岛日记的个人中心设计中,顶部区域背景以动态的形式表达,描绘出的场景让人心情愉悦。相较于静态画面的表达,动感的设计更能打动用户。
为什么我想不到这些设计亮点
 
 
 
 
八、动态 Banner 更有吸引力
 
Banner 设计在产品中的表现形式也非常丰富,可以在视觉创意中发挥,也可以在造型结构中变化,还能动静各异。
 
最近在使用支付宝时,首页为了突出发放消费券的活动,采用了动态 Banner 设计。突出的视觉和动感的效果,让活动变得特别突出,增加板块吸引力,提高用户参与度。
为什么我想不到这些设计亮点
 
 
 
 
九、有点意思的图标设计
 
随着图标设计的风格越来越多,使得产品设计的感官体验得到了提升,设计师也在不断尝试更多的创意表达。
 
最近在飞猪旅行 App 中,发现其图标设计有点意思。部分图标采用书法里面的连笔形式,结合渐变色使得整体图标风格年轻活泼,设计表达独特而有新意。
为什么我想不到这些设计亮点
 
 
 
 
十、营造冬季氛围的背景设计
 
冬天虽然很冷,但是也有独特的风景带给大家,在寒冷中感受这个季节的独特魅力。
 
飞猪旅行 App 在首页设计中,顶部背景区域结合冬季下雪与堆雪人等元素,以动态的形式营造了这个冬季独有的氛围感。不仅提升了产品的感官度,也让用户更有季节代入感。
为什么我想不到这些设计亮点
 
 
小结
 
设计灵感来源于日积月累,希望我们的产品体验日记栏目可以成为大家积累的来源。本文描述属于个人观点,不足之处大家留言补充。


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

节省成本、提升效率的UI组件库

涛涛

这次全面的改版,针对UI与UE不统一的问题,迈出了关键的一步——首次构建组件库
尽管在初期阶段,面临诸多挑战和困难,但坚持不懈的努力使得组件库逐渐成形。组件库基本完善后,对工作效率的提升效果简直令人兴奋。组件的灵活变体和自动化的布局功能,不仅极大地提升了设计效率,也确保了界面的一致性和用户体验的连贯性。这一尝试不仅解决了我们面临的问题,更为未来的设计和开发工作奠定了坚实的基础,期待未来更多的挑战与进步。

UI 设计公司的收费标准一般是怎样的?判断 UI 设计公司的收费是否合理

蓝蓝设计的小编

判断 UI 设计公司的收费是否合理,可以从以下多个方面着手:
考量设计公司的专业水平与资质

团队专业背景:查看设计团队成员的学历、毕业院校以及所学专业等情况,若团队成员大多来自知名设计院校,具备扎实的专业基础,例如有专业的视觉传达、交互设计等相关专业背景,往往意味着能产出高质量的设计成果,相应收费可能会偏高,但也更具合理性。
行业经验:了解其在 UI 设计领域的从业年限以及过往参与过的项目类型和数量。有丰富行业经验的公司,经历过各种不同客户需求和复杂项目的打磨,在处理问题、把握设计方向上更有优势,对于复杂项目合理收取较高费用是正常的,比如长期服务大型企业、完成过多个行业标杆性 UI 设计项目的公司,其报价高些可能是基于深厚的实践积累。
所获荣誉与资质认证:关注该公司是否获得过一些权威的 UI 设计相关奖项,或者具备如红点奖等。这些荣誉和认证是对其设计实力与服务质量的一种认可,收费相对高些如果匹配其专业形象,也是合理的体现。

兰亭妙微:专业 UI 设计的卓越之选

蓝蓝设计的小编

兰亭妙微一直秉持着 “设计优秀,不断超越” 的理念。诚信敬业、专业耐心是他们工作作风的真实写照。在设计服务方面,他们不断创新,与时俱进。公司深知,只有帮助企业提升软件和互联网产品的界面设计水平,进行开发升级,才能为企业带来更多的价值。

聊聊对设计和品牌的一些新看法

蓝蓝小助手

设计的审美大多数是依照市场的改变而变化的,市场选择的东西要试着去相信,可以参考,不表示要一比一的模仿,加入自己的想法和理解,也许能有新的东西出来。接到委托之后先具体化的沟通,理解需求,复述你的理解,让对方同屏,之后再进行更具体的论述,能减少之后的许多麻烦。

【达达快送】骑士IP形象|达哥

涛涛

本次分享的项目是达达快送品牌IP达哥,这个项目是由@宝箱 @Masaya @小刘三人合作完成。
希望通过分享能打响达哥的知名度,并且通过沉淀的方法论能够帮助大家应用于日常工作中。
【达达快送】骑士IP形象|达哥
收藏
【达达快送】骑士IP形象|达哥
收藏
【达达快送】骑士IP形象|达哥
收藏
【达达快送】骑士IP形象|达哥
收藏
【达达快送】骑士IP形象|达哥
收藏
【达达快送】骑士IP形象|达哥
收藏
【达达快送】骑士IP形象|达哥
收藏
【达达快送】骑士IP形象|达哥
收藏
【达达快送】骑士IP形象|达哥
收藏

作者:DXC设计体验中心
链接:https://www.zcool.com.cn/work/ZNjM1NTc5NjQ=.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

花百亿买来的经验:百度FEED营销活动设计方法

涛涛

前言


15年开始,红包大战占据了春节营销的重要位置,各家互联网平台纷纷“发钱”抢占用户,红包总额曾在2021年一度达到120亿元的峰值。不过近两年开始,过往简单粗放的红包大战逐渐失去热度。平台不再追求短时间用户增长,这次春节活动就是百度FEED年底以运营手段打造的内容营销活动。设计团队以“有福气 趣新春”为主题提出了内容场景化的营销策略,整体围绕如何把“内容做的有趣”来分享设计思路。



一、心智建立内容护城河


1、心智占领:

提到内容营销,先不说老掉牙的脑白金、可口可乐。我们先说说产品和用户的关系。我们通过各大平台的定位,提供了信任背书,但产品只是流量的承载地,最终让目标用户到达目的地的还是我们的品牌、内容、形象。所以我们在做内容营销活动的时候,究竟应该怎么做?


2、你的产品容易记住么?

海的味道你知道,是波力海苔。提到蓝瓶的钙,脑海会浮现产品的蓝色包装。说到这里,我们就明白了,内容营销的核心是图形和口号。营销活动的核心是品牌符号和Slogan。

品牌符号拆解

以春节项目举例,提取中国传统团扇形,象征着大团圆。引申为家家户户的心愿,全家团圆、福气满满。以FEED产品愿景「看更多有趣有用的内容」为使,结合「新年要有福气」的新年祝福,推出品牌Slogan【有福气·趣新春】的活动理念,开启活动篇章。




有了主要的符号传达,其它辅助元素的提取从桂花造型和钱币上做了简化,寓意吉祥富贵财源滚滚,应用在页面细节装饰中。



用颜色表达个性

提起品牌符号,我们首先想到的可能是 Logo,但有些时候色彩却是第一印象。春节是中国传统文化的传承。因此尝试从中国传统色彩体系中象征“福气、福来、富贵”的海棠红作为会场主颜色。



为了更好的区分内容场景以及增加色彩丰富度,受到“一年四季轮回”的启发,延伸品牌辅助色。一年的圆满在于四季的圆满,在色彩表现上,从春到人间万物鲜到春雪满空;对应绿、红、黄、蓝给人焕然新生的视觉感受。



用字体丰富品牌基因

字体,不仅可以指代文字内容含义和字形美学价值,还能透过字体设计的初衷洞察到品牌浓缩其中的理念和哲学。利用弯曲让作品动感有张力。利用圆角处理增加趣味性,呼应“有趣”的品牌理念。用倾斜的样式营造出视觉张力,形成视觉焦点。




3、洞察产品的「生命力」

定形象-品牌基因的独特形象

角色、品牌、用户必须是一个标签,清晰可见。以IP角色与用户互动沟通,建立信任关系,拥有独立人格和魅力。通过更具人格化的形象,使品牌变得更温暖。本次活动的主IP,在设定上采用FEED字母演变不同性格IP角色,作为不同维度的形象代表,丰富B/C端的内容场景。



情感链接-围绕人设讲故事

如何通过「IP角色」让用户对产品产生情感呢?首先赋予他们性格,他们分别是福气、财富、快乐和有趣的化身。为用户带来财、富、乐、趣是他们的责任。IP的人格化能很好的与用户建立品牌好感度。同时「持续曝光+情感链接」的品牌策略,在活动中贯穿内容场景、物料推广、分享转发等,反复强调品牌。



二、你的差异点是什么?


1、化繁为简,强化内容

由于春节活动周期长、内容多的特点,使得页面呈现庞大复杂,会造成用户的理解成本影响留存,因此把内容有效呈现、提升屏效、优化体验路径是交互的重点。我们通过“框架分层”“减少活动步长”对所有活动进行了框架升级。提升活动易用性,让用户快速参与活动。在设计表达上简化头图背景,让用户聚焦场景,引入内容。



2、创意场景,引爆内容

洞察设计策略

百度FEED不同于其他矩阵,我们的产品内核是“内容”;作为春节活动,浓浓的“年味”是活动外核。如果只去介绍我们自己产品的功能、种种好处,这种干巴巴的内容无法在这个时代获得关注和认同,因为无法与用户建立切身联系。所以在不同层次的内容上,我们可以通过故事化、场景化来把内容做的更有趣,最终实现业务互动转化提升。



年俗互动-故事型叙述 增强产品代入感

抓住用户情绪洞察,采用年俗的理念打造场景,营造用户代入感。在视觉表现上,根据时间推移,场景也随之变化;以回家团圆吃年夜饭、到走亲访友云拜年、看烟花赏灯会,实现了场景从年三十到十五的视觉呈现,释放出情绪共感的叠加效应。引发用户“过年”的心理共鸣。



场景设定

场景一:花样团圆饭。围绕“三十吃饺子”的年俗为主要点切入,通过具象的关键词构思场景,结合品牌符号,融入中国风建筑表达“家”,并将饺子、房子、人的比例重构,增加画面冲击力,在配色上摒弃大面积的红黄配色,加入蔻梢绿和淡曙红作为辅色,为整体添加了一丝春天的气息。



场景二:神评云拜年,发评送好礼。围绕“云拜年”的年俗为主要点切入,过年的时候拜年是人们辞旧迎新、互相表达祝愿的一种方式。创意表达上,除了沿袭以往“登门”的拜年方式外,在画面表现上加入代表新兴礼仪“云拜年”的概念,让视觉吸引眼球,同时又很接地气。



场景三:猜灯谜送吉祥。以元宵赏灯会的年俗为切入点,夜色旖旎,花灯璀璨,在一片流光溢彩之下,闹元宵、赏花灯、迎新春。"玉兔东升、鲲鹏万里”,用最美好的祝福为用户开启新年新篇章。



人文互动-内容联想 强化产品特点

我们为什么要把小组内容关联到人文上?我们需要给产品定义一个标签,让内容进入一个优势的心智赛道,用设计手段具像化演绎出来,让目标用户最快对号入座,提升产品的认知效率。而人文包罗万象,与小组内容分类不谋而合。



内容联想

在视觉表现上,围绕“小组发布内容”的类比联想,场景选取摄影、养花、命理、诗词、乡村等七大不同人文场景,着力刻画“小组内容”强关联的人文元素,以此映射产品的特点,激发用户参与意愿。借助想象放大或夸张内容特征,更鲜明的强调内容本质。



3、丰富体验

为了维护用户粘性,让用户每天都来“玩”。加入2级活动,用“奖励”“成就”“抽签”形成驱动用户雷达地图,多维度持续牵引,增强互动体验。


如何让用户玩下去?

【抽签活动-新年福气签】
活动玩法:用户每天进入活动可抽福气签,随机发放签文以及红包奖励,中奖+祝福的满足感驱动用户回流。


洞察&创意

新的一年,人们对美好生活都有向往和期盼,“讨彩头”是每位用户对生活的新追求。在活动的设计上要吉祥满满,自带好彩头。用福袋作为容器承载签文,以抽幸运球、得奖励赢福气作为情感驱动,刺激用户玩下去。



在签文设定上用团扇的品牌符号作为基础形状,加持“祥云”“吉祥话”让活动不止惊喜,更是平台对用户的祝愿。



如何让用户“回来”玩?

【激励玩法-我的成就】

洞察&创意

在成就玩法中,勋章作为精神激励直接授予用户,提升用户在活动内的成就感和价值。另一方面,勋章也作为主活动物质激励的间接载体,用户通过解锁勋章来获得终极大奖。从设计角度,采用三维立体视觉风格,结合IP形象,使勋章更年轻有趣,让用户形成记忆点。强化视觉冲击,满足用户的成就感和荣誉感,刺激用户回流和分享。



惊喜彩蛋,拉升互动体验

除了视效的打磨外,营造“惊喜感”是在体验中非常重要的一环。无论是抽奖还是成就,除了在视觉上有抽奖的仪式感。在活动中增加互动彩蛋,用户在投票以及点赞后会有对应的动效,让整体体验更加细腻。


精彩视频,点击可看





结语


总结一下本篇文章关于内容场景化营销的设计要点:

心智占领:前置化思考品牌打法,从品牌符号、Slogan、色彩基因、字体设计到IP的设定,全链路反复强调品牌。

设计创意:用故事性、场景化演绎设计创意,差异化视觉呈现。

互动体验:用“惊喜感”拉升互动体验。


希望以上的设计思考,可以给大家一些启发。


作者:百度MEUX
链接:https://www.zcool.com.cn/article/ZMTUyMzYyMA==.html
来源:站酷

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

。                           

日历

链接

个人资料

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

存档