夏日要到了，酷热的天气，灿烂的阳光，想在夏日里获得众人的目光和赞美，快试试小白介绍的几招，一起打造清爽的夏日装，让在一切更加舒服，有活力。
嗯…咳咳。这是说视觉界面上设计的事，无论是web、移动或客户端，要想视觉更加清爽下面的建议都会有帮助的。

1.让布局更有空间感

脱掉！嗯…对的…
要想清爽，就得把身上多余的衣物，一层一层的脱掉！
在一个有限的空间里塞满大量的元素和信息，就算设计再华丽，信息再精彩，焦点还是无法长期停留在该空间。对于信息量丰富的界面，要想视觉清爽，空间感显得有为重要，这包括：主次信息之间的比例，各个信息模块之间的距离，单个模块里信息的间距。

2.使用简单的几何元素

曲线！嗯…也不完全这样理解…
脱掉厚重的衣物，身体的线条自然会显现出来，但想吸引更多的目光，那就得把线条练得好点。
在界面中使用简单几何元素做点缀或分割，有助于视觉焦点迅速寻找主要内容，便于信息的传达。
几何元素在人的思绪中是一种没有滞碍的概念，往往传达出干净有力，目的明确的态度和姿态，这最符合清爽的氛围。

3.留白和采用浅色系的邻近色

夏日，海滩上，鲜艳的色彩的确是夺目的主角。
但作为日常着装，那样的色彩就不耐看了，而简单浅色系则显得干净舒服。
色彩在界面的作用是营造体验氛围，为的是更好的突显内容，尽量减小使用中的干扰，建议太强烈的色彩不适于在以大量信息为主题的常用界面设计中。
适合营造氛围的邻近色特点是，层次丰富、活泼，既保持了统一的优点，却没单调、呆板的缺点。而浅色系的色彩与白色相搭配显得界面单纯、柔和、谐调，却有优雅、微妙的色感。

以上是小白的小小建议，愿你在设计界面时，希望界面清爽的时会有所帮助。

(via:http://uedc.163.com/5394.html)

MT 主机的合租邻居 mg12 现在在阿里巴巴的 UED 团队, 好像混得不错, 最近喊着闹着要招人了, 在这帮发个招聘文章, 欢迎推荐和自荐.

工作地点: 杭州阿里巴巴总部
产品类型: 电子商务网站 (国际站)
招聘职位: 交互设计师, 视觉设计师, 前端工程师, 用户研究员

招聘详情请访问以下页面:
阿里巴巴国际站 UED 招聘网站

或者看我这了转載的信息

交互设计师：

• 了解商业需求，给出产品的原型设计方案，并保证其基本的可用性
• 通过分析和讨论，用户研究，不断改进产品原型的设计
• 分析商业需求和技术可行性，在有限的项目资源内，给出双赢的解决方案
• 通过设计，解决项目实施过程中可能出现的界面问题，确保最终的用户体验

前端工程师：

• 规划网站的样式结构
• 制定网站表现层规范
• 通过文档、分享等各种形式，帮助其他团队成员产出高质量的交付物
• 探索和开发一流的表现层解决方案，为网站和 UED 团队的目标作出贡献
• 探索 WEB 标准在阿里巴巴网站中的最佳实践，并且推广和执行这些最佳实践

用户研究员：

• 理解设计方案中的问题，并由此给出用户研究方案
• 发现方案设计中的问题，通过各种用户研究来论证
• 通过访谈、调研、数据挖掘等手段，发掘网站现存的问题，并有能力刨深根源
• 总结各类用户问题，给设计提出建议，并协助来论证设计结果

简历请至:
ke.suk@alibaba-inc.com (附件需小于 10MB)

点这里查看更多职位

2019 年计算机的应用会变成什么样子？微软告诉你。

这个就有点像 微软的那个 Surface 电脑了，呵呵。视频在这里

这个视频里面展示的技术有 电子纸、电子墨水、微型投影仪、微型摄像机、还有那个印度小子展示的那个技术。

据我所知这些技术大多都在实验室里面出现了的，有部分已经在面世了。这些技术要全部投放到市场只是一个时间问题了。希望 到 2019 年真的会像微软描述的这样。

附两张投影的身体上面的操作界面图：

MIT的印度天才Pranav Mistry搞了很多新玩意。虽然有一些类似的见过。但是他把世界和数字相互融合在一起的想法还是很棒的！创意不能有束缚。我们需要out of box.

以下是一段视频，长达13分52秒。但是，我相信你一定不会错过任何一秒。哪怕是它有关于科技，演讲人有浓重的印度口音，但是它如此贴近我们的生活，如此关怀人性，努力把人从“机器前的机器”里解放出来，以至于你会目不转睛地看完这段实况，而且遐想翩翩，愿意努力活到22世纪。

如果说，Windows系统的图形化界面把人们从Dos系统下解放出来，用更符合直觉和人性的方法让人们对电脑进行操作是一次新技术的跨越的话，那么视频里这套Prarnav Mistry提供的第六感（Sixth Sense)装置，则是另外一次意义更为深远的腾跃。和它相比，目前甚嚣尘上的所谓“物流网”，只是这个新技术的小小注脚，无论在深度还是广度上，都无法与之比拟。 网络和电脑技术，终于使得数字世界和现实世界全面融合，人类升级为真正意义上的数位人！新时代就要开始了！

