一切福田,不離方寸,從心而覓,感無不通。

Category Archives: Design

50 个免费的纯 CSS 图标

Iconex Flat Icons Pure CSS Cloud Map Marker Icon Tech Devices Animated Compass Full NES Console Pure CSS MacBook Tweetbot Icon Computing Devices Hanging Picture Frames Animated Trash Icon Mail Icon Hamburger Menu Icon Pure CSS Ribbon Google Browser Icons Opera Logo Icon CSS Microphone Pure-CSS Owl Animated Clock Taj Mahal Squirrel Pure CSS3 Arrows Google Logos Santa Icon Peeling Sticky CSS3-Only Animals Minions in Pure CSS RSS Feed Icon Credit Card Flat Camera CSS3 Calendar Burger App Icon Currency Icon Flat Gift Icon WordPress Icon Passcode Locks […]

龙生   24 May 2014
View Details

2014 年的 25 个新鲜热辣免费的图标字体

Metrize Icons [300 icons] Icon Pack [40 icons] Ionicons [528 icons] Socialicious [58 icons] Mono Social [100 icons] Infinity Space Icon Font [230 icons] Map Icons [160 icons] Weather Icon Font [92 icons] Icons [24 icons] Genericons [123 icons] Dashicons [197 icons] Stroke 7 [170 icons] The Elegant Icon Font [360 icons] Dripicons [95 icons] Iconia [113 icons] Open Iconic [218 icons] Linecons Free [48 icons] Outlined Icons [150 icons] Feather Icon Set [130 icons] Minimal [48 Icons] The Icony Icon Font [100 icons] Icon Shock Icon Font [1286 icons] Goodies Icon Font [25 Icons] Stackicons Social Icon Font [75 icons] via dizyne from:http://www.oschina.net/news/51990/fresh-free-icon-fonts-sets

龙生   21 May 2014
View Details

11个超炫的视差滚动网站欣赏(附神器推荐)

目前这种视差滚动效果被越来越多的国内外网站所应用,成为网页设计的热点趋势。 通过一个很长的网页页面,其中利用一些令人惊叹的插图和图形,并使用视差滚动(Parallax Scrolling)效果,让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。完美的展示了一个复杂的过程,让你犹如置身其中。厌倦了千篇一律,呆板网页设计的你不放一试。 视差滚动效果与少即是多的理念相互交融,能带来清新炫目的感受,例如这组网站。 你也可以试试: 网页特效:滚动视差设计指南 利用ADOBE神器十分钟零代码实现HTML5视差滚动特效 Broken Twill theQ camera Srgint Sojourn Network Fall in Tennessee Made by Block Kill your Darlings WAAAC Spotify Serve Seattle Codetex 原文地址:webdesignledger 转摘请注明优设网译文出处,谢谢各位小编。 from:http://www.uisdc.com/inspiring-examples-of-parallax-scrolling-sites

龙生   19 May 2014
View Details

网站运用新趋势!神奇的鼠标滚轴动画(视差滚动)

