发布时间:2023-6-23 分类: 行业动态
有人曾在设计传播小组中问过:你想学画画一个图标吗?我告诉你:是的!图标设计一直是UI设计中最重要和最基本的部分。小图标看起来很简单,但实际上图标的设计不仅需要漂亮的绘图,而且图形符号意义与它所代表的内容高度一致。它还要求图标的表单样式与布局样式高度一致。图标虽小但集中。精华需要功能和形式的统一。
在之前撰写的关于标签栏设计《关于标签栏设计的那点心理暗示》心理暗示的文章中,建议使用视觉深度的心理现象来突出显示当前标签,以区分当前标签和非当前标签。这种方法基于最原始的心理学。现象,所以它将永远适用。现在让我介绍一种新方法,即将故事注入标签栏图标的设计中。
好的标签本身具有一定的故事和内涵,并且由于标签栏的图标在当前状态和非当前状态之间切换,因此可以根据不同的场景进一步优化设计,并且微交互使得用户体验更多故事和乐趣。以下是我们目前正在推进的项目。以下四个图标是我逐个解释的例子。
(主页)
在主页图标中,小房子仍然用来表达“家”的概念,为了有所作为,考虑到我们的项目需要在线和离线连锁便利店,小房子被优化为便利店图标。 。接下来,您可以根据图标的两个状态打开大脑,并想象它。所以我可以想象便利店中的哪种情况可以表示为当前状态和非当前状态?我认为可以使用便利店的业务状态和非业务状态。不在业务中时,图标为灰色。单调乏善;当便利店处于商业状态时,图标是茶花红,温暖,人性化,坐在便利店落地窗旁边的茶几,空房旁边的座位,正在等待为了你的到来?看着这种情况,温暖的故事突然蔓延开来,让人们想一想〜
(质量)
第二页的名称是“质量”。在这里,我将此页面的标签图标设计为水瓶。因为生活拒绝垃圾食品,高品质的生活绝对要多喝水,美丽而优雅的水壶才能展现出生活品质。水壶有什么样的状态?那就是水和水的状态。 ^ _ ^哈哈。因此,此图标的两种状态可以像这样设计
(分类)
至于第三页,“分类”,因为我们的项目主要针对生活,所以这里我使用多个抽屉来表示可以提供不同的类别供选择,抽屉可以有任何情况来指示当前状态和非现状,想一想,抽屉有两种开合状态。当您想要使用抽屉时,必须打开它。抽屉里的物品也放在不同的类别中吗?
(个人)
第一级界面的最后一页是个人中心。我用头像来显示个人页面的图标。想一想,通常你会想到一个人,他的脑海中可能只有一个轮廓;但是当你专注于他时,你会发现这个人不仅有轮廓,还有眼睛,五感,外表,漂亮的衣服,甚至他个人丰富的精神世界。关于他的一切都包含在个人中心页面中。因此,非当前状态的图标只有一个轮廓;当用户点击它时,角色的细节就会丰富〜
好的,这里是首页上四个标签栏图标的具体想法和想法。根据图标的不同状态为标签图标设计不同的上下文,使得图标更像故事并且允许用户具有更好的用户体验。我看到一位同事一直在应用页面之间切换,他说图标看起来很棒。不可否认的是,细微的互动往往可以大大提升产品的用户体验,细节往往决定成败〜
当然,这种形式并不一定适合所有的设计场景,而且主要是根据产品的个性要求和风格定位来设计。本文的目的是为您带来标签设计的新思路和路径。设计本身就是一个不断探索的过程。