(via)

这次是用 AS3.0 重写了上次的那个播放器. Demo 在这里

不过不准备添加播放拖动控制了, 原本设计这个的时候就是这样规划的. 视频是按比例缩放来适应播放器的, 再插入播放器代码的时候就不用指定宽度和高度了.

这个播放器准备集成到主题里面了. 不过呢, 还要调整一下就可以拿出来了.

与上次写个 Ubuntu 9.10的启动界面文章，相比之下我还是喜欢 Fedora 12 的启动界面，看起来比 Ubuntu清爽很多。

LiveCD 的 Grub 引导菜单

启动界面

安装后第一次启动的欢迎界面

用户登录

桌面

重新启动

关机

个人认为 Fedora 比 Ubuntu 好的就是默认界面好看，然后就是默认支持 rpm 的软件包。红帽子社区的技术支持，不好的就是软件安装没有 Ubuntu 方便。

Fedora 12 为关机和重启定制了图形界面，虽然现在这个算是个雏形了，在重启和关机的过程中比 Ubuntu 的关机画面显示后还要提示一堆关闭信息要好得多了。

我已经很久没有用 Linux 了，如果非要是让我在这两个之间选一个来用的话我还是会选 Fedora 的，原因很简单 Redhat 的 Fans。

前几天就把 Ubuntu 9.10 下好了。 昨天才在虚拟机里装上感觉唯一有点改变的就是这个启动画面了。其他的还是那么难看。

启动加载：

这个画面在启动时有个呼吸的效果，感觉像是 MacBook 在休眠时候的那个电源指示灯一样。

用户登录：

用户登录后的加载：

这几天收到一个 Google Wave 的邀请邮件，有机会试用这个Google推出的这个将 email 和即时通讯有机结合起来的服务。

Google Wave 简单来说，Wave就像是Email电子邮件和IM即时通讯，wiki，在线聊天，社会网络，项目管理等功能的集成。

Google Wave用了一下觉得界面做的不错。

界面如下：

不过自己得到这个邀请的时候发现自己发布了邀请了。也许 Google 的邀请发放名额用完了。嗨等下次了。据说在年底将会公开这个服务的。

Live Mesh是微软花费两年多时间打造的（Synchronize）同步服务，Live Mesh旨在将不同设备（手机，电脑，网络）间的文件、设置、各种应用进行同步。

我用自己的 Live ID 登录上去试用了一把。我感觉得这个做的还不错，和 MobileMe 有得一拼。

Live Mesh 目前的容量是 5G 的空间，而且是免费的。不过不知道等正式版出来后微软会不会收费了。

我自己已经在开始使用了。它的客服端可以在 PC 、Mac 和手机上使用。

Windows 端的界面：

Web 端的界面：

Mac 端的界面：

我自己没有 WM 的手机，手机的就抓不到图了。

Live Mesh的客服端在运行后会把你网盘上的文件夹映射在本地硬盘上。然后就可以当成是一个本地的文件夹来操作了。这点和 Mobile Me 类似。不过 Mobile Me 是映射为一个硬盘驱动器的而不是文件夹形式。

如图：

现在我基本上就通过这个东西来在不同的电脑上同步数据了。但是我还是想要 Mobile Me。

PS:最后还要说一下，目前Live Mesh已经向所有美国用户开放，只需要将你的Profile里面的国家改为美国即可登入体验了。

网站地址：https://www.mesh.com/

手机访问地址:https://m.mesh.com/

最近在公司做一些软件，然后BOSS 提了一些问题和建议让我感到有些意外。本来我在设计东西的时候都是把自己放在用户的角度去设计的，结果发现自己的角度设计出来的东西还是让用户使用起来过于复杂了些。不过值得庆幸的是这个BOSS 不是程序出生的。不过这也是从事这行几年来的感受：程序出生的BOSS 会有习惯性的程序思维重视功能而不重视易用性的问题。而非程序出生的则是注重好不好用。好了不说这些了。