动画在每一年都是最具影响力和占据主导地位的。Web开发者通过不同的实验来实现动画,从最简单的基础效果到富有开创性的展示结果。毫无疑问,这种雪崩式的动画效果已经被认为是web技术史上最先进的技术。已经被永不满足现状的Web开发者们发展到了一个全新的水平。这些动画缓慢却很清晰,让网页设计师在页面上把交互和视觉都展现结合的淋漓尽致。 如果你想学今天的这些案例,推荐回顾《让网页舞动起来!25个免费的视差滚动插件》和《网页特效:滚动视差设计指南》这两篇文章:) 小伙伴们!最新的最火爆的最给力的网页设计趋势来了!快来看看这个神奇的视差滚动设计趋势! 小提醒:有些网站效果不能再赞,谷歌、火狐才能打开唷。 新鲜的网站趋势类型好文: 《网页设计新招式:火力全开!引爆网页中的视频应用》 《2014网页菜单新趋势!21例时尚创新的侧边栏菜单网页设计》 Kaipoche 该网站致力于今年的风筝节。通过一个简单的滚动激活动画技术,它有一个真正充满活力和引人瞩目的设计。 Bizbrain 是一个先进的长页面网站。它通过精彩的彩色图熟练地演示了各种数据。各个版块都有各自相应的信息。 Drugs and Alcohol on Campus 这也是一个交互式图表,能够在不知不觉中给你最紧迫的问题提供答案。所有画面都是通过鼠标来激活动画的,使这些问题看起来不那么“干巴巴”的。 Bright Media 该团队利用视觉引导串起所有元素,使用正确的顺序引导用户,每个部分都有装饰的动画元素,你的任务就是顺着线条走就OK了。 Adobe Muse CC 这是一个创新的、干净而复杂的网站,利用艺术方法引导用户来关注自身新产品。主要包括简洁的白色页面、纸张变形模式和滚动动画来实现效果。 Fluger 网站的开发人员在页面上放置了一架小飞机,用户通过滚动鼠标滚轮可以看到小飞机在页面上飞行,实现浏览整个网站的目的。网站是用图片和手绘稿糅合起来的,加上飞机的引导,看起来酷毙了!不过加载时需要等一定的时间。 Fillet 这是一个流行的平面风格网站,拥有很棒的字体。当你向下滚动鼠标时,每个色块都会顺利转化为一串漂亮的字符。整个过程显得很愉快。 NGUMA 这是一个富有魅力的互动机构网站。该网站允许你直接参与它的互动。也是基于滚动动画的设计趋势。 Happy New Year 2014 滚动激活动画模式非常适合于庆祝节日的网站设计。特别是圣诞节。这个网站里面通过一个完整的动画建立起一个温馨的节日气氛,真是让人感到很别致。 Merry Christmallax 和上面的例子一样,这个创意网站的目的就是给用户们一个温暖而衷心的节日祝福。故事开始于一张干净的纸张,最后演变成一个充满活力的插图场景,整个故事就是动过滚动激活动画技术实现的。 Pixelgyar 这是另一个奇妙的和迷人的圣诞故事。圣诞老人的旅程完全取决于你的行动,所以旋转鼠标滚轮,让圣诞老人到达他的目的地吧! Make Your Money Matters 这是一个宣传网站,生动地展示了加入信用联盟的好处。在整个动画过程中你将成为一个积极参与者。这项技术允许我们持有一个既定主题来实现网站设计,做到和用户之间的良好互动。 The Future of Mobile Phones 正如网站标题所言,该网站就是预测未来的手机的。网站的交互式信息里面充满了各种动画图形,都是定期统计的数据展示。 Camplight 这是一个整洁、干净而时尚的在线展示网站。提供了一个较为新颖的展示方式让用户来熟悉公司。 1McHappy Day 这个网站通过橡皮泥一样的图形设计带给用户返老还童式的体验,心灵上很容易就欢快起来。(我觉得要是来点卡哇伊的背景音乐一定会更给力的!) CEZ 提供了另一个惊人的互动之旅,该技术功不可没啊。 What’s behind the number 网站目的是广泛宣传关于防晒霜的防晒指数及其优势。当你向下滚动时,你会享受到一个整体活泼的故事,试图告诉你使用该产品后,在阳光下你的皮肤依然很安全。 InfoGuest Infographic 如其名字一样,它有大量的信息填充内容,通过图表和动画的有效结合展示出来。 Bolia 和上面的例子稍有不同,该创意团队应用基于照片的滚动激活动画来展示椅子的所有面。 Bam 该公司试图利用长页面布局和各种图纸来实现信息填充。为了避免各部分信息过于统一单调,研究小组决定采用滚动激活动画给网站带来生气。 Areal Plankstadt 这是一个宁静的网站,拥有美丽的氛围。为什么?——蓝白两色,青春一生……通过滚动激活动画技术实现页面之间的切换,非常平静安宁。 结语 这里所列出的这些在线信息展示网站、视觉故事网站、创意机构网站以及投资组合网站都实实在在地利用了滚动激活动画这一崭新的设计技法,构造了一个特定的用户体验模式,希望小伙伴们能够有动力去学习这一项新技术。 我最喜欢Adobe Muse CC和Fluger了,看起来真的是十分赞的! 原文地址:designmodo 优设网翻译:@sheisjane 本文由优设网uisdc.com原创翻译,转摘请注明优设网译文出处,谢谢各位小编。

龙生   19 May 2014
View Details

超赞!20个创意十足的网页视差滚动效果欣赏

最近大家伙越来越关注视差滚动的网页了,很多同学都在四处寻找相关的案例来赏析学习。此前我们也分享过相关的制作教程及文章。 那么今天我们继续推荐20个创意十足的视差滚动酷站,希望能为你的案例带来灵感:)强烈推荐收藏。 好文推荐: 《无法抗拒的诱惑,美女封面网站设计欣赏》 《敢于尝试!23个有着非同寻常配色的网页设计》 《极好的交互设计:19个创意网页欣赏》 Beatbox Academy Discover Shadow This is Now Sam Markiewicz Erős Balázs Le Tour de France Pi’s Epic Journey Scroll For Your Health TCM Summer Under the Stars TEDxGUC aBenção – Malhas e Tricots Criativos WAAAC De Might of Mister Miller Negative Space Anthelios SPF Sunscreen InfoQuest Infographic Reunite the River Fillet Eone 原文地址:speckyboy.com from:http://www.uisdc.com/20-webpage-parallax-scrolling-design

