静Design

其他

【新!超详细】Figma组件属性完全指南

OFF(假)何时使用布尔属性?布尔属性非常适合显示和隐藏图层。例如,对于带有和不带有图标的按钮。变体变体并不是一个新功能,设计人员已经使用它们来创建具有许多选项的组件。然而,Figma
2022年7月5日
其他

【图文教程】不需代码!Figma里这样完成悬浮FAB按钮制作,半小时搞定!

将所有的状态放在一起从关闭状态的添加按钮到打开状态,反之亦然8.设置智能动画在我们的交互详细信息窗格中,选择智能动画。选择过渡类型,“缓出并重新加入”。随意弄乱时间。我使用了默认的
2022年7月4日
其他

【案例解析】国外的音乐软件如何设计?看看Spotify和Youtube Music吧!

Music加入了广告,这一点很难受,听歌还要听广告。歌手封面采用了描白边的设计,另外在播放页面同样是下拉抽屉的设计,让听歌更加方便,因为一个手势就搞定很多事情了。总结:我们可以学习一下Youtube
2022年7月1日
其他

Figma新功能-Widgets小部件来啦!好玩好用更方便!

个最常见错误《静电的UI设计教室》暑期特训课开始报名啦!2022年7月中旬开课静电老师全程主讲高含金量UI小班课程现在预约享特惠价↓↓长按二维码加静电老师咨询↓↓
2022年6月30日
其他

UI界面配色方法终极指南!一篇长文搞定所有问题

静电说:要培养对颜色的敏感度,你必须要了解色彩的原理。在这个基础上去感悟,久而久之,色彩会在你手中变的游刃有余。下面这篇终极色彩指南非常值得一看~让我们不妨再系统梳理一下你的配色技巧吧!颜色是一种高度刺激的视觉语言。该元素主要用于使用户在屏幕上进行操作或突出显示他们必须知道的信息。即使是同一朵花,蓝花和红花所传达的感觉也是不一样的。它不仅传达一种情绪或细微差别,而且还用于传达信息。和红绿灯一样,绿色表示积极,黄色表示警告,红色表示禁止。颜色像火一样。正确使用会给你想要的结果,但过度使用会毁了设计。在数字产品设计中,您需要帮助用户根据优先级快速采取行动,您需要非常小心地使用颜色。让我们找出它有什么属性可以很好地处理颜色之“火”。颜色属性要知道颜色是如何工作的,我们需要知道它们有什么属性。颜色具有三个属性。有区分独特颜色种类的色相(hue)、区分原色深浅的饱和度(saturation)、区分明暗的明度(Brightness)。这三个属性用于创建各种视觉效果。首先,形状主要以亮度构成,颜色根据元素的功能进行分类。一般来说,我倾向于使用黑白和一种强调色。有时不止一种颜色用于不同的功能但重要的信息。颜色模型在使用Sketch或
2022年6月29日
其他

新一期的Figma插件推荐来啦!UIlogo大全,3D素材等多个精品好用插件赶紧收藏

据说点击蓝色字体关注同学都升职加薪了插件!插件!插件!Figma中的插件真的是多到发指,这一次咱们来找一些小众,但是很宝藏的插件试用一下,下面这些都是静电尝试过,非常好用的插件哈。比如能把网页转成figma的插件,这个也真的是绝了。还有各种宝藏3D插件和阴影插件,一起用起来吧!001.
2022年6月28日
其他

7个UI/UX设计趋势,帮你打造杀手级应用

亿人使用他们的移动设备来执行不同的任务,从订餐到预订下一次的旅行,因此不用说,您的应用程序应该在各种设备上兼容且易于使用。
2022年6月27日
其他

本周精选优秀UI作品赏析-No.65(Dribbble优秀页面)

据说点击蓝色字体关注同学都升职加薪了静电说:大家的灵感库积累的怎么样了啊?是不是越来越多了?今天为大家准备一组icon主题的设计欣赏,希望大家喜欢!更多作品赏析文章点这里001.西瓜by
2022年6月24日
其他

必读!UI图标终极设计指南

2px,因为数字屏幕会四舍五入无法表示的小数点。(随着智能手机规格的改进,有时会使用小数点。)末端和连接处:有角端和圆端之分,圆形多用于平滑表达。圆角:End
2022年6月23日
其他

一大波免费3D素材资源来啦!仅限24小时,速拿!

据说点击蓝色字体关注同学都升职加薪了3D在UI中的应用,现在越来越多了,今天静电为大家发掘了一大波免费的3D资源,拿来就可以直接放到界面中了,快往下看~001.VectaryVectary其实是个在线的3D编辑器,但是它里边内置了非常多的素材库,拖动进工作区即可使用,而且可以进行角度等等的变化,非常方便,素材也非常多。但是今天咱们主要看Vectary在Figma中的插件,这个插件的效果如下图:它内置了很多的素材可以使用,也可以从编辑器中导入到figma中,赶紧在Figma社区中搜索Vectary插件吧!002.Shapefest这简直是个宝藏网站,内置了非常多的3D模组素材,电脑,几何图形,图标,手型效果,来来来看截图!不需要注册,只需要填写电子邮件,素材就送到你的邮箱了。003.Free
2022年6月21日
其他

迟到的父亲节祝福来了,一组父亲主题的插画作品欣赏

据说点击蓝色字体关注同学都升职加薪了从牙牙学语到逐渐长大成人父亲一直用自己坚实的臂膀守护着我们健康平安的成长6月19日(周日)在父亲节来临之时你有什么想对自己爸爸说的吗?Father's
2022年6月20日
其他

