2016的最大变化是超越性别—— 女性和男性的top10流行色是同一系列！比起之前几年的男性流行色，这些颜色还是比较鲜艳、明快的。从时尚的演变中我们已经得出这样的结论，和平的年代里男女的界限会相对模糊化，新一季男女通用的时尚色彩是不是也证实了这一点呢？   春季主题：充满变革的画布 “新一季的流行色将我们带去一个更加快乐、阳光的地方，在那里我们可以自由的展现一个更加风趣、更加真实的自我。”（这用词，啧啧~）关键的变革是，春夏流行色以两个颜色定为了主打，取自天际的Rose Quartz（粉晶色）和Seren…

怎么说呢， 今天放个轮播代码吧，韩都衣舍天猫店首页轮播，最近刚优化了下，平常可能经常加一些效果代码在上面，为了避免和一些效果代码冲突，可能啰嗦了点，需要店铺支持CSS功能，喜欢的记得点个赞。 首先是CSS部分：     页面代码部分： 欢迎到韩都首页参观，哈哈哈 write my essay

谁不爱旅行？无论是魅力的巴黎咖啡馆，充棉历史痕迹的古迹，都是我们获得灵感的源泉。 因此，我们很高兴能为您带来一套非常棒的由Icons8设计的《60+旅行图标设计》。 这是一套穿越任何语言障碍的图标设计，这里面有世界各地最具代表性的景点和场所。 你会发现游轮、公共汽车、自由女神、温泉、拉链线、门票、篝火和雕像等，我个人最喜欢的可能是古花瓶和棕榈树等。 所有的图标都为EPS，PDF，不同尺寸的PNG和SVG文件格式。最重要的是都免费用作个人和商业用途。   下载地址： 此处内容已经被作者隐藏，请输入验证码查看…

这次的网站推荐合集绝对是长期搜集的成果，其中许多网站素质拔群，虽然并不是那么常见，但是内容大多值得网页设计师仔细收藏。如果你不想错过任何一个优质的网站，不妨一个一个点开仔细查看，也许会惊喜不断呢。上半部分戳这里：《这100个网站和博客，值得每个网页设计师收藏(上)》 51. Logofi Logofi 是一个以LOGO为主题的图库，搜集了来自世界各地最好的LOGO设计作品。 52. Onextrapixel 这是一个旨在分享免费的设计素材、教程和实用的互联网资源的分享社区。 53. A List Apart A L…

初学SVG的时候，感觉那一坨一坨的代码难读难懂，现在回过头仔细想想，是因为那时候看文档缺少一些具体的实例，导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都所处可见，这里我就用一个实例的写法带新同学轻松的打开SVG动画的大门。 首先我们定义一块画布，然后在上面画一个圆形。 他看起来应该是这个样子的：（每一个实例我都会附加图片以及demo链接，方便直观的理解与源代码的查看，查看的时候请使用标准浏览器） 点击查看Demo 现在我们就让这个圆动起来 动起来是这个样子的（gif循环…

小时候，如果我们把新书撕得“缺胳膊断腿”，是要被批评的。大人们觉得纸张就该平整洁白，不能随便撕。 可是在丹麦艺术家 HuskMitNavn 眼里，撕纸竟然变成了一件有趣而颇有艺术感的事！他用一支笔和一张纸，打破纸的传统的刻板印象，撕出了一片幽默！ HuskMitNavn把平面的黑白人物与场景结合，通过折叠、切割和撕坏等方式，赋予它们新生命，打造出一个个立体、幽默、趣味横生的故事。无论是体育比赛、生活细节，还是那些令人尴尬的瞬间，在他的不着边际的“撕毁”和漫画之下，都变成了一个个动感十足、充满创意而又幽默的艺术作品，…

编者按：闪屏已经成为App 设计中重要的一环，非常考验设计师的创意和手绘功底，今天这篇案例精选带你认识一下国内8个高人气App 的闪屏设计。 首先是国内闪屏设计一直名列前茅的UC 浏览器： 这一版的作者是Sisy，她的Lofter 博客：http://sisy-s.lofter.com/ 这两年论App 闪屏，第一名非UC 浏览器不可。除了上面这一版重阳节的闪屏，别的节日也很出彩，比如刚过去的这版中秋节闪屏： 下面一一介绍下UC 各个节日的闪屏设计： 跟我回家吧 今年的情人节与春节肩并肩。 你问我选择回家还是选择陪…

设计是一定需要灵感的，而设计同样也是需要不断学习的。我想你们中每个人浏览器当中都没少搜集各类设计站点，部分靠谱的设计师甚至将设计师导航设为浏览器首页。要紧跟设计趋势，提升设计技能，掌握核心技巧，成为成功的设计师，这都是必经的过程。 所以，在导航之外，我们还搜集了100个具有影响力、值得收藏和学习的网站和博客，你可以从中挑选出符合你口味和阶段的那部分。这100个网站和博客内容丰富，涵盖了设计教程，免费资源，设计趋势，设计新闻等等等等。这些网站排名不分先后，也许你得花点时间逐个筛选，不要错过任何一个哟~ 1. Line…

没有人喜欢等待页面加载，滑块或任何其它的加载形式。然而，有一些方法可以使加载更吸引用户，动画的应用在这方面发挥了重要作用。 今天，我们选择了20款免费动画加载形式分享给大家，一般以CSS3、HTML5或jQuery创建。这些将有助于用户直观的适应加载过程，从而提高网站或应用整体用户体验。 Single Element CSS Spinners 一段纯css代码实现的效果，简单易用，可以直接加在页面中。 CSS Rainbow Loader 这是一个用纯CSS实现的彩虹加载效果，采用了圆润的设计和鲜艳的色彩。让网站充…

编者按：这篇文章的作者是是 EventCreate 的联合创始人和网页设计师 MARK BUSHY，他对于活动类网站有着多年的设计经验和独到的想法~ 我特别喜欢设计活动类网站。这类网站通常有着明显的时效性，存在的时间一般不会太长，而网站在界面上不会使用复杂的UI设计。但是与此同时，这类网站非常适合探索新的导航模式、不一样的布局以及有趣的动效和全新的技术。它们并不复杂，但是有着全然不同的可能性；看起来简单，然而常常拿来做新技术和新思路的载体。 接下来所推荐的10个活动网站都是此中翘楚，它们创意爆棚，设计精美，还适时的…

编者按：欧美风格通常带有强烈的特征，今天这篇文章，从直方图入手，教你认识欧美风的本质，以后无论遇到什么照片，都可以按这个套路修成欧美风的，来收。 我们先观察一下这张图片和它的直方图，看一下它有哪些后期特征： 1、画面整体的对比度较高（画面的细节过渡比较剧烈，即中间调的细节不丰富）。 2、画面呈现出青色调，阴影更明显（根据红绿蓝三个色彩通道的直方图分布趋势）。 3、直方图最左端没有像素，画面有轻微的空气感（实际上有少量像素，但可以忽略不计）。 4、画面整体的饱和度较低。 因此，我们打开一张图片： 一、提高画面的对比度…

  动效能讲述故事。和图片不同，动效能够呈现变化的过程，讲述一段简短而有趣的故事，能够同你进行对话：“嘿，你该看这个按钮了”或者“哦耶！你刚刚完成了一个操作！”不过，动效的目标并不是单纯的娱乐用户，而是帮助用户了解交互的效果和界面中发生的变化，让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点： “我们设计的不再仅仅只是静态的界面，实际上，我们所设计的是用户从界面获得内容的过程。” 动效广泛运用于网页内容和背景当中，用来强化功能，提升美感：它会直接影响用户的行为，引导用户注意到特定的内容…