为什么你的设计总是同质化?<i class="icon-fire"></i>

时间:2020-08-29 09:48:47 来源:

【摘要】 考必过小编为大家整理了关于为什么你的设计总是同质化?<i class="icon-fire"></i>的信息,希望可以帮助到大家,下面我们就一起来看下为什么你的设计总是同质化?<i class="icon-fire"></i>的具体内容吧!

为什么你的设计总是同质化?

解决设计同质化问题,是我们每个设计师必须要具备的能力,但是又不能为了不一样而不一样,所以以自身品牌出发来做差异化,才是正确的方式。

菜心最近看了很多别人家的App,总结了一些视觉触点,可以融入我们的品牌基因,大概分为以下几类:

控件类

不用解释太多,这一类就是指一些常用控件,比如按钮、搜索框、弹窗等等,我们可以依次来看下案例

1. 按钮

按钮虽然不适合做全局差异化,但是对于一些特殊化的按钮,是可以有一些特殊化处理的,比如一零零一的弹窗上、登录页上的按钮,都有融入一些特殊化的品牌基因:

2. 弹窗

弹窗是很好融入品牌基因的触点,例如叭哒的弹窗:

3. 下划线

大部分app产品中都会有下划线,这是一个非常利于视觉发挥的触点,比如一零零一中,他的下划线,是一个椭圆:

这个椭圆来自他们家猫猫出来的洞口形状:

4. 搜索框

搜索框很容易被我们忽略,但其实它也可以融入一些品牌基因,比如波洞的机械基因,融入在搜索框的样式:

就是对搜索框的差异化设计。

5. 滑杆

如果你的产品有播放器体系,那播放器的滑杆,也是可以融合品牌形象的,比如b站和波洞的滑杆:

但切记形象不要搞得太复杂,不然就有点本末倒置了。

6. 占位图

在图片未加载出来的时候,会有一个默认占位图,这个占位图可以使用品牌符号或者吉祥物,例如波洞的这个占位图:

页面类

这一类一般都是整个页面,比如闪屏啊、活动页面啊、空页面等等。

我们看看实例:

1. 闪屏

每次打开app都会看到一张闪屏,他的目的是缓解用户等待时间,也是很好的植入品牌的触点,比如哔哩哔哩漫画就用了品牌吉祥物:

2. 个人中心

还是叭哒,个人中心头图也融入了品牌形象:

当然他这个形象不是为了加而加,它配合了养宠物的功能来进行设计的。

3. 活动入口及活动页面

我们经常会做一些活动放在产品里,有些活动除了页面头图以外,还会有一个活动入口,这个入口漂浮在页面之上。

不论是活动入口还是页面头图,都可以与品牌吉祥物结合来进行设计,比如咚漫的:

4. 登录页

登录页是每个产品都会有的,也是很好的植入品牌基因的触点,或是logo、或是品牌形象。

比如一零零一的登录页面,就结合了品牌形象:

5. 空页面

空页面就是在页面没有内容时候的一种空状态,很好的一个触点,比如躺平的空页面结合了自家形象,再配合差异化构图:

整挺好!

标识类

图标是标识类的一种,除此之外还有一些标签、图形之类的都属于标识类。

之前写过很多图标类的文章:

用品牌基因法做图标设计,这是高级UI设计师才会的手法!

编者按:给界面做图标,如何做才能有理有据呢?

阅读文章

用品牌基因法做图标设计,高级UI设计师才会的手法!(升级篇)

图标设计如何具有品牌性?

阅读文章

用品牌基因法做图标设计,高级UI设计师才会的手法!(实战篇)

@菜心设计铺 :菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!

阅读文章

看下案例:

1. 图标

图标这个触点,以前在品牌基因法里经常提到,就不多说了,看下咚漫的这组分类图标,结合吉祥物的表情来设计的:

还是挺生动有趣的。

2. 排行榜序号图形

排行榜都会有前三名,这前三名不整点特殊化处理,怎么显得人家高贵呢,比如颜色方面经常使用的手法就是金银铜,而图形其实就可以从品牌图形来切入,比如闪现一下的前三名就用品牌图形:

3. 等级标识

很多产品都会区分用户的等级,一旦区分就会涉及到很多等级相关的内容,比如等级标识、等级卡片等等。

这些内容都可以基于自身的品牌形象来进行设计,比如我们看下闪现一下app,他的等级卡片、等级标识,都有用到他们的品牌形象:

动效类

1. 加载动画

这个触点就不多说了,太多产品都在用了,比如b站的这个小电视:

1. 点击动效

这除此之外,其实一些点击动效也可以做一些品牌基因的融入,比如波洞进入首页时有一个波纹的品牌动效:

这个动效不仅使用在这里,在icon的点击动效也进行了植入:

从而形成了一个非常强烈的记忆点。

总结

其实除了这些上面的这些例子外,还有很多都应该都可以于品牌基因相互结合,我这里只当抛砖引玉。

大家仔细思考,你会发现他们并不是出自同一个app,因为并不是所有的触点都适合我们的产品,切记不能为了差异而差异,产生过度设计的现象。

更多创意方法:

腾讯设计师:我常用的创意方法总结

想不到好的创意,是我们设计师经常遇到的一个痛点。

阅读文章

用品牌基因法做图标设计,高级UI设计师才会的手法!(升级篇)

图标设计如何具有品牌性?

阅读文章

以上就是考必过小编为大家整理的关于为什么你的设计总是同质化?<i class="icon-fire"></i>的相关信息,想了解更多考试最新资讯可以关注考必过。

上一篇      下一篇
技能类相关推荐 更多>>
饿了么、美团都在用的轻拟物风格,到底是什么?<i class 从零开始设计产品的 10 个 UI/UX 启示 如何做好UI界面的表单设计?收下这篇科普干货!(下)<i 如何让你的图标提升一个档次?从这 3 个细节改起<i cl 从饿了么超级会员改版,聊聊背后的产品设计<i class="i 高手出品!2020~2021年UI界面设计趋势 设计师必知的20个幻灯片实用设计技巧 如何设计一个超长长长长长的复杂表单?<i class="icon-
技能类热点专题 更多>>
热点问答
国家公务员考试年龄限制是多少 公务员国考和省考考试内容有什么区别 函授大专学历能不能考公务员 国家公务员考试考点能自己选择吗 新闻学专业能报考2022年公务员考试吗 什么是联合培养研究生 什么是破格录取研究生 什么人不适合读研 研究生报名户口所在地填什么 研究生结业和毕业有什么区别
网站首页 网站地图 返回顶部
考必过移动版 https://m.kaobiguo.net