b.消除用户等待时的焦虑,让加载成为一件有趣的事情,忘记时间的概念;
c.通过加载方式进行品牌传播,加深品牌在用户心目中的印象。
在使用场景上,视觉可以优化下拉加载、全局加载和上滑加载三种方式。我们可以通过分析市场上的优秀产品来进行分析和总结。下图为百度外卖、途牛旅游、熊猫阅读的加载设计图:
1.1 下拉加载:
下拉加载是一个重要的设计点。使用优秀的形式可以有效曝光品牌,增加产品的友好度。
百度外卖通过吉祥物、头盔、电动车、房屋等设计元素,为用户打造了一个外卖小哥送外卖的场景,瞬间将用户带入外卖场景。风格可爱有趣,循环动画使其下拉加载,不仅给用户及时反馈,还增加了趣味性,通过吉祥物的使用增加了品牌曝光的机会;
途牛旅行采用途牛标志延伸出来的吉祥物,以旅游建筑风光为背景,给用户一个旅途中的场景,并恰当地展示产品宣传语,使品牌具有很强的传播力。
熊猫读书通过可爱的熊猫插画和书籍动画品牌设计图片加优缺点怎么写好,让阅读成为一件有趣的事情。
1.2 全局加载:
全局加载的使用场景非常广泛。当网络不好的时候,通过加载来消除用户等待的焦虑是非常重要的。
百度外卖采用与下拉加载相同的设计元素,保持整体风格一致,及时反馈、趣味性、品牌传播并存;
途牛旅行采用文案和吉祥物的线性轮廓作为加载方式。加载动态效果时,显示品牌颜色,整体比较直观简洁;
熊猫读书通过书籍元素和吉祥物剪影的切换来实现加载过程。
1.3 向上滑动加载:
向上滑动加载是用户比较频繁的操作行为吉祥物设计,三款产品都削弱了加载效果。
百度外卖通过一个简单的加载环展示,使用品牌颜色和加载文案;
途牛旅游通过吉祥物的轮廓和品牌色彩的渲染来呈现;
熊猫阅读直接采用文案风格展示。
1.4 小结:
要设计出一种优秀的加载方式,同时满足及时反馈、趣味性、品牌传播等功能,设计师可以通过以下几点进行优化:
一个。场景化设计:通过场景化设计,让用户瞬间沉浸在产品中,加深对产品的印象。
b.吉祥物的使用:该元素的使用主要可以让产品更加贴近用户,充分展示产品的特点和趣味性。
c.动效的运用:巧妙的动效设计,让人眼睛更加明亮,操作过程更加流畅。
d.外围元素的使用:外围元素是指产品属性。例如,如果是阅读产品,我们可以在设计中找到一些相关的元素,比如书籍、文字、纸张、笔等来提炼并应用到设计中。 。
e.文案的运用:文案是最直接的呈现方式。口号的呈现可以更直观地传达品牌理念。
f.品牌颜色:用户对颜色有敏锐的记忆力。通过使用品牌颜色,可以加深用户对产品的印象。
2.默认模块
目前市场上很多产品的默认模块都设计得非常有趣。即使没有找到搜索结果或者网络出现问题,用户也不会感到不高兴。有趣的默认状态会给用户带来一些安慰。下图为淘宝和百度外卖的默认状态:
事实上,一个好的默认状态有其独特的设计体系,而不仅仅是设计师随意绘制的插画。上图是淘宝和百度外卖的默认状态:
淘宝的默认状态以主题的方式呈现,根据不同的默认状态有相关的周边元素。例如,用空的购物车来表示购物车是空的,并且无法通过Planet和Wi-Fi连接网络。 -Fi元素表达,加上品牌色彩的运用,向用户传达最准确的主题信息。
百度外卖的默认状态是以场景化的方式呈现的。它是利用产品吉祥物和相关状态元素来设计的。每个默认状态都有一个场景和一个故事,让默认状态更加生动具体。 ,并拥有自己品牌的独特风格。
2.1 总结:
基于场景和主题的默认状态设计方法可以使页面更有趣,但每种方法都有其自身的优点和缺点。主题化的设计风格更加通用,受页面风格的限制较少。场景化的设计风格比较有趣,但扩展性较弱。每个默认状态都有自己的状态,这使得设计者的设计成本更高。
3.默认图表模块
默认图片的使用在产品设计中非常常见,比如未加载屏幕时的默认图片、未登录时的默认图片或首次登录后不更改头像等。默认图片看似简单,但如何设计出与产品相匹配的图片,需要设计师深思熟虑。
3.1 默认加载图:
下图展示了三种加载默认图片的选项:方案A为纯灰色默认图片,方案B为带图片图标的默认图片,方案C为带产品logo的默认图片。事实上,我们在市场产品中经常看到这三种选择。从视觉角度看,选项C更好。不仅实现了加载默认图片的功能,还增加了品牌的曝光度,让设计更有价值。
3.2 默认头像图片:
事实上,默认头像模块还有很大的优化空间。通常默认头像是灰色的,设计有点单调。如下图:
从视觉角度来看,设计师如何通过设计打破单调表情包设计,平衡界面上统一与丰富的关系。作者总结了几种常用的设计方法:
方法一:插图形式
设计师可以根据产品定位设计默认图片,根据不同的用户群体设计肖像。例如,如果产品的用户是高中生,则可以根据学生的形象来设计默认形象;如果产品的用户是白领,则可以根据白领的特点进行设计。有针对性的形象设计不仅让页面更加精致,还能将用户带入熟悉的场景,增加页面的亲切感和用户的认同感。如下图(默认头像取自网络):
方法二:文本捕获形式
如果很多用户使用默认图片,我们可以通过技术手段进行批量匹配,直观地为头像背景预设几种颜色,然后捕获用户名的前两个字符或后两个字符来生成用户的头像,这样也就是说头像不会显得那么单调,整体视觉风格也比较统一。如下图:
方法三:使用相关照片
一些垂直产品的默认头像可以根据自己的产品特点进行匹配。例如,对于饲养宠物的应用程序,默认头像可以使用不同的可爱宠物照片,赋予产品自己独特的基调。如下图:
方式四:填写产品吉祥物或主题图片
如果产品有自己的吉祥物或产品形象,设计师还可以利用这一设计元素,设计装饰相关配件或丰富的表情,形成不同的默认头像,既避免了头像的单调,又加深了用户的认知品牌的。印象。
3.3 总结:
默认图像模块的设计方法有很多种,但设计师需要把握品牌和形式这两个核心要素。细节上的精心设计不仅增强了用户体验,加深了用户对品牌的认可,也从侧面展现了设计师的专业能力。我们可以找到更多的方式来探索设计,让设计师获得更多的灵感和想法。
4.新手引导模块
新手引导是一种呈现形式,旨在让用户快速学习产品的新功能。主要分为两种:对于产品的主要功能,通常采用开机画面引导;对于逻辑性强、步骤少的操作,通常会以气泡的形式显示功能或常用功能发生变化的位置。
4.1 开机画面开机格式:
下图是百度地图新手引导的设计图:界面设计简洁,主题明确品牌设计图片加优缺点怎么写好,图片有趣,让用户清楚地了解产品的主要功能。
一个。在设计中运用产品吉祥物元素,加上要展示的主题,让画面变得有趣、有故事;
b.版式采用从上到下排列的图片和文字,视觉语言统一;
c.文案简洁,主次分明;
d.交互方面,用户可以在任意页面关闭页面,体验更加人性化,操作更加便捷。
4.2 气泡引导形式
气泡形式是一种比较直观有效的告诉用户当前情况的方式,但是这种提示也在一定程度上干扰了用户的操作路径。因此,当一个产品需要引导用户时,设计师需要考虑如何减少用户对产品的负面影响。下图展示了两款产品对于气泡引导所采用的不同方案:
闲鱼APP在引导新手时采用半遮盖的方式,尽量减少对用户的干扰;交互中具有关闭功能,方便用户随时离开;设计采用图文结合的方式,利用吉祥物的形象引导用户阅读文字信息,尽量减少来自各方面的干扰。
百度地图采用了另一种呈现方式,形式上全覆盖,给用户最清晰的展示;交互方面,“懂了”按钮取代了生硬的关闭按钮,让交互更具情感化;在设计上,它采用吉祥物表情来引导用户通过图文信息,使页面更具故事性。
4.3 小结:
无论采用哪种形式的页面引导,都是为产品的功能服务的。在引导用户关注新功能的同时,需要提高产品的好感度,避免打扰用户。
一个。因此,新手引导页面不宜太多,最好是3±页,这样用户才能耐心阅读信息,不会引起反感;
b.设计形式应尽可能新颖、有趣,以吸引用户的注意力;
c.交互需要做到用户可以随时退出,尽量不要做出强迫用户的设计。
3.梳理模块之间的关系
从视觉角度优化各个模块的同时,一定要注意它们之间的关联性。虽然各个模块相对独立,但在品牌特征上需要统一。品牌特征的传达体现在产品的每一个细节上。一致的视觉语言会让用户对产品有更深的印象。因此,产品各模块的色彩选择、设计元素的运用以及整体设计风格都需要设计师的精准把控。
总结
通过以上的例子,希望朋友们能够打开自己的设计思路,给自己更多的设计方案来解决设计问题。
作为视觉设计师,我们首先要做的就是设计满足业务需求,但在此基础上,如何让界面更加精致、美观并具有设计感,才是设计师需要努力的方向,所以设计师应该对各个Module有更全面的了解,进行深入的设计探索,让设计更有价值。同时,全面深入地理解交互逻辑和业务需求,对于设计师来说是一个更高进阶的方向。紧跟UXD趋势,不断参与新事物,保持创新理念,提升设计价值和自己的社会。竞争力。
- 本文固定链接: https://wen.nuanque.com/pinpai/25323.html
- 转载请注明: nuanquewen 于 吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计 发表
- 文章或作品为作者独立观点不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。本文之内容为用户主动投稿和用户分享产生,如发现内容涉嫌抄袭侵权,请联系在线客服举报,一经查实,本站将立刻删除。本站转载之内容为资源共享、学习交流之目的,请勿使用于商业用途。