在浏览网页、玩游戏、手机应用等场景,因为网速慢或是硬件差的关系,难免会遇上等待加载的情 况,没人喜欢等待,耐心差的用户可能因为操作得不到及时反馈,直接选择放弃。正所谓细节决定成败,这时添加一个Loading进度条动画,就…
一个码农的悲剧——视差滚动的爱情故事
故事说起在一个冰冷幽暗的夜晚上,我正思考的十分重要的人生问题,这周末该去那里happy好呢?是宅在家里好呢,或者宅在家里好呢,还是 宅在家里好呢?这时,万年隐身的QQ竟然浮起浅色聊天框,我去!不得了,居然是女神主动联系我…
酷站界的奥斯卡!2015年春季最佳网站人气榜出炉
消灭无聊的酷站来了!今天这组网站,有连续看半个钟都不腻的模拟烟花网站,有千变万化让你猜不着的多边形魔术站,有涨姿势的美元科普站等,非常好玩,绝对值得亲身体验 >>> Celebrating…
惊人技术!2014年Codepen上最热门的100个code&CSS片段代码
世界上有很多Web设计师、前端人员喜欢到Codepen上展示他们的片段代码,有的代码的确强大而惊人,所以我们经常到这里获取一些小灵感是很不错的。 最近Codepen官网上发布了2014年Codepen上最热门的100个c…
扁平化设计与质感设计的简单认知
两种相似的设计风格,一个基于另一个。一个是新热事物,另一个,有人猜测,已经以自己的方式成为一种时尚。一个是自发的-适应设计的趋势,另一个却是有目标-专用的设计指导规范。 你可能明白了扁平化与质感设计之间的冲突了。 但是,…
相见恨晚!15个绝对值得收藏的免费设计资源站
互联网顶级资源全聚合!今天这组网站囊括了全球最大的UI资源库、免费神级图库、海量PSD设计模板、高达300万种的配色板,超多免费背景以及高效率Photoshop插件等,包你一眼倾心 >>> 1. UI …
《低头族》——中央美院一等奖短片,太震撼了
这部动画片以极度夸张的手法描绘了新时代智能手机一族的生活状态,以蝴蝶效应的手法将人物和事件串联起来,最后得出结论,玩手机会毁灭世界。 道理我都懂,可是就是离不开…… 此视频目前在网络上引起很大反响,有人表示过度夸张之后也…
带你去冒险!20个炫酷好玩儿的网页导航设计
简单有效的导航栏设计能够极大的提高用户体验,不仅能让用户更快找到他们想要的内容,还能适当分担搜索引擎的压力。常见的导航设计我想大家都已经非常熟悉了,今天我们要分享的一些有趣的、原创的、甚至具有一定开创性的导航栏设计方案,…
垂直滚动理念路在何方
随着单页网站从未经考验的即兴创作一跃成为受人热捧的潮流趋势,垂直滚动的理念正式成了人们目光聚焦的中心。与此同时,设计师们也在大踏步地创新,力求让这一趋势在百尺竿头更进一步。 现 今,在网站设计中采用垂直滚动已经不再是为了…
70个全球最华丽的互动型单页网站欣赏
正如你已经看到在我们之前的文章中关于单页面网站设计的推荐!它绝对是展示你的工作和产品最佳的表现形式,而且十足的酷!很多人会享受那种滑轮一拉到底的酣畅淋漓!你得承认,单页的设计是接下来几年页面设计的热门趋势。 在这个精选里…
跟高手学设计!25条超实用的简约原则
极简主义可谓去芜存菁,聚焦重点。也就是说,极简主义披荆斩棘,直达目标。 既然是极简主义,那么最终呈现的外观自然是简洁二字,精心思考、屡次尝试以及大量时间均融合包含在这简约中。下面,我们就来分解极简主义,从中学习。 01.…
浅谈用户体验的可视化
记得初学设计时就常常听到这么句话,设计不单单是做出一个极具美感的躯壳,更重要的是它背后的实用价值——所谓设计的实用性。而在互联网里,这 种实用性更多的体现在用户体验上。美的视觉表达是第一印象,而酣畅的体验才是灵魂。随着移…
网页动画的十二原则 【译】
作为前端的设计师和工程师,我们用 CSS 去做样式、定位并创建出好看的网站。我们经常用 CSS 去添加页面的运动过渡效果甚至动画,但我们经常做的东西不会超过这些。 动效是一个有助于访客和消费者理解我们设计的强有力工具。这…
43条简洁明了的交互设计原则
废话少说,直奔主题,各位童鞋请对号入座! 1. 用通栏布局代替多栏布局 2. 给用户些好处,别急着做生意 3. 整合相似的功能,去掉零碎的UI元素 4.利用社会认同效应,别总是自吹自擂 5.主要功能需要多次强化显示 6.…
严谨而浪漫!20个来自德国最优秀的网页设计
大家对于德国人的印象是怎样的呢?印象中,他们理智而严谨,科学技术令我们侧目;他们浪漫也多情,文学艺术使我们难忘。但是今天的德国更加多元化, 充满现代科技感的设计和活力四射的街头涂鸦并存着,来自中世界的阴郁和奢华也并未断绝…
职业备忘录!成功网页设计师的七大必备技能
网页设计既是一门独立学科,也是一种艺术形式。网页设计的工作至少一半是基于坚实的代码和设计知识,而另一半则是对于美感的认知,什么好看,什么不好看。每一个网页设计师都有着坚实的基础知识和他的核心竞争力,这些确保他能脱颖而出。…
网页设计新趋势:我所知道的关于web字体的一切【译】
我曾与一位视觉设计师合作共同开发一款web应用。他提交给我的设计稿看起来非常带感,于是我根据他的设计稿,用HTML和CSS将web应用写了出来。当我以为一切都已完成,并且火急火燎地将产品给他看的时候,知道他说啥了么? “…