其实不想拿Google和百度做比较的,但这次用在线翻译功能的时候,还是被我大谷歌强大的功能和用户使用体验方面的细节给震惊了,先上图 这张是google的嵌入在搜索页面中的翻译...
其实不想拿Google和百度做比较的,但这次用在线翻译功能的时候,还是被我大谷歌强大的功能和用户使用体验方面的细节给震惊了,先上图 这张是google的嵌入在搜索页面中的翻译...
既然入了用户体验的坑,本着爱国敬业的精神,往后就陆陆续续写一些用户体验相关的小文章。其实平时也有观察,不过心里碎碎念几句也就过去了,现在准备全部转化成文字输出,大概有时候会是...
@柴米鱼 转其他平台请注明作者和出处。
Web UI设计师需要了解的用栅格化系统指导网页设计写在开头:关于网页栅格布局的概念已经无需再进行描述,一般来说,有经验的web ui 设计师都应该听说并运用过。但网上有些关于栅格化系统的文章讲的非常理论化,又是算法又是模块,...
@深水没 这种Foundation和Bootstrap都能实现的。Foundation可以直接下html template,有现成的grid可用。直接在这个模板基础上划分内容区域就可以了… 栅格不变,变的是内容的布局。
Web UI设计师需要了解的用栅格化系统指导网页设计写在开头:关于网页栅格布局的概念已经无需再进行描述,一般来说,有经验的web ui 设计师都应该听说并运用过。但网上有些关于栅格化系统的文章讲的非常理论化,又是算法又是模块,...
@一人之死 狡兔三窟 (*^▽^*)
UI福利,svg描边动画效果,零代码基础手把手教你完成svg无疑是现在前端比较热门的图形格式,且很实现很多动画效果,以下发布的,为svg描边效果的教程。 自己虽然有css代码基础,但对于css动画绝对属于小白一只,且前端的Jav...
想法来源于codepen大神的一个神作,一群机械人以神一样的步伐在进行群魔乱舞,可是,可是,打开一看,纯js实现,js!也罢,我偏要试一下用SVG+CSS3能不能搞出这个效果...
之前攒的满满的SVG+CSS3做动画的技能一直未能放个大招,理由很简单,因为本身从事行业的性质,软件里不能出现劳什子动画这等花里胡哨的东西,哦,不不,叫隐喻行为引导的趣味化。...
今天在codepen看到一个效果如下: 觉得十分有趣,作者是SVG结合canvas完成的,里面所有的路径部分是SVG完成的,但动画效果是canvas完成的。canvas能看懂...
这是在作图时突然迸发的灵感(是的,偶尔也会有那么一瞬间头脑开窍),作为设计师小伙伴们,平时用的最多的应该是布尔运算吧,基础图形的加加减减,得到任意的形状。就不说经典的Appl...
把立方体的盒子搭出来之后,因为怕文章又臭又长(嗯,就是没有想好玩什么效果,偏不告诉你)关于动效没有做更多的处理,只做了一个绕Y轴旋转,这篇试着做几个效果,CSS3 3D变形的...
今次就来个大家用3D属性最爱炫技的场景,旋转的立方体,有人声称这种动画简直代表了CSS3的癫疯,不不,是巅峰。做完之后只想吼一声,你说的没差!由平面动效进阶到立体动效真是……...
是的,看标题能绕晕你。那就通俗点,说点人说的话吧。就是下面这货: 最像角度渐变对不对?好了,名字介绍到此结束,进入正题。这张图片,用ps来做,分分钟的事情对不对?然后CSS3...
做了一段时间的web,在移动端都快忘光的时候,临时被征用去做了两个工具类的app,一个Android原生开发,一个H5开发,彼时已忘得七七八八,一边看着规范一边极力回忆做过的...
先放上效果图,再说实现方法。 1.动静分离 无论何种形式的SVG动图,第一步自然离不开我们的“动静分离大法”。静态图分离出来如下: AI里放到命名为“base”的图层里。这个...
SVG动画即使可以做的炫酷爆炸,但与AE不同,它不能导成视频,不能导成GIF,而且考虑到AI与SVG的互通性,SVG动画合适用来做矢量卡通风格,放到实际应用中,不太建议利用S...
_SVG动画本质上是动图,我们并不能把它当做实现真正动画的工具,它比gif动图的优势在于小的体量,可交互,可矢量放大,方便修改色值,但它的劣势也很明显,渲染需要耗内存(所以能...
蒙版对于UI设计师来说,太熟悉不过了,当然了,可能PS里面用的多一些,AI里面用的少一些,SVG同样支持蒙版,而且借助蒙版,能完成很多神奇的效果。我喜欢称蒙版动画为一种魔术,...
继续上篇 6.动态蒙版位移的产生的扫描效果 这个算是上篇末尾的一点小改进,单独拿出来说,因为这种效果用的场景很多,关键还简单,先看示意图。 设想一下,给文本应用一个蒙版,蒙版...