-
如何让图标更吸引人?复盘智行 Tab 图标设计过程
UI交互 2022-06-23OMG!经过我们一段时间不懈的努力努力再努力(断断续续的摸鱼)。智行新版底部 Tab 图标以及动效制作完成啦!OMG!经过我们一段时间不懈的努力努力再努力(断断续续的摸鱼)。智行新版底部 Tab 图标以及动效制作完成啦!本文将围绕智行底部 Tab 图标改版升级,浅谈下 智行 的 图标设计 过程与动效落地。
往期案例回顾:
如何做好复杂列表设计?来看智行方案的列表改版! 项目背景 智行 App 的“智慧出行”功能,作为一种全新的出行方案查询方式,致力于提供用户全面的出行方案推荐。
阅读文章 >
“图标”作为一款 App 的重要组成部分,不仅要承载着产品功能,还需要体现产品本身的品牌调性、吸引力和趣味性。
因此我们想要设计一款,融入了产品调性的抽象化符号图标,强化智行火车票的品牌感,打造记忆点。为此我们瞄准了最高频出现的底部 Tab 图标,作为这次改版优化的排头兵。
1. 现有问题
改版前,我们内部进行了讨论,普遍反馈是“平庸、缺乏吸引力、没有特色”等问题。同时,我们也调研了市面上、设计网站优秀的设计案例,吸取优点帮助我们解决现有的问题。
2. 优秀案例分析
优秀的案例所具备的特点:
1)图标形状与品牌符号紧密结合,传达品牌调性,给人留下深刻印象(马蜂窝、飞猪等);
2)图标色彩明亮鲜艳,视觉冲击力饱满,点击感强(优酷、京东);
3)图标的动效上生动有趣,令人印象深刻(闲鱼、美团酒店)。
3. 明确方向
基于上述的问题,结合智行品牌属性,以及对产品的理解,我们明确了此次优化的方向和目的。
1)结合智行 UI 品牌符号,赋予图标品牌属性(从智行 logo 与核心业务中提取出的火车头形象抽象变形得到,运用在智行 app 的界面当中)
2)用色结合时下较流行的风格,更加大胆,使图标本身更具活力与趣味性;
3)动效上拒绝普通,与大部分 App 产品拉开差距,保持独特性,增强记忆点。
设计初期我们也遇到了一些困难,比如结合品牌符号的困难度上面,既想要保证图标的可辨识度,又要强调品牌属性。
尝试了线型图标和面型图标,各有优缺点,有的无法体现品牌调性,没有记忆点,有些方案就是不太成熟,无法体现我们之前确立的三个维度的设计目标。
1. 方案优化
总结下初稿方案的问题,优化的核心点就是如何“进一步强化品牌符号”。
品牌符号强化
在初步的方案里,多数的设计思路是在线段的末尾加入品牌符号的火车头形象,从视觉体量看太小,普通用户无法注意到变化。所以我们需要转变思路,由线到面去放大我们的符号。
动效强化
既然品牌符号是对业务线(火车)抽象提取,动效上是不是可以通过现实映射的手段,去模拟火车在现实中出现的场景呢?
试想一下,用户在点击图标后的反馈是一个小火车头出现在图标里,一定程度上会让用户感觉到惊喜!
记忆强化
在这一点上,我们有一个比较大胆的想法,就是弱化掉选中状态下图标的差异性,不再使用各自形态的选中状态,统一使用品牌符号。通过反复出现的形象,加深用户的记忆感知,从而强化品牌。
经过案例分析和不断的修改(改改改改改)设计稿,最终确定了底部 Tab 图标的视觉风格与定稿,下面带大家一起看下。
2. 设计特点
极光渐变
选中状态下,风格上紧跟当下较为流行的高饱和渐变风格,底色采用智行品牌蓝色点缀极光青,给人一种科技智能的感觉,这也符合智行 App 这一出行工具类产品的调性。
结合产品调性的品牌符号
图标选中状态统一。不再使用各自形态的选中状态,统一使用和首页一样的品牌符号,来强化智行的产品调性;未选状态下,线型图标的小短线也是小火车的造型,形成统一的设计语言。
造型圆润、年轻化
新版图标优化了平滑圆角以及加大圆角本身,使其图标更加圆润,年轻活泼。
3. 动效特点
多彩与灵动
选中图标,线型图标渐隐消失,面型图标跳脱而出,色彩一层层堆叠而出,青色的光晕随着符号环绕出现。
Q 弹的动画(是特技的头发,头发的特技/duang!duang!)点击图标后,选中状态的动画采用弹跳的效果,进一步增加趣味性。
与符号的呼应
现实映射与符号的反复出现。符号的动画模拟了火车进入停靠站的方式强调产品的业务(火车)属性。每个图标在用户选中后,都会在图标中间出现呼啸而出的火车符号,仿佛能听到火车到站了的鸣笛声。
无论是大的页面改版还是小到图标设计,每一次的改版优化都是不小的挑战,不仅要传达产品的功能,也要注重美感,风格上还要尽量独树一帜。品牌性,识别度,趣味性,缺一不可(可太难了)
过程是折磨人的,但想要有好的呈现,就需要不断的思考与打磨(抓耳挠腮),总之结果还是令人欣喜的。
最后,感谢你的阅读,期待我们下次再见(点赞收藏转发
智行 ZXD 设计团队,负责智行火车票的用户体验创新设计与研究,致力于为用户打造更智能、更贴心、更有温度的产品体验。
欢迎关注作者微信公众号:「智行ZXD设计中心」
-
如何利用方程思维,从设计目标推导设计方案?
UI交互 2022-06-23今天就想给大家做做数学题,让大家再次感受一下被数学支配的“恐惧”(回忆)。 拓展阅读 [link https://www.uisdc.com/desi...今天就想给大家做做数学题,让大家再次感受一下被数学支配的“恐惧”(回忆)。
拓展阅读
大厂出品!手把手教你制定设计目标和设计策略 缘起 为了避免设计师们接到需求就画方案,在 VMIC UED,我们会通过设计模板的方式(见图 1)。
阅读文章 >
最近看了几天的东方甄选,让我了解到了什么是直播带货行业的“卷王”。董老师可谓以一己之力拉高了整个带货直播行业的门槛,现在一听到“家人们,321”的口号就习惯性的关闭直播间了。反而当董老师说,同学们,大米还没介绍已经没有了,让我有点破防。
所以!今天就想给大家做做数学题,让大家再次感受一下被数学支配的“恐惧”(回忆)。其实是想教大家一些设计方面的解题思路,请大家正襟危坐我们要开始了。
利用解方程思路做设计 大家都听说过一元二次方程对吧。看到这样的方程,大家的第一反应是怎样的?你觉得这个 x 的未知数该如何求解?想必这时候熟练的同学已经在纸上开始写下了“解”,然后呢然后呢?
在上学的时候老师总是跟大家说,先不要下手做题,先审题,看看题目到底讲什么。那么这道题很明显,通过对方程式的基本了解,我们可以直接对等号两侧进行开方处理,得到 x=1 或 x=-3 这种叫做开方法。
那么如果题目变成这样之后,还能用开方法吗?看起来好像不能直接开方,那要怎么办呢?
我们就会用配方法,将一个式子的某一部分恒等变形化为完全平方式。因为我们知道一元二次方程的标准式子是:
好,这样的解题方法就需要大家掌握两个前提:
熟悉题目本身的背景、条件、状态、限制 掌握不同可以解题的方法。 那么做设计也是一样,通过这两个前提,我们就可以一步一步推导出一个需求的“解题”方案。
接下来我们举个例子。假设我们需要设计一个“限时免费读书,新人专享免费读 5 本书”的需求,那么在解这道题前,我们先来审题。我们需要先把这几个问题弄清楚:
① 为什么要做限时免费读书?
答:提高新用户的首读体验和阅读意愿,降低用户阅读的门槛。
② 该需求想要完成什么设计目标
答:想让新用户能在规定的时间里快速选择出想要读的免费书籍,达到一个好的首读体验,最后能够使用户加入 vip 的目标。
③ 限时的时间规则是怎样的
答:30 天有效期,30 天后该模块消失,已选择的书籍会出现在书架上,未选择的书籍则不再进行免费阅读。
接下来,我们针对已知的题目条件,我们需要利用一些解题方法,来将最后的方案设计出来。具体的任务流程和原型布局是怎样的,那么我就要看上面的需求背景和目标。
1. 提高首读体验
我们可以采用一定算法推荐,将历史中首读留存率高的一批书单进行推荐。
2. 提升阅读意愿
在 1 的基础上,再加入书籍类型的筛选权重,排除一些专业类的书籍,将用户最感兴趣的几类书籍加入首读书籍的库中。同时将展示给用户的书籍中加入“推荐值”的字段。
3. 快速选择书籍
方案具体要呈现的逻辑、样式,其实还是取决于 设计目标 (拆分于业务目标)。例如这个模块应该出现在什么位置、出现的规则和逻辑是怎样的,书籍的选择交互是什么形式,这些都要思考。
那么如果需要让用户选择书,该怎么选。那通常我们会做一个书的列表或者平铺,就像这样。
但是这种布局有一些问题就是需要进入一个二级页面,同时降低用户选择的效率,选择项越多,选择成本就越高。如果用户长时间找不到感兴趣的书,他们就容易放弃。基于我们对该模块的初衷,希望用户能更快的选择并阅读完推荐的书籍,那么这样的形式就不太合适了。
那么如果既要让用户在 1 级页面中能够选择,又不让用户一下子从那么多本书里选 5 本,该怎么办呢?我们还可以做一个横向的滚动或者切换,这个方案是否可行?
好像也会存在问题,因为横向的轮播交互一般适用于两种情况:1.本身内容很多需要先透出几个来吸引用户 2.只有固定的少量的资源位,例如 banner。这里明显用第一种方式也不合适。
那么最后只剩一种方式,通过“换一换”的形式,让用户自己切换我们推荐的书籍,例如我们会先推荐三本书,用户不喜欢,就可以换另外三本书。这种方式不需要做到二级,在一级界面用户就可以完成,也减少了任务的复杂性。同时,如果用户对该次推荐的书籍类型不感兴趣,则后面换的书籍就会减少该类型书籍的推荐,以便更快的找到用户感兴趣的类型。
4. 免费福利背后的目的
发放福利只是一种手段,最后的目的不是单纯的给用户福利,而是让用户能够加入 vip。所以需求的业务目标是提升 vip 的转化,才会有相应的设计目标,为了提升 vip 的转化,我们才做了一个新人免费阅读 5 本书的福利。这样一个业务的目标才能闭环起来。当用户领取完 5 本书后我们可以给一个加入 vip 的弹窗,告诉其权益让用户自己选择,那么这条需求的路就走完了。我们最后来看一下这个需求的完整方案。
通过业务目标拆解设计目标 案例 1 需求背景描述:小王晚上八点下班回家洗澡,发现洗发水快用完了,于是他打开 app 购买了一瓶。后来他发现自己还有几张快过期的优惠券没用,于是他重新退款后再使用优惠券购买。
业务目标:提高用户对优惠券的使用率
设计目标:如何提高使用率呢?这里可以拆分位两个场景:1.用户当前有新优惠券(不包含快过期的)的使用提醒 2.针对用户快过期的优惠券的使用提醒。
a. 如果用户有新的优惠券,需要提高用户的用券率的解决方法:
用户在确认订单场景中直接给用户把当前订单可用的券默认选中。 当用户在浏览相应品类的模块,查找用户当前有的优惠券进行提示。例如用户之前刚获得服饰类优惠券,那么在用户进入服饰类的界面时进行气泡提示。 用户获得优惠券后提示用户在什么地方使用,以及使用条件和有效期。 b. 如果用户有几张优惠券即将过期,我们的解决方法:
那么我们可以通过对有效时间的读取,例如在过期前 48 小时,只要用户冷启动 app 的时候,则会在底部的个人中心标签上采用气泡的形式提醒用户:您有 x 张优惠券即将过期。同时,将快过期的优惠券列表上加入有效期倒计时,让用户有更直观和紧迫的感知。
案例 2 需求背景:产品通过对积分模块的数据分析,发现用户在积分任务的完成和获取的活跃度很低,于是通过访谈了解到,用户对积分获取和兑换没有什么兴趣,不知道能兑换什么也不知道需要获取多少积分才可以兑换相应的奖品。
业务目标:提升用户对积分获取的兴趣以及对积分兑换的了解,促使用户去完成积分任务。
设计目标:如何达成业务目标?1.让用户感知到积分的作用 2.能够营造一种积分兑换的热闹氛围
设计方案:我们可以在积分界面加入最近一段时间内其他用户兑换记录的滚动气泡,文案可以是 xx 用户 x 分钟前兑换 xx 或者 xx 用户获取 xx 积分,让当前用户感受到积分获取的门槛以及任务的难度并不高,大家都可以完成兑换商品为什么我不可以。
最后 在真实项目中业务目标和背景可能会更加复杂,设计师们需要从中拆分出容易量化的设计目标。设计师总说设计如何为业务赋能,那么如果你有具体的设计目标,那么就可以提现在业务目标的价值上,就可以为业务赋能。这点也特别针对交互设计师,要理清业务的方方面面,只有掌握更全面的业务背景和用户场景,方案也才会更扎实。然后也给 UI 设计师的小伙伴们提个醒,没事多和业务方、用户去唠唠嗑,成为一名全面发展的优秀 设计师 刻不容缓。
欢迎关注作者的微信公众号:「应谋鬼计」
-
如何利用方程思维,从设计目标推导设计方案?
UI交互 2022-06-23今天就想给大家做做数学题,让大家再次感受一下被数学支配的“恐惧”(回忆)。 拓展阅读 [link https://www.uisdc.com/desi...今天就想给大家做做数学题,让大家再次感受一下被数学支配的“恐惧”(回忆)。
拓展阅读
大厂出品!手把手教你制定设计目标和设计策略 缘起 为了避免设计师们接到需求就画方案,在 VMIC UED,我们会通过设计模板的方式(见图 1)。
阅读文章 >
最近看了几天的东方甄选,让我了解到了什么是直播带货行业的“卷王”。董老师可谓以一己之力拉高了整个带货直播行业的门槛,现在一听到“家人们,321”的口号就习惯性的关闭直播间了。反而当董老师说,同学们,大米还没介绍已经没有了,让我有点破防。
所以!今天就想给大家做做数学题,让大家再次感受一下被数学支配的“恐惧”(回忆)。其实是想教大家一些设计方面的解题思路,请大家正襟危坐我们要开始了。
利用解方程思路做设计 大家都听说过一元二次方程对吧。看到这样的方程,大家的第一反应是怎样的?你觉得这个 x 的未知数该如何求解?想必这时候熟练的同学已经在纸上开始写下了“解”,然后呢然后呢?
在上学的时候老师总是跟大家说,先不要下手做题,先审题,看看题目到底讲什么。那么这道题很明显,通过对方程式的基本了解,我们可以直接对等号两侧进行开方处理,得到 x=1 或 x=-3 这种叫做开方法。
那么如果题目变成这样之后,还能用开方法吗?看起来好像不能直接开方,那要怎么办呢?
我们就会用配方法,将一个式子的某一部分恒等变形化为完全平方式。因为我们知道一元二次方程的标准式子是:
好,这样的解题方法就需要大家掌握两个前提:
熟悉题目本身的背景、条件、状态、限制 掌握不同可以解题的方法。 那么做设计也是一样,通过这两个前提,我们就可以一步一步推导出一个需求的“解题”方案。
接下来我们举个例子。假设我们需要设计一个“限时免费读书,新人专享免费读 5 本书”的需求,那么在解这道题前,我们先来审题。我们需要先把这几个问题弄清楚:
① 为什么要做限时免费读书?
答:提高新用户的首读体验和阅读意愿,降低用户阅读的门槛。
② 该需求想要完成什么设计目标
答:想让新用户能在规定的时间里快速选择出想要读的免费书籍,达到一个好的首读体验,最后能够使用户加入 vip 的目标。
③ 限时的时间规则是怎样的
答:30 天有效期,30 天后该模块消失,已选择的书籍会出现在书架上,未选择的书籍则不再进行免费阅读。
接下来,我们针对已知的题目条件,我们需要利用一些解题方法,来将最后的方案设计出来。具体的任务流程和原型布局是怎样的,那么我就要看上面的需求背景和目标。
1. 提高首读体验
我们可以采用一定算法推荐,将历史中首读留存率高的一批书单进行推荐。
2. 提升阅读意愿
在 1 的基础上,再加入书籍类型的筛选权重,排除一些专业类的书籍,将用户最感兴趣的几类书籍加入首读书籍的库中。同时将展示给用户的书籍中加入“推荐值”的字段。
3. 快速选择书籍
方案具体要呈现的逻辑、样式,其实还是取决于 设计目标 (拆分于业务目标)。例如这个模块应该出现在什么位置、出现的规则和逻辑是怎样的,书籍的选择交互是什么形式,这些都要思考。
那么如果需要让用户选择书,该怎么选。那通常我们会做一个书的列表或者平铺,就像这样。
但是这种布局有一些问题就是需要进入一个二级页面,同时降低用户选择的效率,选择项越多,选择成本就越高。如果用户长时间找不到感兴趣的书,他们就容易放弃。基于我们对该模块的初衷,希望用户能更快的选择并阅读完推荐的书籍,那么这样的形式就不太合适了。
那么如果既要让用户在 1 级页面中能够选择,又不让用户一下子从那么多本书里选 5 本,该怎么办呢?我们还可以做一个横向的滚动或者切换,这个方案是否可行?
好像也会存在问题,因为横向的轮播交互一般适用于两种情况:1.本身内容很多需要先透出几个来吸引用户 2.只有固定的少量的资源位,例如 banner。这里明显用第一种方式也不合适。
那么最后只剩一种方式,通过“换一换”的形式,让用户自己切换我们推荐的书籍,例如我们会先推荐三本书,用户不喜欢,就可以换另外三本书。这种方式不需要做到二级,在一级界面用户就可以完成,也减少了任务的复杂性。同时,如果用户对该次推荐的书籍类型不感兴趣,则后面换的书籍就会减少该类型书籍的推荐,以便更快的找到用户感兴趣的类型。
4. 免费福利背后的目的
发放福利只是一种手段,最后的目的不是单纯的给用户福利,而是让用户能够加入 vip。所以需求的业务目标是提升 vip 的转化,才会有相应的设计目标,为了提升 vip 的转化,我们才做了一个新人免费阅读 5 本书的福利。这样一个业务的目标才能闭环起来。当用户领取完 5 本书后我们可以给一个加入 vip 的弹窗,告诉其权益让用户自己选择,那么这条需求的路就走完了。我们最后来看一下这个需求的完整方案。
通过业务目标拆解设计目标 案例 1 需求背景描述:小王晚上八点下班回家洗澡,发现洗发水快用完了,于是他打开 app 购买了一瓶。后来他发现自己还有几张快过期的优惠券没用,于是他重新退款后再使用优惠券购买。
业务目标:提高用户对优惠券的使用率
设计目标:如何提高使用率呢?这里可以拆分位两个场景:1.用户当前有新优惠券(不包含快过期的)的使用提醒 2.针对用户快过期的优惠券的使用提醒。
a. 如果用户有新的优惠券,需要提高用户的用券率的解决方法:
用户在确认订单场景中直接给用户把当前订单可用的券默认选中。 当用户在浏览相应品类的模块,查找用户当前有的优惠券进行提示。例如用户之前刚获得服饰类优惠券,那么在用户进入服饰类的界面时进行气泡提示。 用户获得优惠券后提示用户在什么地方使用,以及使用条件和有效期。 b. 如果用户有几张优惠券即将过期,我们的解决方法:
那么我们可以通过对有效时间的读取,例如在过期前 48 小时,只要用户冷启动 app 的时候,则会在底部的个人中心标签上采用气泡的形式提醒用户:您有 x 张优惠券即将过期。同时,将快过期的优惠券列表上加入有效期倒计时,让用户有更直观和紧迫的感知。
案例 2 需求背景:产品通过对积分模块的数据分析,发现用户在积分任务的完成和获取的活跃度很低,于是通过访谈了解到,用户对积分获取和兑换没有什么兴趣,不知道能兑换什么也不知道需要获取多少积分才可以兑换相应的奖品。
业务目标:提升用户对积分获取的兴趣以及对积分兑换的了解,促使用户去完成积分任务。
设计目标:如何达成业务目标?1.让用户感知到积分的作用 2.能够营造一种积分兑换的热闹氛围
设计方案:我们可以在积分界面加入最近一段时间内其他用户兑换记录的滚动气泡,文案可以是 xx 用户 x 分钟前兑换 xx 或者 xx 用户获取 xx 积分,让当前用户感受到积分获取的门槛以及任务的难度并不高,大家都可以完成兑换商品为什么我不可以。
最后 在真实项目中业务目标和背景可能会更加复杂,设计师们需要从中拆分出容易量化的设计目标。设计师总说设计如何为业务赋能,那么如果你有具体的设计目标,那么就可以提现在业务目标的价值上,就可以为业务赋能。这点也特别针对交互设计师,要理清业务的方方面面,只有掌握更全面的业务背景和用户场景,方案也才会更扎实。然后也给 UI 设计师的小伙伴们提个醒,没事多和业务方、用户去唠唠嗑,成为一名全面发展的优秀 设计师 刻不容缓。
欢迎关注作者的微信公众号:「应谋鬼计」
-
5个经典的付费英文字体,我们都帮你找到了免费可商用替代款!(二)
UI交互 2022-06-23大家好,我是和你们聊设计的花生。 之前向大家推荐了 5 款经典英文字体的免费替代字体,受到了很多小伙伴的喜爱。但上次推荐的字体都是英文无衬线体,今天就继...大家好,我是和你们聊设计的花生。
之前向大家推荐了 5 款经典 英文字体 的免费替代字体,受到了很多小伙伴的喜爱。但上次推荐的字体都是英文无衬线体,今天就继续为大家推荐 5 款高质量的英文衬线字体,它们都是免费可商用的,可以作为很多需要付费的经典英文衬线字体的替代,一起来看看吧~
今天就大家推荐 5 款经典西文字体的免费可商用替代字体,它们的字体风格与原版相似,字形齐全,质量也非常高,用来替代 Helvetica、DIN 这样经典的西文字体进行排版设计完全没有问题。
5个经典的付费英文字体,我们都帮你找到了免费可商用替代款! 大家好我是花生~现在一提到字体资源,大家最关注的点肯定是能不能免费商用吧?
阅读文章 >
Cinzel Cinzel 是一款灵感来源于古罗马铭文的全大写字体,保留了古典铭文的比例特征,与著名字体 Trajan 的风格非常相似,并更加精致现代。Cinzel 分为 Regular 和 Decorative 两款字形,各有 6 个字重,字体气质高贵典雅,具有历史的厚重感。
Cormorant Cormorant 是一款出色的全能衬线字体,适用于印刷媒体和在线媒体等各种场景。字体包内有 45 个字体文件,涵盖 Cormorant、Cormorant Garamond、Cormorant SC、Cormorant Infant 等 9 种样式和 5 种粗细,可作为经典旧风格衬线体 Garamond 的免费可商用替代。
新手如何做好字体管理?快来看资深设计师的的4点建议 大家好,我是和你们聊设计的花生~ 与字体相关的话题一直都是社群小伙伴讨论的热点,比如免费可商用的字体哪里找、如何识别陌生字体并找到相应资源、下载的字体太多了有没有什么好的管理工具、字体版权范围如何弄清楚等。
阅读文章 >
Playfair Display Playfair Display 是一款具有过渡时期衬线风格的字体,衬线细平而简短,与字体主体粗细对比十分明显,Playfair Display 有 6 个字重,且都带有对应的斜体,一共是 12 个字体样式。字体气质精致华丽,极具美感,可以作为经典过渡性衬线体 Baskerville 的免费可商用替代。
Butler Butler 是一款灵感来自 Dala Floda 和 Bodoni 的衬线字体,字体线条粗细对比极大,有比以往更为纤细的衬线;字体细节完全摒弃手写特征,整体呈现出现代几何的美感。Butler 包含 Regular 和 Stencil(漏字板)两种样式,各有 7 粗细,一共 14 个字体文件,适合海报、大标题、书籍和装饰性排版,可以作为经典“现代风格衬线体”Bodoni 的免费可商用替代。
这篇15000多字的文章,可能是最全面的字体基础知识大全 @不知语冰 :本篇文章将介绍一些关于字体的基础知识,主要会介绍一些常见术语的含义还有英文、中文字体常见的分类方式,另外简单介绍一下各平台下字体渲染的相关的问题,还有标点使用和排版规范。
阅读文章 >
Roboto Slab 上期为大家推荐了可以作为 Helvetica 免费可商用替代的 Roboto,而 Roboto Slab 就是在 Roboto 的基础上修改而来的粗衬线体字体。Roboto Slab 字体气质复古怀旧,有 9 种字重可供选择,可以作为经典粗衬线体 Rockwell 的替代。
以上就是今天推荐的 5 款高质量免费可商用英文衬线字体,字体的文件都已经打包好了,下载链接见文末与文字开头的链接。我是花生,我们下期见~
-
5个经典的付费英文字体,我们都帮你找到了免费可商用替代款!(二)
UI交互 2022-06-23大家好,我是和你们聊设计的花生。 之前向大家推荐了 5 款经典英文字体的免费替代字体,受到了很多小伙伴的喜爱。但上次推荐的字体都是英文无衬线体,今天就继...大家好,我是和你们聊设计的花生。
之前向大家推荐了 5 款经典 英文字体 的免费替代字体,受到了很多小伙伴的喜爱。但上次推荐的字体都是英文无衬线体,今天就继续为大家推荐 5 款高质量的英文衬线字体,它们都是免费可商用的,可以作为很多需要付费的经典英文衬线字体的替代,一起来看看吧~
今天就大家推荐 5 款经典西文字体的免费可商用替代字体,它们的字体风格与原版相似,字形齐全,质量也非常高,用来替代 Helvetica、DIN 这样经典的西文字体进行排版设计完全没有问题。
5个经典的付费英文字体,我们都帮你找到了免费可商用替代款! 大家好我是花生~现在一提到字体资源,大家最关注的点肯定是能不能免费商用吧?
阅读文章 >
Cinzel Cinzel 是一款灵感来源于古罗马铭文的全大写字体,保留了古典铭文的比例特征,与著名字体 Trajan 的风格非常相似,并更加精致现代。Cinzel 分为 Regular 和 Decorative 两款字形,各有 6 个字重,字体气质高贵典雅,具有历史的厚重感。
Cormorant Cormorant 是一款出色的全能衬线字体,适用于印刷媒体和在线媒体等各种场景。字体包内有 45 个字体文件,涵盖 Cormorant、Cormorant Garamond、Cormorant SC、Cormorant Infant 等 9 种样式和 5 种粗细,可作为经典旧风格衬线体 Garamond 的免费可商用替代。
新手如何做好字体管理?快来看资深设计师的的4点建议 大家好,我是和你们聊设计的花生~ 与字体相关的话题一直都是社群小伙伴讨论的热点,比如免费可商用的字体哪里找、如何识别陌生字体并找到相应资源、下载的字体太多了有没有什么好的管理工具、字体版权范围如何弄清楚等。
阅读文章 >
Playfair Display Playfair Display 是一款具有过渡时期衬线风格的字体,衬线细平而简短,与字体主体粗细对比十分明显,Playfair Display 有 6 个字重,且都带有对应的斜体,一共是 12 个字体样式。字体气质精致华丽,极具美感,可以作为经典过渡性衬线体 Baskerville 的免费可商用替代。
Butler Butler 是一款灵感来自 Dala Floda 和 Bodoni 的衬线字体,字体线条粗细对比极大,有比以往更为纤细的衬线;字体细节完全摒弃手写特征,整体呈现出现代几何的美感。Butler 包含 Regular 和 Stencil(漏字板)两种样式,各有 7 粗细,一共 14 个字体文件,适合海报、大标题、书籍和装饰性排版,可以作为经典“现代风格衬线体”Bodoni 的免费可商用替代。
这篇15000多字的文章,可能是最全面的字体基础知识大全 @不知语冰 :本篇文章将介绍一些关于字体的基础知识,主要会介绍一些常见术语的含义还有英文、中文字体常见的分类方式,另外简单介绍一下各平台下字体渲染的相关的问题,还有标点使用和排版规范。
阅读文章 >
Roboto Slab 上期为大家推荐了可以作为 Helvetica 免费可商用替代的 Roboto,而 Roboto Slab 就是在 Roboto 的基础上修改而来的粗衬线体字体。Roboto Slab 字体气质复古怀旧,有 9 种字重可供选择,可以作为经典粗衬线体 Rockwell 的替代。
以上就是今天推荐的 5 款高质量免费可商用英文衬线字体,字体的文件都已经打包好了,下载链接见文末与文字开头的链接。我是花生,我们下期见~
-
如何让图标更吸引人?复盘智行 Tab 图标设计过程
UI交互 2022-06-23OMG!经过我们一段时间不懈的努力努力再努力(断断续续的摸鱼)。智行新版底部 Tab 图标以及动效制作完成啦!OMG!经过我们一段时间不懈的努力努力再努力(断断续续的摸鱼)。智行新版底部 Tab 图标以及动效制作完成啦!本文将围绕智行底部 Tab 图标改版升级,浅谈下 智行 的 图标设计 过程与动效落地。
往期案例回顾:
如何做好复杂列表设计?来看智行方案的列表改版! 项目背景 智行 App 的“智慧出行”功能,作为一种全新的出行方案查询方式,致力于提供用户全面的出行方案推荐。
阅读文章 >
“图标”作为一款 App 的重要组成部分,不仅要承载着产品功能,还需要体现产品本身的品牌调性、吸引力和趣味性。
因此我们想要设计一款,融入了产品调性的抽象化符号图标,强化智行火车票的品牌感,打造记忆点。为此我们瞄准了最高频出现的底部 Tab 图标,作为这次改版优化的排头兵。
1. 现有问题
改版前,我们内部进行了讨论,普遍反馈是“平庸、缺乏吸引力、没有特色”等问题。同时,我们也调研了市面上、设计网站优秀的设计案例,吸取优点帮助我们解决现有的问题。
2. 优秀案例分析
优秀的案例所具备的特点:
1)图标形状与品牌符号紧密结合,传达品牌调性,给人留下深刻印象(马蜂窝、飞猪等);
2)图标色彩明亮鲜艳,视觉冲击力饱满,点击感强(优酷、京东);
3)图标的动效上生动有趣,令人印象深刻(闲鱼、美团酒店)。
3. 明确方向
基于上述的问题,结合智行品牌属性,以及对产品的理解,我们明确了此次优化的方向和目的。
1)结合智行 UI 品牌符号,赋予图标品牌属性(从智行 logo 与核心业务中提取出的火车头形象抽象变形得到,运用在智行 app 的界面当中)
2)用色结合时下较流行的风格,更加大胆,使图标本身更具活力与趣味性;
3)动效上拒绝普通,与大部分 App 产品拉开差距,保持独特性,增强记忆点。
设计初期我们也遇到了一些困难,比如结合品牌符号的困难度上面,既想要保证图标的可辨识度,又要强调品牌属性。
尝试了线型图标和面型图标,各有优缺点,有的无法体现品牌调性,没有记忆点,有些方案就是不太成熟,无法体现我们之前确立的三个维度的设计目标。
1. 方案优化
总结下初稿方案的问题,优化的核心点就是如何“进一步强化品牌符号”。
品牌符号强化
在初步的方案里,多数的设计思路是在线段的末尾加入品牌符号的火车头形象,从视觉体量看太小,普通用户无法注意到变化。所以我们需要转变思路,由线到面去放大我们的符号。
动效强化
既然品牌符号是对业务线(火车)抽象提取,动效上是不是可以通过现实映射的手段,去模拟火车在现实中出现的场景呢?
试想一下,用户在点击图标后的反馈是一个小火车头出现在图标里,一定程度上会让用户感觉到惊喜!
记忆强化
在这一点上,我们有一个比较大胆的想法,就是弱化掉选中状态下图标的差异性,不再使用各自形态的选中状态,统一使用品牌符号。通过反复出现的形象,加深用户的记忆感知,从而强化品牌。
经过案例分析和不断的修改(改改改改改)设计稿,最终确定了底部 Tab 图标的视觉风格与定稿,下面带大家一起看下。
2. 设计特点
极光渐变
选中状态下,风格上紧跟当下较为流行的高饱和渐变风格,底色采用智行品牌蓝色点缀极光青,给人一种科技智能的感觉,这也符合智行 App 这一出行工具类产品的调性。
结合产品调性的品牌符号
图标选中状态统一。不再使用各自形态的选中状态,统一使用和首页一样的品牌符号,来强化智行的产品调性;未选状态下,线型图标的小短线也是小火车的造型,形成统一的设计语言。
造型圆润、年轻化
新版图标优化了平滑圆角以及加大圆角本身,使其图标更加圆润,年轻活泼。
3. 动效特点
多彩与灵动
选中图标,线型图标渐隐消失,面型图标跳脱而出,色彩一层层堆叠而出,青色的光晕随着符号环绕出现。
Q 弹的动画(是特技的头发,头发的特技/duang!duang!)点击图标后,选中状态的动画采用弹跳的效果,进一步增加趣味性。
与符号的呼应
现实映射与符号的反复出现。符号的动画模拟了火车进入停靠站的方式强调产品的业务(火车)属性。每个图标在用户选中后,都会在图标中间出现呼啸而出的火车符号,仿佛能听到火车到站了的鸣笛声。
无论是大的页面改版还是小到图标设计,每一次的改版优化都是不小的挑战,不仅要传达产品的功能,也要注重美感,风格上还要尽量独树一帜。品牌性,识别度,趣味性,缺一不可(可太难了)
过程是折磨人的,但想要有好的呈现,就需要不断的思考与打磨(抓耳挠腮),总之结果还是令人欣喜的。
最后,感谢你的阅读,期待我们下次再见(点赞收藏转发
智行 ZXD 设计团队,负责智行火车票的用户体验创新设计与研究,致力于为用户打造更智能、更贴心、更有温度的产品体验。
欢迎关注作者微信公众号:「智行ZXD设计中心」
-
对话罗元:揭秘2万多个「小人」的创作过程
UI交互 2022-06-22罗元怎么也没想到,自己闲暇时画的「小人」会受到几百万网友的关注与喜欢。 从重塑天马行空的传统异兽,到深入日常、感知生活每个平凡瞬间。罗元画出2万多个独一...罗元怎么也没想到,自己闲暇时画的「小人」会受到几百万网友的关注与喜欢。
从重塑天马行空的传统异兽,到深入日常、感知生活每个平凡瞬间。罗元画出2万多个独一无二的「小人」,在各大平台平台吸粉无数。
大众喜欢 罗元 笔下每个人的生动与可爱,也被作品背后真实的故事所打动。在如今浮躁焦虑的社会,我们从他身上看到了弥足珍贵的平和的力量。
创作灵感从何而来?创作过程究竟是怎样的?本期 腾讯设计 ×优设对话青年插画师罗元,一起聊聊他与「小人」之间的故事。也希望本期内容能治愈你。
往期回顾:
设计师最关注的12个版权问题,我们邀请了腾讯法务为你解答! “签设计合同时需要注意哪些问题?
阅读文章 >
本文约1800字,预计阅读时间:5分钟
腾讯设计: 一句话介绍下自己
罗元: 大家好,我是罗元,平时热衷于「画小人」。
罗元与他的猫
腾讯设计: 有段时间因为你创作的「星星小人」网友纷纷破防,可以跟大家简单介绍下这个项目吗?
罗元: 其实在这个系列之前,我是在画《1050个陌生人》系列。通常是在下班后的路边,用快速记录的方式绘制些陌生的行人们。发布在网上之后收到许多网友的留言,于是开始画起了他们的留言。
罗元在路边小店随手画的《1050个陌生人系列》。有的人在看书,在送快递,有的路人或是叹气心碎,或是满脸开心,每个小人都是不同的心情和模样。
直到有次我收到一条特殊的留言,一个自闭症孩子的妈妈希望我画一张她的孩子,我受到了感触,开始了这方面的绘制,渐渐地就有了《星星小人》系列。在我看来,《星星小人》系列更多的是大家的作品,是集合大家分享的故事一起创作出来的。
根据这条特殊留言罗元绘制的小朋友。从这以后,罗元的留言区成了大型的许愿广场。
腾讯设计: 这么多小人儿,你是如何保持他们之间设计差异性的呢?
罗元: 觉得并不是去刻意保持差异的,绘画本身就有不确定性,加上留言的描述也会有差异,自然而然他们是不同的「小人」。
腾讯设计: 在这个过程中有哪些令你印象最深刻的故事,可以给我们简单分享下吗?
罗元: 我很难比较这些留言的深刻程度,有些只是简单的一句话可能背后有很深的情感,而这些情感的份量是没办法比较和衡量的。
星星小人成为网友的情感寄托,承载着思念与祝福。这些星星小人里,有人在努力生活,有人在守卫边疆,有人是被悼念的亲人。
腾讯设计: 有计算过自己画了多少个小人儿吗?最喜欢自己哪一幅作品?为什么?
罗元: 没有具体地去计算,我想应该有2万个了。
最喜欢下一个系列,因为又可以画下一副画了。我还是蛮珍惜自己画的画,但更多的希望画下一个作品时能更好。
罗元笔下密密麻麻的水果系列
腾讯设计: 从画山精海怪小怪兽,还有最近的星星小人系列,你认为自己最大的变与不变是什么?
罗元: 在创作山海经、本草妖物系列时,因为那会儿对传统文化感兴趣,在画时更注重传统文化中的异兽形态与现代风格小人的结合。毕业后还因为养猫的缘故,画了《奇怪生物》系列。
《奇怪生物》系列。从起草稿,到勾线、上色成稿的创作过程。
后来更关注眼前具体的人,也因此诞生了《1050个陌生人》系列、《面具小人》系列。而现在跟随网友们的留言故事,画一些或是病痛缠身,或是已经离开的星星小人,我也会随之开始关注画画的意义。
受邀为央视五一晚会绘制的作品。
罗元为缅怀袁隆平院士所绘制的作品,袁老站在稻田里,手中捧着喷香的白米饭。
我不确定不同阶段中的自己是否改变,但我相信变与不变都是顺其自然的过程。
腾讯设计: 腾讯第5年,可以谈谈在腾讯工作的设计经历吗?
罗元: 在公司的经历我可能会更多地考虑业务本身,协调用户、产品、运营等各方的要求,最后达成设计效果,对结果负责。我在工作的时间专注做好视觉,做好我的业务,我觉得就很好。比较难能可贵的是,我在公司遇到许多不可多得的小伙伴,这让我很珍惜。
腾讯设计: 你是如何理解设计的,有哪些设计理念是始终影响你的?
罗元: 设计是个复杂的问题,很难具体去概括。我觉得设计是对某种概念的追求,例如“美”,让画面更美、让界面更好看;又例如对“功能”的追求,让功能更实用等等。
腾讯设计: 你本人会给人一种很纯粹平和的感受,和你一直画小人有关吗?
罗元: 可能是因为我希望把「画小人」当作一件一辈子要做的事情,就不会太焦虑,很多事情慢慢来也可以的。
腾讯设计: 作为一个创作者,平时你是如何获得创作灵感和命题的?
罗元: 喜欢是创作的源动力。关于灵感的获取,觉得做自己喜欢的事,学会观察,慢慢就会变成生活的一部分,很多想法和灵感也会自然诞生,不需要焦躁,做自己喜欢的事就好。
因为学生时代对传统文化感兴趣而创作的《山海经》、《本草妖物》系列,因为养猫后而诞生《奇怪生物》系列,因为工作忙碌选择在路边画《1050个陌生人》系列。它们都是构成我生活的一部分,同时也影响着我对绘画的理解和看法。
到如今根据网友留言所创作的「星星小人」,让我更关注绘画的内在,同时也希望让自己的画拥有不同的含义。
腾讯设计: 在协调工作和生活上,有没有好的建议与方法分享?
罗元: 我建议保持专注。我本人是会比较割裂地看待生活和工作,工作的时间高效利用好工作的时间,专注做好当下的事情,下班就可以好好地生活,拥有自己的私人空间了。
腾讯设计: 给我们推荐一本最近看过的书吧
罗元: 不太爱看书,但会在画画的时候听一些有趣的节目。「看理想」上的很多节目很有意思,比如陈丹青老师的《局部》就聊得特别好。
伍尔夫曾写过一句“不必行色匆匆,不必光芒四射,不必成为别人,只需做自己。”或许不因追随大众而迷失自我,只是踏实做自己,做喜欢的事,生活也会朝着好的方向发展。
希望我们都能找到自己热衷的事物,以及与这个世界相处的方式。
优设推荐关注“ 腾讯设计 ”官方公众号,第一时间获取腾讯的设计方法论
-
对话罗元:揭秘2万多个「小人」的创作过程
UI交互 2022-06-22罗元怎么也没想到,自己闲暇时画的「小人」会受到几百万网友的关注与喜欢。 从重塑天马行空的传统异兽,到深入日常、感知生活每个平凡瞬间。罗元画出2万多个独一...罗元怎么也没想到,自己闲暇时画的「小人」会受到几百万网友的关注与喜欢。
从重塑天马行空的传统异兽,到深入日常、感知生活每个平凡瞬间。罗元画出2万多个独一无二的「小人」,在各大平台平台吸粉无数。
大众喜欢 罗元 笔下每个人的生动与可爱,也被作品背后真实的故事所打动。在如今浮躁焦虑的社会,我们从他身上看到了弥足珍贵的平和的力量。
创作灵感从何而来?创作过程究竟是怎样的?本期 腾讯设计 ×优设对话青年插画师罗元,一起聊聊他与「小人」之间的故事。也希望本期内容能治愈你。
往期回顾:
设计师最关注的12个版权问题,我们邀请了腾讯法务为你解答! “签设计合同时需要注意哪些问题?
阅读文章 >
本文约1800字,预计阅读时间:5分钟
腾讯设计: 一句话介绍下自己
罗元: 大家好,我是罗元,平时热衷于「画小人」。
罗元与他的猫
腾讯设计: 有段时间因为你创作的「星星小人」网友纷纷破防,可以跟大家简单介绍下这个项目吗?
罗元: 其实在这个系列之前,我是在画《1050个陌生人》系列。通常是在下班后的路边,用快速记录的方式绘制些陌生的行人们。发布在网上之后收到许多网友的留言,于是开始画起了他们的留言。
罗元在路边小店随手画的《1050个陌生人系列》。有的人在看书,在送快递,有的路人或是叹气心碎,或是满脸开心,每个小人都是不同的心情和模样。
直到有次我收到一条特殊的留言,一个自闭症孩子的妈妈希望我画一张她的孩子,我受到了感触,开始了这方面的绘制,渐渐地就有了《星星小人》系列。在我看来,《星星小人》系列更多的是大家的作品,是集合大家分享的故事一起创作出来的。
根据这条特殊留言罗元绘制的小朋友。从这以后,罗元的留言区成了大型的许愿广场。
腾讯设计: 这么多小人儿,你是如何保持他们之间设计差异性的呢?
罗元: 觉得并不是去刻意保持差异的,绘画本身就有不确定性,加上留言的描述也会有差异,自然而然他们是不同的「小人」。
腾讯设计: 在这个过程中有哪些令你印象最深刻的故事,可以给我们简单分享下吗?
罗元: 我很难比较这些留言的深刻程度,有些只是简单的一句话可能背后有很深的情感,而这些情感的份量是没办法比较和衡量的。
星星小人成为网友的情感寄托,承载着思念与祝福。这些星星小人里,有人在努力生活,有人在守卫边疆,有人是被悼念的亲人。
腾讯设计: 有计算过自己画了多少个小人儿吗?最喜欢自己哪一幅作品?为什么?
罗元: 没有具体地去计算,我想应该有2万个了。
最喜欢下一个系列,因为又可以画下一副画了。我还是蛮珍惜自己画的画,但更多的希望画下一个作品时能更好。
罗元笔下密密麻麻的水果系列
腾讯设计: 从画山精海怪小怪兽,还有最近的星星小人系列,你认为自己最大的变与不变是什么?
罗元: 在创作山海经、本草妖物系列时,因为那会儿对传统文化感兴趣,在画时更注重传统文化中的异兽形态与现代风格小人的结合。毕业后还因为养猫的缘故,画了《奇怪生物》系列。
《奇怪生物》系列。从起草稿,到勾线、上色成稿的创作过程。
后来更关注眼前具体的人,也因此诞生了《1050个陌生人》系列、《面具小人》系列。而现在跟随网友们的留言故事,画一些或是病痛缠身,或是已经离开的星星小人,我也会随之开始关注画画的意义。
受邀为央视五一晚会绘制的作品。
罗元为缅怀袁隆平院士所绘制的作品,袁老站在稻田里,手中捧着喷香的白米饭。
我不确定不同阶段中的自己是否改变,但我相信变与不变都是顺其自然的过程。
腾讯设计: 腾讯第5年,可以谈谈在腾讯工作的设计经历吗?
罗元: 在公司的经历我可能会更多地考虑业务本身,协调用户、产品、运营等各方的要求,最后达成设计效果,对结果负责。我在工作的时间专注做好视觉,做好我的业务,我觉得就很好。比较难能可贵的是,我在公司遇到许多不可多得的小伙伴,这让我很珍惜。
腾讯设计: 你是如何理解设计的,有哪些设计理念是始终影响你的?
罗元: 设计是个复杂的问题,很难具体去概括。我觉得设计是对某种概念的追求,例如“美”,让画面更美、让界面更好看;又例如对“功能”的追求,让功能更实用等等。
腾讯设计: 你本人会给人一种很纯粹平和的感受,和你一直画小人有关吗?
罗元: 可能是因为我希望把「画小人」当作一件一辈子要做的事情,就不会太焦虑,很多事情慢慢来也可以的。
腾讯设计: 作为一个创作者,平时你是如何获得创作灵感和命题的?
罗元: 喜欢是创作的源动力。关于灵感的获取,觉得做自己喜欢的事,学会观察,慢慢就会变成生活的一部分,很多想法和灵感也会自然诞生,不需要焦躁,做自己喜欢的事就好。
因为学生时代对传统文化感兴趣而创作的《山海经》、《本草妖物》系列,因为养猫后而诞生《奇怪生物》系列,因为工作忙碌选择在路边画《1050个陌生人》系列。它们都是构成我生活的一部分,同时也影响着我对绘画的理解和看法。
到如今根据网友留言所创作的「星星小人」,让我更关注绘画的内在,同时也希望让自己的画拥有不同的含义。
腾讯设计: 在协调工作和生活上,有没有好的建议与方法分享?
罗元: 我建议保持专注。我本人是会比较割裂地看待生活和工作,工作的时间高效利用好工作的时间,专注做好当下的事情,下班就可以好好地生活,拥有自己的私人空间了。
腾讯设计: 给我们推荐一本最近看过的书吧
罗元: 不太爱看书,但会在画画的时候听一些有趣的节目。「看理想」上的很多节目很有意思,比如陈丹青老师的《局部》就聊得特别好。
伍尔夫曾写过一句“不必行色匆匆,不必光芒四射,不必成为别人,只需做自己。”或许不因追随大众而迷失自我,只是踏实做自己,做喜欢的事,生活也会朝着好的方向发展。
希望我们都能找到自己热衷的事物,以及与这个世界相处的方式。
优设推荐关注“ 腾讯设计 ”官方公众号,第一时间获取腾讯的设计方法论
-
人工智能快速出图!盘点 4 款人气超高的 AI 绘画神器
UI交互 2022-06-22大家好,我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到,国内已经出现了能直接使用中文提示词生成 AI 图像的工具了,这就进一步降低了...大家好,我是和你们聊设计的花生~
有关注 AI 绘画领域的小伙伴可能注意到,国内已经出现了能直接使用中文提示词生成 AI 图像的工具了,这就进一步降低了我们进入 AI 绘画世界的门槛,对 设计师 和创意工作者来说无疑是好消息。
之前已经向大家详细介绍过 2 款 AI 图像生成器 Disco Difussion 和 Dall·E 2,今天继续为大家推荐另外 2 个现在比较热门的 AI 图像器 Midjounery 和 Tiamat ,另外会简要地为大家介绍这 4 款的 AI 图像生成器的特色优点,方便大家做进步深入了解。
Midjourney Midjourney 是国外除 Disco Difussion 和 Dall·E 2 之外又一个比较优秀的 AI 图像生成器,它综合能力全面,图像生成速度极快。虽然图像的精准度及艺术性不及 Disco Difussion,但易上手程度比 Disco Difussion 好很多。
Midjourney 的程序服务及社群都是放在 Dicord 上的,在其 Discord 社区中直接发送「/imagine+提示词」给官方机器人就能在十几秒内生成图像并反馈给用户。想使用的话需要先注册一个 Dicord 的账号。Midjourney 已经开放内测名额申请渠道,且对申请者资格要求比较宽松,申请后会在 2-3 周内得到回复。和 Disco Difussion 一样,很多艺术家都使用 Midjourney 生成自己想要图像作为创作灵感参考。
使用 Midjourney 生成的 AI 图像:
来源: https://www.instagram.com 。使用 Midjourney 生成,作者 Instagram @olafblomerus。
来源: https://www.instagram.com 。使用 Midjourney 生成,作者 Instagram @ryanbooth。
来源: https://discord.com/channels 。使用 Midjourney 生成,作者 Discord @flvmin☆
来源: https://www.artstation.com 。使用 Midjourney 生成,作者 Artstation @Gleb Alexandrov
「Midjourney 图像版权」版权归 Midjourney 所有,付费后可商用
「Discord 账号注册」 https://discord.com/ (需梯子)
「Midjourney 注册及内测资格申请渠道」 https://www.midjourney.com/auth/signin/ (需梯子)
Tiamat Tiamat 是国内首个 AI 图像生成器,程序服务与社群目前都是放在飞书上运行的。其优点在于支持纯中文提示词,图像生成速度在 5-6 分钟,图像质量非常不错,且图像风格与国外的 Disco Difussion 和 Midjourney 相比有明显的“中国风”特色。
根据 Tiamat 开发人员微博@青柑普洱不甜_Tiamat 介绍,Tiamat 的图像生成功能目前已广泛运用于游戏场景概念设计、空间装饰艺术等领域。Tiamat 目前也开放了内测申请渠道,需要的小伙伴可以申请。
使用 Tiamat 生成的图像:
来源: https://weibo.com/5519581673/LyiXKm5nC , Tiamat 生成,作者@JZ_打个比方
来源: https://weibo.com/7749217820/LnX3XseDH , Tiamat 生成,作者@青柑普洱不甜_Tiamat
来源: https://weibo.com/3204942002/LxwsPtJWv , Tiamat 生成,作者@青茉 Moin插画
「Tiamat 图像版权」商用前需联系官方进行授权
「Tiamat 官方微博」 https://weibo.com/u/7749217820
「Tiamat 内测资格申请渠道」 https://tiamat-ai.feishu.cn/share/base
Disco Difussion AI 绘画的热潮就是由 Disco Difussion 掀起的,它强大且极具艺术性的图形生成功能引起无数人的惊叹。Disco Difussion 现在已经成为国内外首屈一指的 AI 图像生成器,而且免费开放供所有人使用,是很多设计师、插画家和艺术工作者的创作灵感生成器。
Disco Difussion 的程序托管在谷歌的 Colaboratory 上,用户可以直接在浏览器中编写和运行代码,这意味着使用 Disco Diffusion 对电脑配置没有要求,但这样图像生成速度较慢,而且图像生成前需要做好一些参数设置,相比来说上手难度比 Midjourney 要大一些,但效果更好。
不过现在 B 站上有很专业的 Disco Difussion 使用教程,教大家如何将使用本地渲染器加快渲染速度,以及如何通过修改提示词、设置参数等生成更加精准好看的图像。
使用 Disco Difussion 生成的图像:
来源: https://www.instagram.com ,作者 Instagram@_deeplydreaming_
图片来源: https://www.instagram.com ,使用 Disco Difussion 生成,作者 Instagram@mrhabmo
来源: https://www.instagram.com ,使用 Disco Difussion 生成,作者 Instagram@thibaudzamora
「Disco Difussion 图像版权」基于 MIT 开源协议,用 Disco Diffusion 渲染生成的图像版权归图片创作者本人所有,但要注意图像在生成过程中是否存在侵权行为。
「Disco Difussion 程序链接」 https://colab.research.google.com/github/alembics/disco-diffusion
了解更多 Disco Difussion 的详细内容:
堪比艺术家!被疯狂安利的 AI 插画神器 Disco Diffusion 有多强? 大家好,我是和你们聊设计的花生~ 有关注「神器挖掘机」阿文(微博 @Simon_阿文 )的朋友,可能已经了解到他最近正在疯狂安利一款 AI 绘画神器——Disco Diffusion。
阅读文章 >
Dall·E 2 如果说 Disco Difussion、Midjourney 和 Tiamat 都善于生成恢弘华丽的场景,那 Dall·E 2 的侧重点就在于“让大象转身”,能切实帮助设计师完成很多需要耗费大量时间精力的工作。根据 Dall·E 2 官网上公布的内容可以得知,其主要功能包括:
① 根据文本生成各种风格的图像,尤其是能够以假乱真的照片图像:
②根据给出的提示无痕修改现有图像:
图片来源:Dall·E 2 官网
③根据一张给定的图片生成许多与之相关的“变体”:
图片来源:Dall·E 2 官网
Dall·E 2 目前也开放了内测名额申请渠道,但是审核标准比较严。毕竟 Dall·E 2 的图形生成功能过于强大,随意开放使用很可能带来难以预料的不良影响,其官网上也有关于其图像使用范围及注意事项的详细说明,感兴趣的小伙伴可以自行探索。
「Dall·E 2 图像版权」版权归开发公司 Open AI 所有,不可商用,且图像公开发布时需带有官方水印。
「Dall·E 2 官网」 https://openai.com/dall-e-2/
「Dall·E 2 内测名额申请链接」 https://labs.openai.com/waitlist
了解更多 Dall·E 2 的详细内容:
10秒出图,以假乱真!设计师「用嘴修图」的愿望要成真了? 大家好,我是和你们聊设计的花生~ 之前给大家推荐了 AI 图画生成器 Disco Difussion,它可以根据文本提示自动生成恢弘奇幻的艺术,非常适合作为艺术创作的灵感来源。
阅读文章 >
总结 以上就是目前最热门 4 款 AI 图像生成器——Disco Difussion、Midjourney、Tiamat和Dall·E 2的基本情况,相关的资源链接也已经附在每节的末尾,大家可以根据自己的情况选择对应的图像生成器进行尝试。探索的过程还是非常有意思的,而且早一点接触这AI工具的相关知识对未来的设计工作肯定也是有所助益。