[译文]一篇文章读懂UI按钮设计细节与规范

据说点击蓝色字体关注同学都升职加薪了按钮是一种可以让用户产生对其描述作用的交互式元素。咱们打个赌,如果一个按钮上显示“保存”,那么单击它很可能会“保存”某些内容。按钮也是任何数字产品中最重要的交互元素之一。按钮也可以触发诸如购买,下载,发送或者其它很多重要的操作。数字按钮是现实世界中按钮的下一代表现形式,比如电视遥控器,音乐播放机或者游戏控制器中的按钮。你最应该知道的一件事一个按钮应该看起来就像是“按钮”设计按钮时最重要的原则是让其足够的突出,不会与其它任何东西混淆在一起。从左到右,将按钮中的元素逐渐删除,它的功能性开始消失,以至于变成了装饰或者文字,失去了其可操作的特性。熟悉的就是好的我们习惯了通常与动作关联的某些形状或者形式。按钮看起来越类似于与按钮相关联的按钮则越好。这就是为什么矩形(或者圆角矩形)始终是按钮最安全也最常见的选择的原因。看到这个我们就会认为它是按钮用户无法识别其他形状的按钮,比如三角形,原型,或者不规则形状。所以,在使用这些形状作为按钮的时候请务必小心,仅仅在产品整体风格需要时再去使用它们。用户需要更多的学习才可以将上面的图形识别为按钮按钮元素详解在设计按钮时,请记住按钮中的每一个设计要点,明智的选择它们。以品牌手册为基准,考虑哪种按钮与品牌相匹配并能更好的适合于整个界面。你应该使用设定好的网格基数来设置填充和安全外间距。在上图的范例里边,左侧内部间距是垂直间距的二倍,这是提高可读性的安全选择。间距和对齐按钮间距不均匀是所有界面中最常见的问题之一。仔细检查按钮表情是否在水平和垂直方向上居中。如果确实需要,可以在设计规范中设定此类的规则。除了用基于网格的方式外,我们还可以使用大写字母W来选择按钮安全距离的方法。如下图,如果按钮的上下两侧可以放下一个W的话,在侧面,最合适的情况是放下两个W,以此来提高可读性。另外不要忘记保持按钮之间的安全空间。如果你有一组按钮,那么它们之间的安全空间如下图表示,务必不要重叠。合适的按钮大小网页或者移动端设计中的按钮都应具有正确的最小尺寸。如果你的按钮太小,用户会很难点击或者使用它们。这样的另一个后果就是,用户一怒之下卸载您的应用。所以最小的按钮尺寸为44X44pt,请务必注意。移动端按钮的尺寸最好在50X50以上。在基于光标的设备中,32X32也应该可以用。但请记住,即使是在台式机上,按钮越大,用户使用起来就越容易。按钮设计最佳实践重要的按钮也可以与图标配合使用。如结账按钮可以通过购物篮或者购物车图标促使用户快速识别,但前提依然是要将“结账”一词显示出来。在按钮标签之后放置向右箭头,可以让按钮的导向性进一步加强。用户更加迫切的点击并继续操作。如果你想提升页面转化效果,可以考虑采取这种设计方式。与平面化的按钮相比,带有阴影的按钮也可以让用户有更强的点击欲望,并且更快的注意到这个按钮。在按钮中添加一个微妙的阴影,可以让它从背景中脱颖而出。关于按钮阴影的最佳实践将在本章稍后讨论。圆角按钮圆角按钮被认为比锋利边缘的按钮更为友好和正面。但是,与此同时,这种做法使围绕它们的内容设计变得更加困难。如果你在按钮上方保留了对齐文本,则圆角越圆,在该文本在视觉上将会越小。太会让你感觉左边距和上方文本不在同一个位置上(也就是说没有对齐)。对齐图标在按钮上进行良好的图标对齐是一件很困难的事情。在很多情况下,字体粗细,图标粗细之间的关系都会影响到对齐。但是,有一条简单而有用的规则,在大多数情况下都适用。根据按钮的圆角半径,我们来创建一个圆或者正方形,其大小等于按钮的高度。在这个图形中,我们创建另一个形状来容纳图标。这个图形应该在一个视觉形状中有填充,以便与我们的文本高度相同。然后,将图标放置在较小的形状中。如果是人字形图标,那么最高使其与文本高度相同,并且您还可以根据字体的宽度检查线宽。匹配越紧密,最终结果越好。边缘平衡如果你使用的是圆角按钮,请记住将正确的圆角比率与屏幕上的其它元素对齐。在所有的情况下使用一种设置会造成视觉边际的不平衡。对角线间距与左侧和底部的对角线间距相同。这样可以更好更快的处理外部边缘。对角线间距大于(左侧)间距,小于(右侧)间距。这会使边缘突出太多,使注意力从按钮本身上移开。如上图两种都是错误的例子。最后的总结当你开始设计主按钮,辅助按钮和三级按钮时,请记住每次都要针对上面这些因素进行检查。即使是很小的不一致或者对齐不良也会导致用户转化率降低。请记住以下要点:·
2022年6月17日
其他

UI设计师注意!用户界面设计中的 10 个最常见错误

据说点击蓝色字体关注同学都升职加薪了阅读时长约5分钟我们都从错误中吸取教训,这条规则也适用于网页设计师。在本文中,我们将告诉你许多设计师在做界面设计时会犯的一些错误。在网页设计师的创造性工作中,很难遵循普遍接受的规则。确实,知道“如何不做”要方便得多。这就是为什么我们决定整理一份
2022年6月14日
其他

