首页

涨姿势!有什么好的方案可以替代抽屉式导航?

周周

navigation-drawer-alternative-1

关于抽屉导航(三线icon/汉堡包菜单)的文章和讨论已经够多了。本文无意加入这些讨论,只是想寻找一种更好的替代方案,毕竟抽屉导航的缺陷早已成为公论 >>>

强烈推荐!教你测试手机网页的五大方法

周周

如何测试移动端网页

@陈子木 细心的同学不难发现,现在用手机访问优设网有了全新的阅读体验,而且速度很快。有这样的改变其实也是收到了很多来自微信、微博粉丝的建议,大家想在上班、下班及睡觉的时候阅读收藏在微博和浏览器(同步)里的优设文章。

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

存档