在codepen网站发现大神写的纯css动效一枚,摇摆的娃娃,不敢自己独享,发来给大家看看 点击查看效果演示   CSS样式 * { margin: 0; padding: 0; } html, body { height: 100%; background: #f0f0f0; } #wrap { margin: -200px 0 0 -250px; width: 500px; height: 400px; background: #86b1c2; border: 20px solid #FFF; box…

2015年04月29日 0条评论 50点热度 0人点赞 阅读全文

故事说起在一个冰冷幽暗的夜晚上,我正思考的十分重要的人生问题,这周末该去那里happy好呢?是宅在家里好呢,或者宅在家里好呢,还是 宅在家里好呢?这时,万年隐身的QQ竟然浮起浅色聊天框,我去!不得了,居然是女神主动联系我,女神一定是因为我俊朗的五官,185的模特身材而深深地迷 恋上我了,呵呵呵呵呵呵。 “诶,谭伟X,你在干嘛呢?” “没啊,在思考人生。”   难道这是要约我的节奏吗?在妹子前必须保持冷静。 “那个这周我要搞一个游戏宣传的页面,设计师说用【视差滚动】的效果,你能做个demo页给我看看?” 。。。。。。…

2015年04月29日 0条评论 64点热度 0人点赞 阅读全文

消灭无聊的酷站来了!今天这组网站,有连续看半个钟都不腻的模拟烟花网站,有千变万化让你猜不着的多边形魔术站,有涨姿势的美元科普站等,非常好玩,绝对值得亲身体验 >>>   Celebrating Chinese New Year 2015 这个网站强烈推荐一下,特别浪漫。进去后输入任意文字(女朋友/蓝朋友姓名都行),单击 Confirm 确认,拉好小窗帘,静静地享受一场触手可及的烟花盛宴吧~ In Pieces 多边形艺术千变万化,在此得以终结。 且看素净背景下,似有无形执剑人,使那精妙的…

2015年04月22日 0条评论 66点热度 0人点赞 阅读全文

世界上有很多Web设计师、前端人员喜欢到Codepen上展示他们的片段代码,有的代码的确强大而惊人,所以我们经常到这里获取一些小灵感是很不错的。 最近Codepen官网上发布了2014年Codepen上最热门的100个code&CSS片段代码,这些片段中有不少今人惊叹和创意的CSS和code,值得一看,下面我们来看看TOP10的片段有那几个吧: TOP 10: 摇摆的电灯 灯泡好像被微风吹动一样,左右摇摆,很写意。 预览效果 TOP 9: 纯CSS视差滚动 这是比较流行的特效,用纯CSS编写很厉害! 预览效…

2015年04月21日 0条评论 86点热度 0人点赞 阅读全文

两种相似的设计风格,一个基于另一个。一个是新热事物,另一个,有人猜测,已经以自己的方式成为一种时尚。一个是自发的-适应设计的趋势,另一个却是有目标-专用的设计指导规范。 你可能明白了扁平化与质感设计之间的冲突了。 但是,他们之间不同是什么呢,本质上是一个比另一个更好?在某些用途上更好?实际上,一些人想知道它们之间的差别有多大,让我们从最基本的开始:拟物化设计的身影出现在每一个身上。 拟物化设计 拟物化设计, 在这个背景下,设计是为了模拟真实的物理世界。通常,这需要设计的在线应用的形式看起来像他们的真实世界的变体,比…

2015年04月18日 0条评论 65点热度 0人点赞 阅读全文

互联网顶级资源全聚合!今天这组网站囊括了全球最大的UI资源库、免费神级图库、海量PSD设计模板、高达300万种的配色板,超多免费背景以及高效率Photoshop插件等,包你一眼倾心 >>> 1. UI Cloud UI Cloud 号称拥有世界上最大的用户界面设计资源数据库,可以下载多达四五万个UI元素,比如进度条、音乐播放器等等。 2. Freeimages 做网站设计时、向客户演示PPT时都需要用到精美图片,正如网站名称所表达的你可以下载到大量的精美图片,而且是免费的哦! 3. Kaku 如果…

2015年04月18日 0条评论 77点热度 2人点赞 阅读全文

这部动画片以极度夸张的手法描绘了新时代智能手机一族的生活状态,以蝴蝶效应的手法将人物和事件串联起来,最后得出结论,玩手机会毁灭世界。 道理我都懂,可是就是离不开…… 此视频目前在网络上引起很大反响,有人表示过度夸张之后也就只能当做笑料看看罢了,有人表示看完这部动画也需要低头2分30秒。 也有人觉得片子发人深省,导演把人们的冷漠以黑色幽默的方式表现出来,让人印象深刻。 有争议才有意义,不论如何,我们不可能离开手机,但,也不能太过依赖,有收有放,才是自如。 这部短片获得了2014年中央美术学院年度一等奖,作者是谢承霖。

2015年04月16日 0条评论 55点热度 0人点赞 阅读全文

简单有效的导航栏设计能够极大的提高用户体验,不仅能让用户更快找到他们想要的内容,还能适当分担搜索引擎的压力。常见的导航设计我想大家都已经非常熟悉了,今天我们要分享的一些有趣的、原创的、甚至具有一定开创性的导航栏设计方案,这些优秀的设计非常引人注目,令人难忘。这些网站的导航栏设计,比起传统的导航会相对更复杂一些,但是绝对会令你眼界大开。 当然,我们推荐这些网站并不只是因为导航栏设计,这些优秀的网站通常在技术使用和信息呈现上也做得非常突出。和很多酷站一样,只要你深入探究,一定会获益匪浅。 Jova Jova的网站设计非…

2015年04月15日 0条评论 79点热度 0人点赞 阅读全文

来自:http://www.warting.com/gallery/201504/77929.html

2015年04月14日 0条评论 58点热度 0人点赞 阅读全文

优秀的网页项目,不会单靠好的设计或是开发就能成功——它也需要设计师与开发者的沟通与协作。 我看过相当多的设计师与开发者由于缺乏沟通而糟蹋了项目,结果导致关系恶化。我也见过很多初学的设计师和开发者,通过团队协作创造出惊人的结果。他们避开了潜在陷阱,及时发布项目,并且迅速迭代。这种协作不仅对项目有益——善于沟通协作的团队也是一个更快乐的团队。如果任务并没有如愿进行,也会有更少的误解与紧张。 设计与开发的协作,在响应式网页设计(RWD)项目中尤其重要。各团队如今都要应对大批设备。固定的、“像素精准”的设计,如今该让位于流…

2015年04月14日 0条评论 51点热度 0人点赞 阅读全文

故事是这样的 过去空间的配色很多,每次提取确实如同解密一样的充满“惊喜”。 亮瞎眼的邻近色  相近颜色太多,差异不大,光一个灰色都有三四个,隐隐的感觉这是在做色盲测试。 设计师的痛  明明只是想要一个色值,却不得不打开差不多100M的PSD文件,去吸取颜色,去寻找颜色代码,打开时间可以看看小说了~~~ 坑爹的沟通  每次找开发调整颜色,都要从界面中截图说明是跟哪里的颜色,色值多了,别说是开发,设计师都疯了! 虽然有了标注,但是还是可能遇到开发问:正文色是指什么颜色?色值是? “色无能”  害怕增加颜色,想想每个 主…

2015年04月14日 0条评论 64点热度 0人点赞 阅读全文

随着单页网站从未经考验的即兴创作一跃成为受人热捧的潮流趋势,垂直滚动的理念正式成了人们目光聚焦的中心。与此同时,设计师们也在大踏步地创新,力求让这一趋势在百尺竿头更进一步。 现 今,在网站设计中采用垂直滚动已经不再是为了追求创意,其更多成为了保证用户友好性的关键(但是如果你能再保证用户友好性的同时发挥创意,那你的设计就轰 动了)。根据人类的自然习性,我们在刚开始习惯某项新鲜事物时总会尽量维持耐心。但在互联网上,则截然相反。随着网络日渐成为我们生活的中心,人们的耐心 越来越差。正是因此,我们开始逐渐摒弃需要花费时间等…

2015年04月12日 0条评论 59点热度 0人点赞 阅读全文

度,在哲学上指一定事物保持自己质的数量界限。在这个界限里,量的增减不改变事物的质,超过这个界限就要引起质变。无论做任何事情,都要求我们正确把握度,掌握适度,才能恰到好处。 交互设计其实上就是在做耍太极的工作,我们都希望用户在使用产品时更有效果、更具效率并更容易融入,希望用户在使用产品时保持注意力,避免破坏他们的专注度,以达到沉浸式体验。那我们该如何把握交互其中的“度”呢?   试试太极八卦的八个“度”:   一、遵循用户心理模型 简单的说,就是遵循用户生活中的习惯或经验,从而建立的最有效的方法。…

2015年04月11日 0条评论 53点热度 0人点赞 阅读全文

正如你已经看到在我们之前的文章中关于单页面网站设计的推荐!它绝对是展示你的工作和产品最佳的表现形式,而且十足的酷!很多人会享受那种滑轮一拉到底的酣畅淋漓!你得承认,单页的设计是接下来几年页面设计的热门趋势。 在这个精选里,几乎收集了来自全球的最酷最漂亮的单页作品。你会发现各种各样的高品质的、创造性的、美丽的、鼓舞人心的网页设计。它们都遵循了单页设计的趋势。 毫无疑问它们会唤醒你的创造力,激发你的想象力来创造自己的个人主页,是时候让你的专题页和个人站点标新立异起来了。   Every Last Drop 立…

2015年04月08日 0条评论 69点热度 0人点赞 阅读全文

极简主义可谓去芜存菁,聚焦重点。也就是说,极简主义披荆斩棘,直达目标。 既然是极简主义,那么最终呈现的外观自然是简洁二字,精心思考、屡次尝试以及大量时间均融合包含在这简约中。下面,我们就来分解极简主义,从中学习。 01. 保持一致 对于品牌标识来说,简约风格的商标就十分实用。就拿这个由 Simon McWhinnie 设计的酒吧品牌来说,标识图形及色彩采用极简风格,与其它延展元素和产品完美融合,打造出的整体感令品牌形象非常便于记忆。 02. 寻找隐形关联 如果你认为极简主义令设计失去了创意,那你就大错特错了。其实,…

2015年04月05日 0条评论 66点热度 1人点赞 阅读全文

记得初学设计时就常常听到这么句话,设计不单单是做出一个极具美感的躯壳,更重要的是它背后的实用价值——所谓设计的实用性。而在互联网里,这 种实用性更多的体现在用户体验上。美的视觉表达是第一印象,而酣畅的体验才是灵魂。随着移动互联的日益壮大,用户体验变得越来越重要。与此同时,也有很多 人认为炫酷的操作体验或者一些新颖的呈现是好的用户体验。我们且不说这种认识是否全面,甚至正确与否,那么问题已经来了那我们就从以下几个方面一并探讨这 两个问题。   1.内容引导 内容引导是一个站点最为重要的组成部分之一,而最为代表…

2015年04月05日 0条评论 62点热度 0人点赞 阅读全文

作为前端的设计师和工程师,我们用 CSS 去做样式、定位并创建出好看的网站。我们经常用 CSS 去添加页面的运动过渡效果甚至动画,但我们经常做的东西不会超过这些。 动效是一个有助于访客和消费者理解我们设计的强有力工具。这里有些原则能最大限度地应用在我们的工作中。 迪士尼经过基础工作练习的长时间累积,在 1981 年出版的 The Illusion of Life: Disney Animation 一书中发表了动画的十二个原则 (12 Principles of Animation) 。这些原则描述了动画能怎样用于…

2015年04月03日 0条评论 53点热度 0人点赞 阅读全文

打造客户眼中堪称简单的产品或服务往往是设计师高高供奉的圣经。Duncan Stephen曾有妙语云“我们作为设计师的目标,就是让东西对用户来说越简单越好。” 如此说来,我们对Apple和Google在用户体验相关发行物方面所实现的简约美感给予革命一般的敬意是完全理所当然的。然而,虽然我们不约而同地将很多界面认定为简约派,但也有很多产品或服务不一定在所有地方都透露出简约的味道。 这是什么情况? 所谓“简约”的问题 万人爱戴的作者Antoine de Saint-Expuery曾说过一句著名的话“什么叫完美?完美就是让…

2015年04月03日 0条评论 59点热度 0人点赞 阅读全文

网站的参与感也属于用户体验的是否到位的衡量标准之一。我们所认知的用户体验可能只是如何让用户浏览时更顺畅舒适?又或是如何让用户减少思考和点击?而这些都只是于网站操作的用户体验,还有一种情感上的用户体验同样需要设计师的关注。   1.给用户一个贴近生活的真实场景   对于贴近自己生活的事物会有一种自然而然的亲近感。因此,如果能将这些场景融入网站的设计中,很容易让用户产生一种愿意自我带入情境的感觉,有利于引起他们对网站中的其他内容的兴趣。   IMM     2.拟物化场…

2015年04月02日 0条评论 39点热度 0人点赞 阅读全文