这几天用QQ音乐听歌,我发现了一个不,不得了的事情!!

据说点击蓝色字体关注同学都升职加薪了静电说:这几天闲来无事,突然开始喜欢听音乐。话说QQ音乐和网抑云会员双重加持的我怎么可能放过任何一个比较的机会。今天打开QQ音乐,嗯,我喜欢的光良,我喜欢的简弘亦,都在唱着他们发自内心的音乐。真的很好听,于是我就静静的看着,静静的听着,突然发现他唱这首歌是有理由的,因为,我发现了不得了的事情!
2022年6月10日
其他

本周精选优秀UI作品赏析-No.64(Dribbble优秀页面)

点评:很有创意的设计,展示也很有冲击力,但是是否适合做银行类应用,需要各位斟酌哦。https://dribbble.com/shots/18445394-Banking-App003.运动类应用by
2022年6月9日
其他

【案例赏析】百词斩APP,这些设计细节大家要学起来~

据说点击蓝色字体关注同学都升职加薪了静电说:今天的案例赏析栏目咱们为大家介绍的是-百!词!斩!百词斩是一款外语学习工具,看到“斩”这个字就让我们感觉是像水果忍者在切水果一样。更多案例解析请点击这里查看而我们看到的LOGO确实很有赶脚。斩!斩!斩!而百词斩使用类似于克莱因蓝的蓝色,这是一种让人着迷的蓝色。至于这款蓝色的来源,咱们可以百度一下看看。百词斩的启动界面上布满了单词,第一次看压力山大,什么时候才能把这些词斩干净呢?而闪屏则随机进行词汇的轮播,通过词汇和具体场景描述的结合,让用户随时都遨游在词汇的海洋里。首页采用浅灰色+白色卡片(浅色阴影)结合的方式,下方右图是我做的示范,阴影一定要浅浅的,最好是3%左右的黑色,这样就很有效果了。然后首页使用了一个主题色蓝色作为按钮,让用户一进首页就聚焦到“开始背单词”这个按钮上。接下来我们看看商城页的设计要点,商城页虽然列表占主要部分,但是设计师巧妙的将列表也分为几个模块,每个模块用不同的颜色和Title包裹起来,看起来非常有聚焦感,便于用户进行分类选择。这一点做的很棒,很多的小细节造就了优秀的设计,我们可以学起来哈。而商城页各种卡片(磁片)的设计也让整个页面一点都不混乱。发现页面,设计师采用了更多的瓷片,单个瓷片的设计采用对角线布局,左上方主副标题,右下角则放上图形,整个页面的识别度非常高,读起来很爽快。靓丽的颜色的使用让这些瓷片非常讨喜。“我”这个页面几乎是现在所有应用的标配,百词斩走清淡风路线,上方的背景采用了竖向线条,很具个性,头部又不会显得过重。而意见反馈是设计师都会忽视的页面,设计师非常贴心的在这个页面也做了不少处理,比如头部的插画。让我们感觉应用给人的感觉非常亲切。综上:百词斩中我们要学的就是克莱因蓝作为点睛色的使用,视觉重点如何引导,清淡的瓷片区画风和设计细节的处理都非常到位。这些设计小巧思,设计师小伙伴可以学起来哈!▼更多精彩文章▼太卷了!互联网大厂端午礼盒来了,你最喜欢哪家?30分钟绘制苹果WWDC2022图标~保姆级视频教程设计师鸭梨山大?快来瞧瞧火爆全网的AI绘画这些炒鸡常用的UI动效设计技巧,设计师一定要掌握本周精选优秀UI作品赏析-No.62(品牌LOGO篇)移动用户体验设计的准则:20
2022年6月8日
其他

下一代机车人机界面,苹果WWDC2022公布的CarPlay界面设计欣赏和解析

据说点击蓝色字体关注同学都升职加薪了静电说:往年的WWDC苹果开发者大会,我都会出一期文章为大家介绍有关苹果设计方面的进化要点,但是今年貌似苹果在iOS和MacOS上的设计风格变化并不是太大。所以今天咱们着重关注一下CarPlay吧!静电在自己的车里使用过CarPlay,体验确实一流的棒。可以几乎完美的替代机车原有的系统。只需要将USB线通过机车链接到手机上即可。那么在2022年的开发者大会上,CarPlay的更新算是一大亮点(虽然还是概念版)。首先看视频吧!新版本的CarPlay界面采用了对人眼睛干扰比较小的渐变色设计,主背景采用和蓝灰色到紫色的渐变效果。而卡片基本为纯色+毛玻璃效果展示,非常简约,没有任何信息干扰。导航界面将导航背景与当前机车信息融为一体。仪表盘的设计,称不上炫酷,仅仅是不同的圆形和弧形来呈现不同的机车状态,如速度,档位,油量,时间等等。貌似是有不同的皮肤可以选择。每次CarPlay的更新自然会引起国内电动汽车厂商的关注,软硬件的完美结合放到汽车环境下更难设计和驾驭。而苹果所强调的就是其自身的软件生态。低饱和度可以降低视觉疲劳,而在低饱和度上使用亮蓝色则起到了很好的对比作用。设计师也可以学习一下蓝灰色与紫色搭配所呈现出的更迷幻的背景的使用。▼更多精彩文章▼太卷了!互联网大厂端午礼盒来了,你最喜欢哪家?设计师鸭梨山大?快来瞧瞧火爆全网的AI绘画这些炒鸡常用的UI动效设计技巧,设计师一定要掌握本周精选优秀UI作品赏析-No.62(品牌LOGO篇)移动用户体验设计的准则:20
2022年6月7日
其他

