Posts filed under 'UI design'
GUI（graphical user interface/图形用户界面）的发展史从来就是与操作系统的历史分不开的，他们就像是两个两小无猜的孩子，相互依偎着成长，不断散发出迷人的光芒，在不知不觉中影响着人们的工作生活。细细数来，从1973年第一代图形用户界面（GUI）的呱呱落地到今天Windows 7的整装待发，图形用户界面已经走过了30几年的发展历程，快要步入不惑之年的他更加的成熟稳健，也带给了我们更丰富的体验，为我们提供了更加人性化的服务。今天，就让我们以时间为线索，一起聆听图形用户界面这位朋友所谱写的光阴的故事。
1973
1973年4月，Xerox PARC (施乐公司帕洛阿尔托研究中心)研发出了第一台使用Alto操作系统的个人电脑，Alto首次将所有的元素都集中到现代图形用户界面中，它相当小，但却有着强大的处理图像信息和分享信息的能力，拥有“所见即所得”的文档编辑器，内置了大量的字体和文字格式。另外，Xerox PARC还开发了一种名为Smalltalk的程序语言和环境，它拥有自己的GUI环境（包括了弹出菜单、视窗、图标）。
1981
1981年6月，Xerox推出了Star，Star于1977年开始研发，它延续了Alto的概念，在硬件上做了一些升级，384KB内存（可扩展到1.5M），1024*768的黑白分辨率，两个按键的鼠标（原来是3个按键），最重要的是拥有桌面软件，支持多语言，能够连接文件服务器、邮件服务器和打印服务器。可惜的是，Xerox Star是一个完全封闭的系统，不允许人们应用系统之外的其它程序语言和开发环境，这也意味着它不支持第三方软件。
1983
1983年1月，苹果公司发布了Lisa办公系统，结合Lisa硬件、操作系统、办公软件，苹果公司设计出了一款强大的文件处理工作站。它最大的亮点是支持3.5英寸的软盘，能够最小化、关闭窗口，复制文件等。这其中有个有趣的故事，当年史蒂夫乔布斯在参观PARC时看到了运行于Alto的Smalltalk，他是个有心人，回去之后就抓紧开发出了更健全的系统，不仅拥有Smalltalk的GUI环境，还增加了下拉菜单、桌面拖曳、工具条、苹果系统菜单和非常先进的复制粘贴功能。
继续阅读…
Tags: GUI, UI设计
May 30th, 2010
hanyan
这个夏天，伴随着世界杯的临近，人们的心情也已开始升温，大家都期待着那一幕幕激情的场面上演，再次血脉贲张，心跳加速，再次摔一次酒瓶，拥着女友……这些夜晚，我们夜未眠。
作为一名伪球迷，在观注世界杯的同时还想着要做点什么，结合自己的专业，我想到了设计一个有关世界杯的Android应用。从市场角度考虑，这也不失为一个好的选择，足球是世界性的运动，有着广泛的群众基础，世界杯就是球迷们狂欢的盛会，它一定会成为大家最关注的话题。另一方面，随着Google的发力，装有Android系统的手机的用户数越来越多，分析这些用户的特征，我们不难发现，他们年轻、有活力、对新事物充满好奇，这个激情的夏天，他们注定与足球有一次亲密的约会。
首先进行了资料收集也竞品分析，FIFA官网及各大门户网站都推出了相应的世界杯专题页面，其内容都大同小异，都设置了新闻、赛程、小组、队伍、图片、视频等，页面信息量巨大。Android market上也有了相应的应用，下载并试用，这些应用都包含一些基本的数据，分别为赛程、小组、队伍，个别应用还加入了更为丰富的动态数据，用户可以浏览新闻，参与评论。
综合分析，这些应用所呈现的信息都简洁明了（有的功能太过简单了），UI设计太过粗糙，细节不到位，结合其优点，我计划加入一些贴心的功能。在赛程设计下与calendar及clock连接，用户可以把赛程加入到日程安排中，并设置闹钟提醒。当用户在观看比较时，还可能通过评论功能进行实况直播，与同时在观看的用户展开讨论。
接下来进行更为深入的交互设计，开始根据手机界面的特点进行相应的布局，如下图所示
(上图是在AI中绘制的大概的布局，我会在以后制作成详实的UI Spce）
在视觉设计上，我提取出一些关键字：足球、南非、节日、球迷、夏天、激情、美女、吉祥物、绿茵场、球星。从这些元素中寻找灵感，争取设计出风格独特，令人赏人悦目的图形用户界面。
总结：在产品设计过程中，团队的沟通非常重要。此应用涉及到网络存储服务，这个功能的实现就得与开发人员密切配合，多讨论，进行不断的迭代，反复推敲。
是为记
Tags: android, GUI, ui design
May 22nd, 2010
hanyan
很早的练习了，也只是为了更新
Tags: GUI, ui design
January 31st, 2010
hanyan
继续阅读…
Tags: GUI, UCD, UI设计
November 19th, 2009
hanyan
去年的GUI练习了，现在看来有许多不成熟的地方，一些功能的设计，表现手法上面都受到当时自身状态的限制，不过我会努力的，争取把UI做好。在12月底把今年的GUI作品整理好，再发出来，作为对一年的总结。
继续阅读…
Tags: GUI, ui, 手机UI
November 9th, 2009
hanyan
对手持移动设备中媒体播放器的一点遐想
在不远的将来，手持移动设备中的媒体播放器会是什么样子的呢？这是一一最近思考的一个问题。
大学的物理课上，热力学老师说了一句意味深长的话：“未来的世界是银子的”，那是一个沉闷的下午，所有人都无精打彩的耷拉着脑袋。一一无聊地望着窗外，搞乐队的学长邀请他晚上去观看他们的演出。一一对演出不感兴趣，学长写的词实在太烂了，用隔壁老奶奶的话说：“那简直就是狗屎”，这位老奶奶一辈子没说过粗话，可到了晚年听到学长的歌也忍不住骂人了。一一只对来观看演出的女生感兴趣，这是一个恋爱的季节，孤独的人是可耻的，一一记得这首歌。
同样是一个沉闷的下午，一一坐在公司的电脑前，同样的无精打彩，他已经设计了几款手机音乐播放器的界面，可他还得继续设计，用客户的话说：“那简直就是狗屎”，一一不明白那些人都为什么总喜欢骂狗屎，看看这个城市，看看脚下。的确，一一就经常踩到狗屎，在公园里，牵着女孩的手，那女孩“啊呀”一声跳将起来，如你所知，一一又踩到狗屎了。一一有点生气了，要知道他可不是一个会轻意生气的人，那些客户的要求实在太无理了。他随手从抽屉里拿出一包大蒜，津津有味地吃了起来。吃大蒜的习惯是在那个沉闷的下午，那节物理课上养成的。热力学老师看到大家都在云游九天，从包里拿出一大袋大蒜，分给同学们，一会教室里就充满了大蒜味，大家都精神抖擞。现在在办公室里，一一依然非常享受这个时刻，每当他吃大蒜时，同学们的咳嗽声就充斥着整个办公室，此起彼伏，令人好不快活。 继续阅读…
Tags: 3G, ui, 媒体播放器, 手持移动设备, 移动互联网
October 27th, 2009
hanyan
Previous Posts
