首页

html5动效系列一:10个HTML5美化版复选框和单选框

蓝蓝设计的小编

单选框Radiobox和复选框checkbox在网页中也十分常见,虽然它没有按钮的交互性强,但是如果能把它们像按钮那样美化一下,那也是非常不错的。本文收集了10个相对比较漂亮的美化版单选框和复选框,希望你会喜欢。

1、CSS3漂亮的自定义Checkbox复选框 9款迷人样式

之前我们分享过一款非常不错的CSS3自定义checkbox复选框纯CSS3美化Checkbox和Radiobox按钮,外观非常时尚。今天我们来分享一款9款样式迷人的CSS3漂亮的自定义checkbox复选框。这几款复选框样式很丰富,使用起来也比较方便。

html5-css3-checkbox-styles

交互设计基础!四个移动界面最常见的动效类型

周周

4-common-animation-types-1

编者按:这两天有一款动效神器Hype 3特别受欢迎,借这股动效的劲头,今天胡痴儿(腾讯用户体验设计师)给同学们科普一下动效的类型 >>>

医疗软件界面设计系列一:简约的医疗APP应用程序扁平化APP设计案例欣赏

蓝蓝设计的小编

Bloodnote -控制血压的评论,顾客评级,屏幕截图等,是日常记录和控制你的血压是一个免费的iPhone应用程序。

是由马特Ludzen和彼得Bajtala的BloodNote旨在使具有最小的设计和专业的功能更容易跟踪健康。而不是试图跟踪多个方面的健康,下钻,以帮助一个特定的用户群,使他们能够快速,直观地每天跟踪他们的血压,并随着时间的推移。已经获得不少的融资。

基于QT的webkit与ExtJs开发CB/S结构的企业应用管理系统

蓝蓝设计的小编



 ExtJs是一个用于创建Web用户界面的JS框架,提供了丰富的界面部件及布局方式,对于web开发者来说,实现企业应用所需的各种画面只要掌握JS语言即可。不必再引入flash或silverlight技术,而且能很容易的创建风格统一的企业应用程序。

    虽然ExtJs支持各种流行的浏览器,甚至包括IE6,但是它在IE系浏览器下运行、渲染的效率不高。在谷歌浏览器下表现最好,FireFox浏览器次之(这得益于谷歌浏览器的JS脚本引擎)。

    然而谷歌浏览器和FireFox浏览器的核心都是WebKit(苹果公司开源的浏览器核心,负责解析HTML文本,并呈现到界面上),所以,要想让我们的CB/S+ExtJs结构的应用程序能有更好的表现,我们必须采用WebKit核心的浏览器。

    虽然我们能很方便的获得WebKit的源码,然而编译它却十分耗时费力,不但要选对编译工具,还要安装一系列的SDK,编译时间更是长的惊人(这几乎是大型C++项目的通病)。编译出来的DLL使用起来也不是很方便(要翻阅大量的WebKit的API)。

    幸运的是QT界面库为我们做了这些工作,QT库中包含webkit的浏览器控件,并且这个C++库是跨平台的,也就是说基于这几项技术开发的CB/S企业应用可以部署在Linux系统内。

    除了使用QT界面库,还可以选择gtk+和wxWidgets两个界面库,而且这两个界面库都对WebKit做过包装,但是从开发方式,生产效率,运行速度等多方面考虑,还是QT最为合适。

    QT界面库也分为两个版本,一个是收费的digia提供的QT,另一个是免费的qt-project提供的QT(GPL V3 LGPL V2),这里我们选择免费版的QT,本文第三节会介绍如何搭建开发环境。

交互设计系列之六:富有启发性的线框草图

蓝蓝设计的小编



随着公司企业对设计的重视越来越高。很多视觉设计师和交互设计师都有这非常明确的定位。不管是设计网站页面还是应用界面的风格定位或者是移动App的应用交互等等。在设计过程中设计师都需要一个构思的过程。有一部分设计师会通过一些交互软件来做最前期的架构和构思。但是更多的设计师还是喜欢用最原生的方法来构思——草图!我想这应该也是最原始的前期构思了。把好的灵光一现瞬间画在稿纸上,做好标记。我们在使用的很多经典的工具界面都有着最初的线框草图。今天我们要分享的就是一些优秀的线框示意草图。你可以看到这些最初的设计雏形。相信你可以从中得到创意的灵感。

交互设计系列之五:一个好的交互设计师是怎样成长起来的?

蓝蓝设计的小编

1. 交互设计师应当具备的能力

如果我们简单的将用户体验领域涉及到的技能分为:用户研究、产品(概念/功能)设计、交互设计、视觉设计、工程技术,我认为任何一个交互设计师和视觉设计师等等,都应该具有整体的复合技能,只是哪部分更多哪部分更少的问题。

1) 用户研究:对于交互设计师,不具备基本的用户研究能力,无法吸收来自用户的「信息营养」,如何做出真正以用户为重心的设计呢?观察法、访谈法、问卷法、可用性测试、行为数据分析等等,这些基本的方法应该要有所掌握。

2) 产品(概念/功能)设计和交互设计:这方面不必多说,交互设计师必须有大局观,能够真正的理解产品的思路和方向,从交互的角度实现产品层面的意图。这也是很多交互设计师转向产品设计师、产品经理的原因,在很多方面有交叉。

3) 视觉设计:视觉设计是很多交互设计师的软肋,常常无法忍受一些交互设计师做出的没有美感的文档。现在,特别是在移动互联网的设计领域,交互和视觉往往是高度交叉的。交互会影响视觉,视觉反过来也会影响交互。对于一个交互设计师,在做交互设计师,脑海中就应该浮现出视觉的轮廓,为视觉设计留下能够发挥的空间。另外,交互设计师一定要有很好的视觉设计的感觉,知道如何判断好的和不好的视觉设计。像素眼(能够通过肉眼分辨出一像素的差别)至少要具备吧?

交互设计系列之四:交互设计师,你要懂视觉!

蓝蓝设计的小编

 

  交互设计师之所以要懂得视觉语言,主要体现在原型制作的工作部分,

  因为输出的虽然是低保真原型,但低保真原型的设计过程其实也是一个视觉化过程。

  废话少说,直接解释吧(大致按照动手的时间顺序,以数字媒体界面为例)。

交互设计系列之三:浅谈如何从零学习成优秀的交互设计师

蓝蓝设计的小编

本文全系列满满干货,是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法,不仅能让你彻底了解交互设计,还能帮有志在这个领域发展,却苦于没有老师的童鞋,从零开始学习成为一名优秀的交互设计师。



在校大学生、想转行的设计师还能在这儿得到前辈的实用建议,想进阶的交互也有职场系列经验分享,文末还有超赞的资源奉献,干货量大,推荐童鞋们收藏 :)


日历

链接

个人资料

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

存档