30分钟绘制苹果WWDC2022图标~文字+保姆级视频教程来啦!

据说点击蓝色字体关注同学都升职加薪了静电说:WWDC已经在昨天结束,而让静电眼前一亮的,就是这样一个图标,Swift大家已经众所周知了,那么这个图标也经历了不断的进化。其实它的原型就是雨燕了。今天,咱们就通过文字讲解+视频详尽操作的方式,为大家解析这个图标的绘制过程。此图标风格锐利,也符合苹果对于Swift的定义,就是快捷,简易。而真实的雨燕是怎样的呢?看图!通过这些我们可以了解到这幅图所传达的含义,快速,便捷,所以在设计上要强调颜色的锐利程度,画面干净利落。在了解了这些后,我们就开始做吧。设计过程中有几个重点
2022年6月7日
其他

设计师鸭梨山大?快来瞧瞧火爆全网的AI绘画

据说点击蓝色字体关注同学都升职加薪了静电说:各位大朋友小朋友们,儿童节快乐啊!今天为大家准备一组儿童主题的设计,希望大家喜欢!随着人工智能的快速发展,可以看到在不仅在绘画、编曲、写作等领域都有AI的身影。而如今,只需要通过打开网页打几个关键词或是说一段话,就能轻松的将你的想象绘制出来。今天小编为大家带来8款应用,来看看它真的那么强吗?1.Disco
2022年6月6日
其他

太卷了!互联网大厂端午礼盒来了,你最喜欢哪家?

静电说:端午节临近,三天小长假也来啦!每年端午节和中秋节的礼盒都是“兵家必争之地”。有小伙伴好奇之前的大厂礼盒长啥样呢?戳下面的文章。2021大厂中秋月饼礼盒设计创意大PK,哪家是你的菜?端午设计哪家强?百度、卫龙、陌陌……30家公司端午礼盒大PK转眼到了2022年端午节了,疫情已经第三年,各大厂家也卷的很厉害,咱们就一起来看看,你最喜欢哪家的吧?001.携程旅行携程的礼盒主题是「不羁夏,端舞游」,含骨瓷杯套装、百毒不侵锦囊、瑞鹤眼罩和三种口味粽子。民族舞会风情设计俏皮有趣,好看又实用。礼盒以“舞会”为创作灵感,将不同民族的#端午#
2022年6月2日
其他

这些炒鸡常用的UI动效设计技巧,设计师一定要掌握

据说点击蓝色字体关注同学都升职加薪了大屏手机中的交互设计越来越讲究用户体验,而对设计来说提升用户体验除了完善友好的产品链路和精致的视觉体验之外,还有一个被越来越多设计师重视起来的地方,就是交互动画设计。我们熟知的苹果开关按钮就是使用交互动画的典型案例,它精准的模仿了现实中用户按下按钮后的转换过程并且给到用户实时的点击反馈。▲
2022年5月30日
其他

本周精选优秀UI作品赏析-No.62(品牌LOGO篇)

据说点击蓝色字体关注同学都升职加薪了静电说:本期优秀作品赏析栏目继续。更多作品赏析文章点这里001.
2022年5月27日
其他

UI设计师必须知道!移动用户体验设计的准则:20 条主要规则

据说点击蓝色字体关注同学都升职啦阅读时长约7分钟在手机上阅读大量的拷贝文章和长篇论文的用户体验是否让你阅读困难?我非常能理解您的处境,因此,直奔主题,我们在一个地方编辑了最基本的移动手机阅读体验的新规范,只要收藏这篇文章,每次你开始设计一个新的app或者网页的时候,可以拿出它来读一读并参考使用,来!一起看看有哪些新规范可以帮助初入茅庐的新手制作一流的用户体验设计。规则1:端与端之间的研究即使你为一个特定的业务领域专门经营策略做了十几个项目,每次都应该伴随着深入市场的研究。因此,在创建布局之前,多尝试绘制客户端的用户画像和相应的用户使用流程图。这样你就可以确保最大程度上设计的直观性,顺便说下,FlowMapp工具可以帮助到你做到这一步。规则2:多关注最重要的环节或许应该明白,用户体验的独特性并不同等于它的多样性。展开讲讲:若是为了创建某些可识别的内容,许多UX设计师伴随着用户界面设计一些不必要的新功能来更新app应用。由此可见,更新后,使用门槛将变得比之前上手使用困难,对于刚刚使用的新手来说,更难直观地适应更新后的内容。以后只记住这一点:极简主义才是永远的神!规则3:探索项目所使用的技术迎合当前的制作概念如AMP和PWA开始发挥作用时,重要的是要理解这一场景应该如何反映在下一步用户界面设计中。例如,在第一种情况下,您可以不受任何限制地使用CSS3。至于第二种,必须考虑适当的推送通知和使用者的设备硬件场景。规则4:为项目提供直观的新手导航学习的功能不要忘记,对于新来的用户来说,即使是在功能极其简单的界面中也很难导航。这就是为什么我们建议要做出一个“新手导航学习”的提示功能,鼓励下一步让新手变成我们的长期用户的目标来实现,否则对于那些不想花费大量时间阅读“新手手册”的用户来说可能毫无用处甚至流失了一些用户。规则5:在触屏上提供便利的用户体验尽管人类已经使用触摸屏与移动应用程序进行交互超过十年,但是创建他们的界面的一些原则仍然过时。例如,一些设计师不是通过模拟平时生活中纸页翻转来使滑动变得方便,而是创建滚动的按钮。这不是一个非常方便的解决方案。法则6:注意排版为手机软件或网站设计造型当然是很棒的。同时,这也不是忽视阅读文字说明的便利性的理由。因此,在创造一个花哨的设计、使用非标准的字体和文本块布局之前,请考虑这一切是否会增加用户的使用门槛。法则7:提供即时反馈创建一个界面,使其可以对用户的任意行动作出某种反馈。这将帮助他们了解自己是否正在实现目标的道路上。反之,缺乏反馈会让一些用户感到困惑。法则8:减少输入的次数用户对持续输入的需求极小,不太可能碰巧就给你命中了。输入字段有时只是不方便,有时会非常烦人。无论你的用户对此最终反应如何,请记住,输入字段越少越好。法则9:提供多设备用户体验一个特定的设计方案是否成功,不太可能通过焦点小组代表们的几条评论就能评估。相反,借助于特殊的仿真器进行测试要好得多,这些仿真器不仅可以重复各种目标受众群体的典型步骤,还可以模拟他们在各种设备上的动作。规划优秀用户体验的FlowMapp用户流工具法则10:勿忘实况测试除了在模拟器上进行测试外,对目标受众的代表进行现场测试也很重要。通过这种方式,您可以获得除了多设备测试以外的有用的反馈,然后您可以利用这些反馈来优化现有模板。Gleb
2022年5月25日
其他