龙生   19 May 2014
View Details

六款帮助你实现惊艳视差滚动效果的jQuery插件

在网页设计中,视差滚动(Parallax Scrolling)是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例:  视差(Parallax)是指从不同的点看一个物体时形成的视觉差异,这个名词是源自希腊文的παράλλαξις (parallaxis),意思是"改变"。在网页设计中,视差滚动(Parallax Scrolling)是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例:   相信你非常想知道上面这些网页的精美视差滚动效果是如何实现的,今天这篇文章就和大家分享六款精心挑选的 jQuery 视差滚动效果插件,它们能够帮助你制作出精美的视差滚动效果。 Sequence.js Sequence 是一款非常优秀的 jQuery 滑动插件,能实现多种精美的滑动效果,其中之一就是水平方向的视差滚动。 在线演示  下载源码 jQuery Scroll Path 这款插件用于实现自定义路径的滚动效果。可以显示使用 Canvas 绘制路径线条和弧形,看到非常形象的运动效果。 在线演示  下载源码 Parallax Slider with jQuery 这个视差滚动滑动效果多次在我的博文中出现过,相信关注我博客的朋友一定不会陌生,有非常详细的制作教程。 在线演示  下载源码 jQuery Parallax 这款 jQuery 插件实现了类似 Nikebetterworld.com 产品展示页面的视差滚动效果,代码托管在 Github 上面。 在线演示  下载源码 Scrollorama 这款 jQuery 插件能够帮助你实现非常酷的滚动效果,可以应用飞入、缩放、淡入淡出等多种过渡效果。 在线演示  下载源码 Stellar.js 正如它的口号所说:实现视差滚动效果从未如此容易,的确,它能帮助轻松的实现网页视差滚动效果。 在线演示  下载源码 jParallax 这款基于 jQuery 的视差滚动插件使用简单,官方提供了五种不同的效果演示。 在线演示  下载源码FROM:http://www.jb51.net/article/31259.htm

龙生   19 May 2014
View Details

38 个免费开源的 CSS 下拉导航菜单

Animated Responsive Menu Pure CSS Navigation Long Dropdown Menu Flexbox Dropdown CSS-Only Menu Simple CSS Menu Bootstrap Mega Menu Drop Down Menu Clean Grey Nav Simple Toggle Menu Bubble Dropdown Pure CSS Menu Animated Dropdown Lava Lamp Navigation Multi-Level Nav Clean Simple Navbar Horizontal Navbar Multi-Toggle Nav Infinite Multi-Level Gradient Navbar Nested Dropdown Pure CSS Hover CSS3 Multi-Level Dropdown CSS Only Menu Pure CSS Menu Simple CSS3 Menu Facebook-Style Menu Smooth Dropdown Unfolding Dropdown Speech Bubble Menu Bold and Beautiful Dropdown Skyrim-Inspired Menu Pure CSS Dropdown Grey CSS […]

龙生   09 May 2014
View Details

ahjesus Axure RP 7.0注册码

ahjesus Axure RP 7.0注册码 用户名:axureuser 序列号:8wFfIX7a8hHq6yAy6T8zCz5R0NBKeVxo9IKu+kgKh79FL6IyPD6lK7G6+tqEV4LG from:http://www.cnblogs.com/ahjesus/archive/2013/12/18/3479865.html

龙生   17 Apr 2014
View Details

20 个免费的 iPhone 应用设计 PSD 资源

有人说小编我偷懒,其实真不是。真没什么好说的。关键字:iPhone PSD,免费! Fresh IPhone UI Kit 20 iPhone Angles iPhone 5 Grid PSD iPhone Wood Bookcase UI PSD Leather IOS Menubar PSD Free IPhone UITabBar PSD AppView: Free iPhone App UI Theme iPhone 4 Icon PSD file Free iPhone Toolbar Icons iPhone Interface with Slider Selector Apple IOS 7 Status Bar PSD Pixel Perfect App Icons iOS 5 GUI PSD (iPhone 4S) Mini App Mockup (PSD) Retina iOS App Icon Template PSD iPhone 4 UI Kit (PSD) iPhone App Template IOS 6 GUI PSD Passbook IOS6 App UI […]

龙生   17 Apr 2014
View Details
1 4 5 6 10