首页

术语小科普!聊聊线框稿、视觉稿与原型的区别

高劲

wireframe-mockup-prototype-differeces-1

@Akane_Lee :我和群里设计师聊,发现 Prototype、Wireframe、Mockup 因为翻译有时候皆统称为「原型」的关系,导致大混淆,所以来说明下这三者的不同,不清楚这三个术语有什么区别的同学来涨姿势咯 >>>

html5动效系列二十:HTML5 SVG世界地图 地图可拖拽和缩放

蓝蓝设计的小编

前我们已经向大家分享过一些基于HTML5的地图应用,比如jQuery矢量SVG地图插件JVectorMap,以及这款HTML5/CSS3带区域地图的联系表单。今天要分享的这款HTML5地图应用是一张世界地图,地图元素是使用SVG绘制的,并且地图可以拖拽和局部缩放,效果非常不错。

html5-svg-world-map

html5动效系列十九:纯CSS3实现质感发光动画按钮

蓝蓝设计的小编

之前我们分享过很多漂亮的网页按钮动画,大家可以移步至CSS3按钮分类下查看各种各样的CSS3按钮。这次要分享的这款CSS3按钮有着质感的背景,并且鼠标滑过按钮时按钮边框还会发光,呈现出3D立体的视觉效果。

pure-css3-texture-shine-button

html5动效系列十八:HTML5/CSS3鼠标悬停动画菜单按钮

蓝蓝设计的小编

这次要分享的也是一款不错的CSS3动画按钮,当我们将鼠标滑过按钮时,按钮会展现不同方式的动画效果,大家可以具体看看演示。

css3-hover-button-animation

html5动效系列十七:HTML5/CSS3鼠标悬停动画菜单按钮

蓝蓝设计的小编

今天要给给位分享一款基于CSS3的鼠标悬停动画菜单按钮,这款菜单是由一个个小按钮组成,当我们将鼠标滑过菜单项时,按钮上的图标将出现悬浮的动画。

平衡的艺术!有哪些技巧可以搞定大图设计?

高劲

design-big-image-skills-1

编者按:今天这篇总结了几个优秀的全屏背景网站特点,关键是帮同学们掌握在一张大图上放不同元素的技巧,理解了本质后对PPT、平面设计、海报设计等都有很大帮助,非常实用 >>>

html5动效系列十六:炫酷的CSS3 3D旋转按钮对话框

蓝蓝设计的小编

这次还是要分享一款CSS3对话框插件,另外,这款对话框的特点是点击按钮后对话框会以3D旋转的动画展现出来。更令人惊叹的是,点击按钮的不同部位,对话框3D旋转的动画方式也会不同。

css3-3d-button-dialog

html5动效系列十五:强大的CSS3动画库animate.css 50多种动画形式

蓝蓝设计的小编

今天要给大家介绍一款强大的CSS3动画库animate.css,animate.css定义了大概50多种动画形式,包括淡入淡出,文字飞入、左右摇摆动画等等。使用animate.css也非常简单,你可以给页面上的任意元素,特别是文字添加各种神奇的动画,一起来尝试一下吧。

css3-animate-css

平衡的智慧!如何把握登录界面易用与安全的平衡

高劲

login-screen-design-flow-1

编者按:不论是网页设计师还是UI设计师,登录和注册页面的设计是必然经历过的工作内容。登录界面的设计说难不难,说容易也不是那么轻松就可以做好的,要在安全和可用性之间找到登录界面的平衡点,还是需要相当的经验来支撑的。今天的文章来自GoSquared团队,他们在登录界面的设计上细致入微,值得学习哦~

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档