去个性化设计是趋势??经典饮料雪碧也换LOGO,这下不爆炸了。

据说点击蓝色字体关注同学都升职啦静电说:上周咱们刚推送过爱奇艺换LOGO的消息,这周雪碧也不甘示弱,也开始换LOGO了。(上周爱奇艺更换LOGO的消息参看这里:爱奇艺新换LOGO啦~网友:求求还是换回去吧!)这次的全球性品牌重塑活动由设计公司Turner
2022年5月23日
其他

快手影像设计UX团队招交互设计师-Base深圳,快来投简历咯

获取内推邮箱请加静电微信邀请您进入内推群获取↓↓长按二维码加静电老师获取内推邮箱↓↓
2022年5月21日
其他

轮播图失宠!无轮播图设计开始成为趋势?原因在哪里?

据说点击蓝色字体关注同学都升职啦静电说:各位小伙伴,最近静电发现一个现象,就是不少应用都将轮播图从首页去掉了!京东,淘宝等一众电商类应用是静电最先发现的。如下图所示。我们发现金刚区接替轮播图成为了首页头部最重要的位置,而京东在二级菜单下方塞了一个小的banner活动条,估计常规状态下也是没有的。下图的苏宁易购紧随其后,轮播图也从搜索栏下方消失,金刚区提了上来,而金刚区下方塞了个基座的广告效果。而美团表示笑而不语,人家本来就没有,这下好了,直接流行前沿了。越来越多的应用将轮播图从首页中移除,下图是番茄小说的页面。以及下图的蜻蜓FM的页面。金刚区下方直接来个推荐信息流,也是简单粗暴了。KEEP的首页界面为何越来越多的应用将轮播图这个“标配”功能去掉呢?
2022年5月20日
其他

爱奇艺新换LOGO啦~网友:求求还是换回去吧!

据说点击蓝色字体关注同学都升职啦静电说:其实爱奇艺换LOGO已经十几天的时间了,从静电手机上的应用LOGO看起来,确实已经跟之前不一样了。来看看新LOGO吧!新的爱奇艺LOGO将字母i和拼音qiyi进行了组合,右侧的中文文字则比较圆滑,左侧的字母除了Q字,其他的则呈现出有点锐利的感觉。总之,静电的感觉就仿佛将不同风格的文字进行了组合,有点违和感。整体组合和拓展效果上看,好像还可以。荧光绿加上深色的背景的感觉是最好的。来的爱奇艺LOGO是QIY几个字母进行的组合,加上一个类似于屏幕的框。突然这么一改,还真的不太适应。看下视频宣传手机上的效果如下,荧光绿色确实挺显眼,哈哈哈。但是,相对于其它的几个,emmmm,真的,并没有太多的特色可言了。在网站首页所呈现的效果,不得不说,暗色的背景下效果还不错。但是亮色背景下如何表现,还真的不太清楚。爱奇艺的版本改了这么多次,哪个对你的印象最深呢?可能就是这个有框的效果吧?我们发现,爱奇艺的LOGO颜色越来越亮了,越来越荧光了。关于设计细节,设计师也做了很多的说明,其中印象最深的要算是字母Q了,其它的文字,作者说可以加强字体的人文性?“人文”性是啥?
2022年5月18日
其他

【案例解析】超有设计感的喜茶GO应用,优秀应用UI界面赏析-

据说点击蓝色字体关注同学都升职啦静电说:Hello各位小伙伴,新一期的案例赏析栏目又又又又来啦!今天我们要赏析的应用是啥捏?
2022年5月17日
其他

本周精选优秀UI作品赏析-No.61(Dribbble页面篇)

Wilson点评:初夏的清风让我们想到了黄绿色的柠檬,啊,夏天来了。https://dribbble.com/shots/18201872-Citrus-Pattern002.冥想应用by
2022年5月16日
其他

20分钟完全掌握figma新组件(Component)属性使用方法

回复关键字组件获取视频观看地址同时也欢迎大家关注我的B站频道里边也有更多的干货内容▼更多精彩文章▼快手,百度,抖音,腾讯多家大厂招人啦!超赞!Config2022
2022年5月15日
其他