先说网页方面。对于字体，我自己感觉就是用系统自带的字体来做为网页的字体就是最好的兼容方式。因为基本上都是通用的字体了比如：Arial, Geneva, Arial, Verdana, sans-serif 。而且这些字体几乎所有的系统上都是自带了的。然后在页面的编写时也请用这些字体，好保持设计的一致。要是你非要用其他字体做默认字体那我也那你没法。

我经历的一个案例是：我和一个朋友一起去见一个客户，给那个客户看到了成品的网页和设计稿上的字体不同。这也不能怪我那个同事，这是他做的设计。不过他用的字体是微软雅黑，而客户那没有装微软雅黑，导致客户的反感，然后就因为是成品的网页和设计的不一致而不买账。不过即使那个客户是个SB 也无所谓。其实客户在乎的是一致性，做出来的要和看到效果图一样，那他才会满意。微软雅黑这个字体是不错，但是普及率很低，一般人都是用Vista 才会用到这个字体。使用这个字体的意图是很好的，但是没有考虑到字体通用性。

网页的分辨率也是一个问题，现在基本都是 1024*768的了，设计的时候还是要以 1008*600为基准来设计。宽屏的分辨率也是这样，考虑到阅读的习惯我建议网页的页面宽度都固定宽度，不用去自适应了。因为宽屏不是用来阅读的。曾经在800*600为主流时，页面宽度大都以770或780px为标准；在1024*768为主流时，页面宽度大都以950或960px为标准。当时准则很简单，首页固定宽度，因为版面容易控制；内文页自适应宽度，因为可以让更大屏幕（主要是1024*768）用户单屏看到更多内容。还有就是浏览型的网站尽量别用三栏，三栏太难设计，一个合理的页面不需要一下子摆出来那么多内容。

而我现在用的显示器都是16：10的宽屏。我现在都不用去最大化窗口来浏览网页了。感觉没那个必要了。我习惯把窗口拖大到 1024×700 左右的窗口大小来浏览网页。不过宽屏还是用来看电影最舒服了。

软件界面在设计方面主要就是质感的表现，图标栏目。具体的来说这是简单的也是很难的。简单来说就是渐变＋纹理来体现质感。困难的来说就是质感的应用要配合你所设计的风格。光靠渐变也可以不过有时没有纹理来点缀也是不行的，反而质感会大打折扣。要说这个的参考那就是多去看看一些设计的好的软件界面了。还有就是图标，一个好的图标会起到画龙点睛的作用。图标可以用简单的线条来构成。也可用写实风格。不过要配合你设计的界面的风格那才更好。

软件界面在色彩方面的搭配就去看看常见的软件的配色吧，我比较推荐去参考一些出名的软件的配色。其它的没有什么好说的主要是看个人的对色彩感觉和灰度的应用了。比如我就喜欢用蓝紫黑这些颜色。最后就是要找个搭调而且耐看的配色那就是最好的了。

软件除了这方面以外就要在意用户体验了。用户体验这个我就不多去说了。简单来说就是 用词要简单明了。比如我最近的一个项目里面的一个处理邮件接收的弹出对话框标题，程序给的名字是“收邮件头”。结果 公司里面有部分人看到后就不明白。最后改成 “读取邮件列表”。

用户体验除了这个还要在乎用户的操作习惯，按钮的摆放位置等等一些细节的东西。有时用文字比图标表达意思来的更快跟明确。

好了就说这些了。详细参考资料如下：

• 网页用多宽才更合适？
• 宽屏不是用来阅读的
• 宽屏幕下的 Web 设计

以下阅读资源我就只给出地址了。自己复制到地址栏去查看吧。

• http://www.uitimes.com/2006-10/2006102902228.htm
• http://www.uirss.com/Modules/28_83.asp
• http://www.uirss.com/Modules/27_44.asp
• http://www.uirss.com/Modules/28_85.asp
• http://www.uirss.com/Modules/28_67.asp
• http://www.uirss.com/Modules/28_49.asp
• http://www.uirss.com/Modules/28_47.asp
• http://www.uirss.com/Modules/28_38.asp
• http://www.uirss.com/Modules/28_36.asp
• http://www.uirss.com/Modules/28_32.asp
• http://www.uirss.com/Modules/28_33.asp
• http://www.uirss.com/Modules/28_30.asp
• http://www.uirss.com/Modules/28_29.asp
• http://www.uirss.com/Modules/28_20.asp