一半设计一半前端

UI1703直播班开班了，记录下整个班级的学习过程，也是为学生们做好笔记吧。3.2日开始第一课，每天一个下午，上午学生练习做作业。第一天的课程讲解素描的基本技法，主要就是握笔姿势、画线、三大面，五大调子的学习。一、握笔的姿势↓二、排线的姿势利用手腕和手臂的力量画线。但是也有人说，摆的是膀臂，不是手腕...

最近常看一些设计类的文章，其中关于字体的两个术语把我弄晕了：衬线字体和非衬线字体。于是百度了一下，终于搞明白了，如果你也有这样的疑惑，可以看看哦。先看看下面Google的logo图，有两种字体，你能分清楚哪个是衬线体，哪个是非衬线体吗？简单总结就是：衬线体的笔画在开始和结束处有额外的修饰，并且笔画横...

昨天推荐了一篇自学设计的文章，但是那是转载自国外，不太符合中国国情，虽然学习的曲线是一样的，或者说学习的本质是一样的，但是来看一篇国产的自学UI设计指南更合大家的胃口。以下文章转载自优设网。酸梅干超人：下面是我这几年经验的总结和思考，虽然我并不算是最出类拔萃的UI设计师，但也希望对新人有益。第一点：...

昨天推荐了一个新手学习UI的网站，但是如果你已经度过了小白期，进入菜鸟期，那么我今天推荐一个更棒的网站：优设网。这个网站是我每天必逛的设计类网站，当然微信公众号也是每天查看。可以说只要你是设计师，不管是什么设计师，都可以关注该网站，是我压箱底的推荐啦。点击网址直达：www.uisdc.com悄悄告诉...

从软件开发教研组转到了UI项目部，接触的学生们都是以学习UI为目标的，作为web前端开发的老师其实和UI还是隔了一条街的。毕竟我们是UI下游的工作。为了能够顺利和UI的同学们沟通，我也要开始UI的学习过程了，说不定在此过程中，我也转行了。OK，it's a joke！ps：说好的JavaSc...

 写完了linear-gradient线性渐变的初级教程后，看到了Lea Veron博客上那个用渐变做的图案集，我瞬间就觉得自己的想象力弱爆了。容我躺躺，再站起来继续战斗！缓过来了，开讲放射性渐变吧。一、放射性渐变原理别人都用ps解释，我却在渐变上独喜欢flash的渐变变形工具。别人都说径...

 long long  ago，我很不喜欢用CSS3的渐变，宁愿一切纯色扁平，因为那时候的渐变TMD太复杂了，版本太多了，真的很想死！今天百度linear-gradient的关键词，翻出的文章几乎都是2011年——2013年的，版本太out了，难道不知道webkit和moz已经手...

很多人拿border-radius就是做点圆角效果，或者弄一个圆形的头像（说的就是以前的自己^_^），但，这些都是没有真正发掘border-radius的价值的！先看看一些别人的效果↓˂a title="各种参数设置的效果展示，包括兼容性" href="http://muddledramblings...

最近忙着暑期补课，在招生路线上，搞得很紧张啊，我的痘痘都多冒了好几颗。关键是一个星期补六天课，还包括三个晚上，觉得日子怎么过得那么慢呢！忙里偷闲，还是继续CSS3的学习之旅吧。讲完了text-shadow，今天我们来八一八box-shadow这个看起来很相似...

在web的早期战场，要实现文字或者图片或者盒的阴影效果，必须启用图片，导致html代码和css代码量都要增加很多，而现在，利用css3新增的text-shadow和box-shadow可以轻松完成阴影的添加，而且效果自然，不逊于ps制作出的效果，唯一的问题就是多层阴影的时候可能渲染要多耗费一点性能。...