超赞!Figma大波新功能来袭(暗黑模式,字体加粗,新自动布局等功能用起来!)

据说点击蓝色字体关注同学都升职加薪了静电说:就在昨晚,Figma的Config2022直播活动中,团队公布了多项新功能,这也是本次Figma的最大更新了。Config大会是Figma主办的一场线上交流活动,大会邀请了多个设计师来进行演讲和交流。当然,另一个重头戏就是Figma新功能的发布了。让我们来看看本次更新的内容吧!先看看视频。接下来是我们需要关注的列表的文字版:暗黑模式界面来啦重新设计的自动布局功能组件属性功能Spotlight功能FigJam相关功能(国内用户用不着)可变字体(就是可以设置字体加粗了)对动画效果设置动效曲线单侧描边功能审阅状态:批准更新,共享上下文设计反馈,并通过分支请求更改(专业版)。更新的线框图功能:显示画布上的所有内容——从隐藏对象到边界框。密码保护:分享文件的时候可以加入密码保护为常用文件添加星标Widget
2022年5月12日
其他

分页器与瀑布流?UI设计师别再傻傻分不清啦!【UI设计小知识】

而瀑布式的连续加载是一个与分页相反的交互模式,信息之间没有明显的界限或是停顿。当页面滚动到底部,新的信息就会被自动加载进来。各种社交网络常用瀑布式,用户不会被打断,可以顺畅的一直浏览下去,沉浸其中。
2022年5月11日
其他

如何为老年人,阅读障碍人群做设计?-UI设计师必看的无障碍设计指南

据说点击蓝色字体关注同学都升职加薪了无障碍设计作为一种设计理念,最早是联合国组织在1974年提出。核心主张是为具有不同程度生理伤残缺陷及正常活动能力衰退的人(残疾人、老年人)设计满足其使用需求的公共空间环境及建筑设施、设备,以营造一个充满爱与关怀、切实保障人类安全、方便、舒适的现代生活环境。除真实生活环境,电子设备及网络也成为现代人生活中不可或缺的部分,今天更多强调的是“包容性设计”,每个正常人都可能在特定情况下遇到“障碍”,让使用者感受到平等包容的设计。我们就从较为常见的
2022年5月10日
其他

干货!如何减少Figma内存使用量?减少卡顿现象发生?

据说点击蓝色字体关注同学都升职加薪了一个温暖的夏日夜晚。你坐在电脑前,时间不早了,但是你的设计工作还没有完成。此时你的电脑开始卡顿,打开Figma的浏览器窗口停止了响应,鼠标开始出现风火轮。你长叹了一口气,为什么这些事总发生在自己身上呢?客户要开骂了,老板还有一秒钟从微信里开始催你。。。这些是不是听起来很熟悉?不用担心!今天我们来分享一些如何减少Figma内存使用,加速Figma使用体验的技巧。避免这四个常见错误,你的工作压力会小很多。虽然figma现在已经很流畅了,但是养成下面这些习惯,也会最大限度的减轻系统负担,让设计更丝滑。01.多页的大文件将所有内容保存在一个文件中是很诱人的。将所有涉及的设计师的所有组件、线框、设计、插图、原型、屏幕截图、档案和工作空间整齐地分布在一个巨大的文件的多个页面(pages)上,这似乎很方便。但这种方式只适合于小型项目。当你的设计系统开始变的庞大,事情就变的令人讨厌了。不仅浏览所有页面变的不方便,你电脑的内存使用量也会快速增长。解决方法是什么呢?此时,您可能会考虑将主文件拆分为较小的文件。原则就是为外部组件库和最终设计稿提供单独的文件。对于复杂的项目,组件库可能会进一步划分为更小的块。如果您与其他设计师合作,您还可以将组件库用作设计沙箱。02.隐藏层变体(Variants)尽管您看不到它们,但隐藏层对您的文件内存使用有很大贡献。有时它们用于在组件的不同状态之间切换。如果是这种情况,我们可以尝试使用变体。基础组件当你用太多的基础组件时,你的文件里会出现很多隐藏层。我们建议的做法是将所有可能的按钮元素(如图标状态、标签和下划线)塞进一个单独的组件中。然后,此模板的实例嵌套在所有按钮变体中,以便以后编辑。这样,您最终会得到大量无用的不可见元素,因为您无法更改实例的结构。按钮通常嵌套在许多其他组件中,并且隐藏层被继承。批量编辑组件坦率地说,您几乎不需要在第一次定义按钮后对其进行编辑。如果您确实需要在某些时候更改它们,您可以轻松选择主要组件,然后按
2022年5月9日
其他

大厂设计师如何做UI新手引导?N种新手引导类型学起来!

据说点击蓝色字体关注同学都升职加薪了完成一次满意的电商购物,学会新游戏玩法或产品新功能,仔细观察不难发现在产品链路中有着各种引导设计。新手引导可以帮助产品树立良好的第一印象,帮助用户快速学习产品用法。根据传达目的与传达内容差异,新手引导衍生出多种形态,简单如引导气泡,复杂如游戏攻略。小编整理了常见的新手引导形式,从交互形式、影响力、干扰度几个维度进行介绍,原来新手引导可以藏在这。新手引导类型分为前置引导和过程引导两大类。#01前置引导:介绍产品是什么前置引导是指用户打开应用就扑面而来的引导信息。前置引导常用于介绍产品是什么(产品愿景、核心特色、新功能)。展现形式可以是内容直接铺陈,也可以将内容包装成故事,用情感和痛点认同打动用户。1.
2022年5月6日
其他

UI设计师,你真的了解平滑圆角吗?(附使用指南)

据说点击蓝色字体关注同学都升职加薪了静电说:圆角这个概念在iOS
2022年5月5日
其他

Figma中可变组件(Component)的一个隐藏小玩法

据说点击蓝色字体关注同学都升职加薪了静电说:Figma中的组件的特点是通过不同的状态来实现组件的变化。这一点与Sketch的Override做法不一样。个人认为,Figma中的组件做法更适合于交互效果进行配合来完成不同状态下的变化效果。如下图所示,我们可以为组件添加多种状态,来实现组件的不同效果。而这里其实有个小技巧,组件的变量可以用On和Off来实现两种状态的切换,当然,True和False也可以。效果如下图:通过这种方式,我们可以在右侧属性检查器让组件的控制方式由下拉列表变为开关形式。具体的内容,咱们看B站我的视频吧!PS,祝大家五一假期快乐~!关注公众号后在聊天窗口回复关键字:“组件”即可获取视频讲解链接啦!▼更多精彩文章▼快手,百度,抖音,腾讯多家大厂招人啦!大厂推荐读书单你看过几本?就冲这个字体方案,我也必须要安利一下这款“神器”!【案例解析】Keep里有哪些值得UI设计师学习的亮点?【交互探讨】无限滚动还是分页展示,这是个问题!UI设计师面试这样回答问题,公司抢着要【案例解析】“看理想”-别致的人文应用UI设计鉴赏《静电的UI设计教室-4月新课》来啦!广受好评的全链路UI一对一小班课程追加多个大厂面试题作业强化训练求职面试更加游刃有余
2022年4月29日
其他

本周精选优秀UI作品赏析-No.60(Dribbble页面篇)

据说点击蓝色字体关注同学都升职加薪了静电说:本期我们继续来看看Dribbble上有哪些灵感可以汲取吧!我们也可以把这个栏目当作每周灵感的闪光时间哦~
2022年4月28日
其他

大厂推荐读书单你看过几本?

据说点击蓝色字体关注同学都升职加薪了个人成长是永恒的话题,特别是设计行业,需要不断的扩充自己的知识库。今天小编收集了大厂针对各级别设计师推荐的设计书单,感兴趣的设计师可以了解一下。01
2022年4月26日
其他

【案例解析】Keep里有哪些值得UI设计师学习的亮点?(文字+视频详解)

据说点击蓝色字体关注同学都升职加薪了静电说:这周的案例赏析栏目,我们来看看KEEP!作为一款健身类应用,KEEP算得上是大家几乎都知道的一款应用了。疫情在家,缺少运动,确实会让人心情不太好,静电所在城市的运动场馆都关门了,不能游泳不能健身真的很难受。于是我就打开了很久没用到的Keep。里边的内容确实会让人挺燃的,emmmm。貌似又找回来了一点点的活力。今天咱们就来看看Keep这款应用为我们带来哪些设计灵感吧?如果你还在为无法设计好自己的应用和产品而苦恼,不妨持续关注这个专栏,通过每一次的赏析来积累更多的灵感和思路,相信你会越来越棒的。更多案例解析请点击这里查看在赏析前,我们需要形成一个思路,这个应用是给谁用的,他可以用这款应用完成怎么的任务和诉求。把握这两点,再去做设计。001.启动界面keep的启动界面一直是我印象很深刻的。用文字即可营造出品牌感,你看,这里边有多少的纯图形内容呢?没有!只有文字,使用艺术字体进行创作并一直将slogan进行沿用,形成了自己的视觉锤和钉子。002.定制页面启动后,如果是新用户就会出现定制页面,身高体重性别年龄这些是必须的,设计师采用更大更便捷的操作设计让用户更容易选择,比如上图的身高和性别内容,同时采用更贴切的话术告诉用户,我们为什么需要这些信息。设置完成后会产生定制的计划。大家注意,keep所采用的的是渐变背景设计+卡片内容呈现。Title放在了卡片内容,各位小伙伴如果在设计过程中不知道你的卡片标题如何放,可以试试这样的方式。003.弹层弹层设计也是各位小伙伴要关注的内容,适当的弹层可以提升用户的转化率,在适合的场景中弹层并不会过分破坏用户体验,但是我们要考虑清楚弹层的设计规则,对用户进行需要“转化”的引导,比如上图中的“立即升级”和“立即查看”按钮则被强化,而关闭则放在了比较弱的位置,但是需要注意,必须要让用户可以方便点击而不是造成点击困难。004.首页keep的菜单采用了与其它icon图标不一样的方式来展示,这也是现在很多应用所采用的方式,增强品牌感与设计感,以及用户的关注重心。而菜单布局上,采用底部一级菜单+上部二级菜单的方式进行。说起来有点怪,最近看到的几个应用,首页都开始不放轮播图了。个中原因大家请自行猜测。金刚区部分,采用了超圆角不规则图形+阴影效果展现,并围绕品牌色紫色为重心来配色,紫色+绿色+蓝色+红色,没有过强的违和感。下方的列表,基本上都采用了圆角卡片图+右侧文字的方式排版。需要注意的是,图片内容的质量是关键,不能过乱,否则会影响整体效果。005.
2022年4月22日
其他

就冲这个字体方案,我也必须要安利一下这款“神器”!

静电说:换设备对设计师小伙伴们最大的考验,不是项目文件、资源素材的复制和转移,而是你必须重新安装一遍所有的字体文件。虽然市面上有各种字体管理工具,能帮你少安装一些本地字体,但一进入到团队协作的环节,还是逃不过勤勤恳恳给同事安装字体的命运;而且这些工具普遍只适配本地软件,很少兼顾在线工具。但上述这些问题,都被一款在线工具轻松解决了,就冲着它完善且贴心的字体方案,我也必须要安利一下!001.
2022年4月19日
其他

【交互探讨】无限滚动还是分页展示,这是个问题!

我们都有过这样的经历。您可能有一个冗长的搜索结果、产品、订单或数据条目列表。虽然您已经使用各种筛选程序以及排序和搜索,但是您还是需要帮助客户查找相关条目。为此,您需要系统支持来加快条目浏览速度。你天生的设计直觉一开始可能会告诉你要忠于老式的分页。然而,在您意识到之前,您可能会想无限滚动是否是一个不错的选择,因为您拥有非常独特的用例。那么无限滚动真的是个好主意吗?好吧,我们都对无限滚动通常有着强烈的不是很好的看法,而这也有很多很好的理由。无限滚动存在的问题无限滚动的问题是众所周知的,
2022年4月18日
其他

UI设计师面试这样回答问题,公司抢着要

据说点击蓝色字体关注同学都升职加薪了“面试技巧、适合正准备找工作的初中级设计师”又到了金三银四的季节,近期花火群里经常会有小伙伴面临面试答疑不理想的困扰。好不容易有的面试机会,聊过之后就没了下文。还有些小伙伴在晋升述职的时候也折在提问环节上。其实大家也不用畏惧答疑,好的回答更会使你脱颖而出。笔者给大家整理下答疑思路,并列举几个常见的面试问题,助力大家面试成功。提问考察的是什么一般面试流程中,会先让面试者介绍下自己以及作品集中的项目。在讲述过程中,面试官会针对项目细节或专业知识进行提问。而提问一般分为2种:对候选人能力的挖掘,对描述真实性的确认。答疑的底层逻辑通过观点+事实的阐述,说明你的核心竞争力。不管什么刁钻的问题都可以去套用这种回答公式。如果遇到提问者质疑你的观点,可以用进一步的事实(实例)去说服他。接下来就几个常见的问题给大家说明一下答疑思路。
2022年4月13日
其他

本周精选优秀UI作品赏析-No.60(Dribbble页面篇)

据说点击蓝色字体关注同学都升职加薪了静电说:本期我们回归Dribbble,来看看追波上那些优秀的界面。更多作品赏析文章点这里001.
2022年4月11日
其他

快手,百度,抖音,腾讯多家大厂招人啦!设计师职位精选~(Base 北京+深圳)

任职资格:1、本科及以上学历,实习期三个月以上且能1个月内入职的交互设计/工业设计/新媒体设计交互设计方向等相关专业,对认知心理学、用户研究等有一定造诣;2、有交互设计实习经验,非硬性要求;3、
2022年4月10日
其他

APP品牌化有多重要?看大厂设计师如何重塑钉钉应用。

据说点击蓝色字体关注同学都升职加薪了在《流浪地球》、《星际穿越》、《火星救援》等科幻电影里,都有利用引力弹弓效应给航天器助推加速的情节,这背后的物理原理——引力弹弓效应,便是利用行星的重力场给航天器加速,通过箭头般的轨迹,助推航天器向前飞往下个目标。在如今数字化浪潮中,钉钉用自带的引力,以数字服务千行百业,助推每一个组织与个体加速进入数字化时代,让进步发生。引力弹弓效应前言从「一个工作方式」到「让工作学习更简单」,再到「让进步发生」,钉钉面对数字化时代的变革提出了新的品牌理念,理念之下,品牌形象也迎来了升级焕新之势。品牌理念:记忆延续与具象表达每一个品牌升级都不可避免的从重绘
2022年4月8日
其他

get~什么是更有未来感的汽车人机界面设计?

愉快。你设计的系统只有实现了前面三层,才会变得令人愉悦。但是对于设计而言,愉悦又意味着什么呢?我认为愉悦是系统给你的感受。甚至没有任何视觉设计的系统也能让你感觉舒适。
2022年4月7日
其他

23个高手都在用的Figma小技巧!(2022新专辑)-Part 02

据说点击蓝色字体关注同学都升职加薪了静电说:不知道上周发的第一期2022全新figma小技巧大家看的怎么样,有没有实践?如果还没有看的同学请点击这个链接:23个高手都在用的Figma小技巧!(2022新专辑)-Part
2022年4月5日
其他

2022卡塔尔世界杯吉祥物公布!近20年最佳吉祥物诞生?

据说点击蓝色字体关注同学都升职加薪了静电说:2022卡塔尔世界杯™吉祥物La'eeb已于昨晚正式官宣了。吉祥物长这个样子,先一睹为快。趁着清明假期,放松一下。据官方介绍:这位来自于平行宇宙的神奇魔幻小精灵,已经向我们述说了他的故事,现在,一组超级可爱的萌萌哒的表情包已经向您袭来。接下来放一组吉祥物的海报静电觉得这个吉祥物的识别度非常高,看到就会想起阿拉伯的传统服饰。一个是头上的黑色的环,一个是白色的长袍啦~看到这个吉祥物,静电第一眼就爱上了,对比一下2025年大阪世博会吉祥物,emmmm。还有一段视频动画来专门介绍这个吉祥物,里边彩蛋多多,大家发现了什么?大家有没有发现历届世界杯的吉祥物都集齐了?各种表情包长图来啦~妈呀,太可爱了,感觉要又痞又萌。静电觉得这是历届世界杯中设计的很棒的吉祥物了,可以称得上是近20年最佳。
2022年4月4日