Mdong·s Space (小气的神) http://www.mdong.org About Mobile UI/ID, Silverlight. Thu, 05 Aug 2010 04:55:01 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 移动界面设计点滴(3)——工欲善其事,必先利其器 http://www.mdong.org/?p=1535 http://www.mdong.org/?p=1535#comments Wed, 04 Aug 2010 06:37:21 +0000 小气的神 http://www.mdong.org/?p=1535 经常有朋友问起，用什么工具做移动端的交互设计？
这是通常在接触交互设计都会碰到的问题，分享几点应用的经验。

Fireworks

从N年前做web开始就一直用Fireworks，这是一个非常高效的屏幕图像处理软件。
提供了基本的图形、钢笔工具，并可以快速的完成颜色的定制设置，布局便捷。
Fireworks是最佳的整合平台。
忘记全能的PS吧，这里你不需要瑞士军刀。

PowerPoint

对的，就是幻灯片演示。永远不要忽略工具的潜力。
PowerPoint 提供了大量的预设工具与样式，以满足基本场景的绘制，并创建不受工具限制的演示修改环境（当然PowerPoint是必备的^^）。
同样这是最优体积的解决方案。
忘记臃肿的位图工具吧，这里只有KB级别的wireframe。

Axure RP

这是真正称为专业意义上的交互设计工具。复杂到抓狂，当然我们并不是需要搞懂所有的功能。
RP即是Rapid Prototyping，快速原型。
充分利用它的自带组件，整合到Fireworks与PowerPoint里去吧。

MindManager

记住它的名字，管理好的你思维，我们不能遗忘任何一个Scenario。
在工作中保持一个窗口。
它距产品的mockup最远，却离精髓最近。

Balsamiq Mockups

值得一试的IPhone原型工具，你会发现原型的表现也可以有趣。
但只用它去做一些不正式的show吧。
它的模型不够精确、过于随意，也不对中文提供支持（或许善用工具的你会导出到Fireworks中二次处理）。

铅笔与记事本

真正热爱你的所从事的工作。
快速的记录想法随时随地，电子产品总有盲区。
拿一只顺手的铅笔，利其器，善其事。

–
最后最重要的一点——它们只是工具，核心在于独立精神驱动下的你。

RELATED POSTS

]]> http://www.mdong.org/?feed=rss2&p=1535 10 Windows Phone 7 GUI PSD & more http://www.mdong.org/?p=1565 http://www.mdong.org/?p=1565#comments Mon, 26 Jul 2010 07:32:09 +0000 小气的神 http://www.mdong.org/?p=1565

微软最近发布了 Windows Phone 7 应用界面设计的 PSD 资源，方便设计师或开发者利用 Photoshop 绘制 Windows Phone 7 应用的草稿或效果图。

整个资源包共 88 MB，包含了 28 个部分的 PSD 文件：基础控件和图标、虚拟键盘、顶部状态栏、主题颜色、Start Tiles 图标、推送提醒界面等，另外还附加了相应的字体文件。

这个确实比IPhone、Android给力啊，第三方提供的UI元素怎能与官方媲美。

下载列表

RELATED POSTS

]]> http://www.mdong.org/?feed=rss2&p=1565 0 有一年,我十七岁. http://www.mdong.org/?p=1545 http://www.mdong.org/?p=1545#comments Mon, 19 Jul 2010 12:27:55 +0000 小气的神 http://www.mdong.org/?p=1545
  • 旅者施甘霖于贫瘠征程中萎落的花朵，殊不知骄阳下孤单的生命依将凋零。
  • 深秋的晚夜，你独自一人在街区徘徊。你静静地走着，悄无声息，眼前缤纷的世界似乎也变得不同寻常。紧握手中的电话，听着对面传来慰问的话语，悄然落泪，把无限的惆怅化作偏偏诗行。夜更深了，万籁俱寂，天上的星星仿佛也忍不住闭上朦胧的睡眼。睡去吧，我的朋友……让风儿为你擦干眼泪，让风儿带走你所有的悲伤。无论你身在何处，即便远在他乡。你都永远不会孤独，总是有人为你默默祝福。坚持你的信仰，回归自我。寒心的冰霜终在无冬之夜慢慢融化。
  • 冬季召唤雪花的飘落，时光似乎飞逝依旧。是不是心中的孤独使我低声呜咽？我的心是忧愁的，如同失去伴侣，只身飞翔的哀鸠。听它寂寞之心发出的咕咕声穿过寂静的晚夜……
  • 我穿过迷茫的瞬间，我的每一次转变都是一个无法终结的起点。走向地平线，在那里，我发现了新奇，它让我感到惊讶。那时的我仿佛找到了归宿。/月亮在大海上悄然掠过，无人知晓。月亮仍在移动，波浪依在起伏。/我期待明星的祝福，如果它继续闪烁，让我足以追寻。我仰望天空，但是乌云密布，没有群星的闪光，没有船帆与猎户。/贝壳在清凉的沙滩上，聆听海风带来的传说。但是我听到的只是低沉的微语，然而我应该相信，我身处在空幻中。/在所有的思绪中解脱，让它成为隐秘的诗句。我仍然在希望中追寻，我尝试改变，找到新的起点。是的——我一直追寻。谁将成为向导，成为映像，带给我曾获的转变。
  • 一片羽毛随风飘，谁也不知道它会飘向哪里，落到谁的肩头，会有谁把它收藏，还是在尘埃中埋葬。/生活就是一盒巧克力，谁也不知道你下一个拿到的是什么味道。
  • 生自安安，死亦碌碌。包绕着人类的永远是无解的未知世界。你经历的轻风，你摘下的小花，你踏过的长街，又有谁能明白它们的本相。/万物重生的早晨，来到寂静无声的窗口，放弃无尽的需索，复归于零的时刻，人类才会得到满怀的所有。
  • 一夜/我醒了/却发现/我逃匿了/太久
  • 时钟不曾停摆，我在秒与秒的缝隙里，编织一缕迷人的梦幻。得到昙花一瞬的灿烂，凋谢却永远的苦涩。
  • 一盏明灯燃点，我擎着它走在风雨飘摇的路。
  • 昨夜，我回想起挥霍掉的往日，忽然记起你曾对我说……/繁星渐逝，迎着晨光的微笑我开始新的旅程。
  • 诺言的种子，深深扎根土中，终将发芽，破土而出。
  • 黑夜静谧，和风无言，我感觉到你的微笑在空中弥漫。
  • 我望着暴雨派来的前哨茫然伫立。我祈求知道最糟的情况，即若岁月不因往事追究沉重的心。/在道路铺就的地方，我迷失了方向，踽踽徘徊在墨墨黑夜。
  • 忽然间，我明白，我不再漂泊，音乐与文字是永恒的窝巢。纵使一切全然变质，她也不染纤尘。/我不知道它将把我引向何处，在言语的闪耀里，我蒙上了眼。
  • 我隐匿在化作谜团的夜里，错杂的苦乐被无情地掩埋。它抚平我的伤口，我报之以盲从。/呵，煎熬！与你同行是我恒久的快乐，虽然我们不过是在路途中邂逅相逢。
  • 今天微笑的花朵也许明天就会枯萎，昨日温馨的话语也许不久就要淡忘。什么是无价的快乐？它是撕夜的闪电，虽明亮，却短暂。趁明媚的蓝天下花朵鲜艳。夜晚仍未到临，时流平静，享受这一切吧！
  • 雨云的柔影淹没了世界，时光仿佛就此凝结。让雨吻你，在奏响的暮雨之曲。
  • 无端的忧伤，弥散在星辉的黯淡，晚风把清凉抹在我的脸上。
  • 纵目望去，残日坠落，余晖似在倾诉地平线的昏暝，指尖掠过泪光，融入亘古的梦境。/我零散地记着生活的点滴。就在时光转瞬即逝的间隙里，我隐约地察觉——我已不再是我。
  • 无涯的纷乱，终至悲伤，麻木，心怀积郁……无可名状的深渊……这是一个美丽的错误……/静寂的薄暮下，我凝视着天空，双手遮住双眼。
  • 你会想些什么？当仰朝暮霭凝神而视，步履匆促。
  • 让我们一起沉默……
  • 每一个人 依偎着大地的胸怀 孤寂地裸露在阳光之下 瞬息间是夜晚
  • 一张张死沉沉的纸，苍白又无声。可它们又象具有生命，倾听我杂乱的心灵。/放飞的思绪，此刻飘然不知去向。手中的笔停在半空，无从下落。
  • 无常的苦楚啊，在我迷茫之时，收起你的赠礼。/轻柔的风语，扬起常青藤的平淡。我捡起失落的记忆，世界静默无声。/暮色降临在我的心灵，在我沾满杂草的手上。蒲公英一朵朵飘散，在无涯的天际振摆。我思念那从角落里的青草，留给我最后的纯净。/每天，都是一个恶梦。
  • 周遭死一般的沉寂，星光绽放着不可捉摸的笑容。夜静的可怕……我时常怀着对它的恐惧，却渴求它的接近。
  • 我站在寒冷昏暗的天气里/在银色的雨中/葱茂的大树挤作一团/被狂风疲劳的摇动/我梦见玫瑰色的高山的紫色光晕/雨还在下着/天空阴沉使人颤栗/雨依旧在树间诉怨/**走远/但是昏暗与寒冷神出鬼没/给予美景同似的伤痛/那绝不再来
  • 月光深邃温柔/无论今夜还是往昔/泛着金色的薄雾/浮在周身/风轻扬
  • 梦消亡/生活成为折翼鸟/不能飞翔/冰雪封盖/化作不毛之地/我奔驰在轮回的悲剧/既感到徒然在希望/却仍在想/她将再次来到我身旁
  • 我们是一群骏马/奔进无垠的荒漠/在金色的拂晓/去天涯远征/我们放牧凄凉/抖落扬起的尘埃/我们放牧嘶鸣/震彻遥远的绝响/是我们的飞驰/死寂的大地重获新生/是我们的坚韧/太阳收起狰狞的笑颜/不止地眷爱/每一寸热土/睡梦中遥想/织梦的你……

    • —–05年留在她本子上的所有 & 漂泊的鸟——

    RELATED POSTS

    ]]>     http://www.mdong.org/?feed=rss2&p=1545 0     What a wonderful day http://www.mdong.org/?p=1537 http://www.mdong.org/?p=1537#comments Mon, 19 Jul 2010 11:54:34 +0000 小气的神 http://www.mdong.org/?p=1537 地点: 青岛大学本部 浩园15
    设备: Sony a300 DT50 1.8

    与青春有关的日子..

    RELATED POSTS

    ]]>     http://www.mdong.org/?feed=rss2&p=1537 2     别了 版画 http://www.mdong.org/?p=1497 http://www.mdong.org/?p=1497#comments Sun, 11 Jul 2010 10:34:06 +0000 小气的神 http://www.mdong.org/?p=1497 地点：青岛大学
    设备：Sanyo FH1

    我喜欢我的专业。

    RELATED POSTS

    ]]>     http://www.mdong.org/?feed=rss2&p=1497 2     天气图标一组 http://www.mdong.org/?p=1484 http://www.mdong.org/?p=1484#comments Wed, 07 Jul 2010 04:57:32 +0000 小气的神 http://www.mdong.org/?p=1484 weather icon show~

    Demo

    Click thumbnail to enlarge

    If the source icon, leave me your email.

    RELATED POSTS

    ]]>     http://www.mdong.org/?feed=rss2&p=1484 5     (译)拒绝庸俗UX≠UI http://www.mdong.org/?p=1468 http://www.mdong.org/?p=1468#comments Thu, 24 Jun 2010 01:58:52 +0000 小气的神 http://www.mdong.org/?p=1468 原文Developers, UX is not UI, learn that and stop trivializing!stop trivializing!
    译文拒绝庸俗UX≠UI

    在一次声称会是一个关于UX呈现的产品演示中，我却没有得到邀请。在许多示例时，开发者演示新UI控件、技术、代码并自称谈论用户体验。我要说，停止庸俗，了解事实。

    原谅我父亲，因为我犯了罪

    我有开发者的背景。我明白一些代码，所以我理解开发者的术语和整体的逻辑。我不明白的是什么时候开发者开始谈论UX（用户体验），却只不过是展示新的UI控件与一些功能。不错、整洁、非常重要、Cool，但是我要说，这不是UX。

    今天，在Twitter上，并在后来的邮件里，我收到了给一个类似“使用Silverlight4创建良好用户体验”LiveMeeting的命名邀请，在此之前，上周的微软Windays会议上 – 同样的故事 – 两个讲座，两位专注于各自领域社区的开发者展示了许多非常棒的技术并声称它们是用户体验。这是痛苦的、令人沮丧并且是明显的错误。 （我会忽略技术方面的细节，让人们不至于认为Silverlight4只是驱动Windows Phone 7设备的东西即使这里都是MVP）无论如何，谈论新的UI控件诸如RichTextBox和展示如何连接数据库的代码是简单的，但却不是UX。它可以被称为UI、UI开发、或者UI设计（部分意义上），但这不是UX。

    而这可能只是我个人的感受，根据我的印象，这种误解和庸俗化的UX更多的来自于开发者-来自诸如微软、Sun或者IBM的福音者。这些公司保持有关各方的投资和教育 – 客户与社区。好东西迄今早已完成 – 但显然需要做更多的工作要做。

    我们爱流行语（虽然我们不知道他们的意思）

    我知道UX是很Cool的口号（还有有很多，其中大多数是缩略语…），它有时是如此诱人被使用而无须真正理解其含义 – 但是，抛开事实，这会让你看起来很浅薄，因为这是绝对错误的。如果我们倾向于称自己为一个专业人士，那么我们应该扮演其中的一员 – 这意味着随时准备接受和学习新的东西，即使他们不在我们的专门知识的主要领域。如果我用*Insert_Your_Technology_Here*谈论创建新控件和UI模式，那我们称它们是UI而不是UX。

    UX的定义？

    什么是UX的呢？我不需要重新发明轮子，这里有一些热门的资源，这将有助于你理解（学习）的区别：

    1. Mashable: 10大最常见的关于用户体验设计的误区
    2. UXMastters与它们的词汇表
    3. UX的定义 By Nielsen Norman group
    4. 用户体验的要素 By Jesse James Garrett (PDF)
    5. Eric Reiss 与and FatDUX 对用户体验的定义

    一个关于这个主题的最好的文章：UX设计 VS UI开发 by UX Matters and Mike Hughes。

    至少，如果你不能帮助自己使用UX或者谈论UX（即使你知道你是在谈论UI和UI开发）那么，为您的客户和用户着想 – 实践一些UX的方法和技巧。或从UX的专业人士那里寻求帮助 – 有许多优秀、聪明和有才能的人。他们真的在做UX，而不只是谈论它。

    RELATED POSTS

    ]]>     http://www.mdong.org/?feed=rss2&p=1468 3     EVA·Q http://www.mdong.org/?p=1426 http://www.mdong.org/?p=1426#comments Tue, 08 Jun 2010 12:20:26 +0000 小气的神 http://www.mdong.org/?p=1426 Q的唯一消息来自于破的片尾预告

    还未取出零与真嗣就被冻结的EVA初号机
    被废弃的要塞都市
    被幽禁的NERV人员
    投放在主垂直沟的EVA6号机
    蓄势待发的EVA8号机及其驾驶员
    最终的集结 被命运联系在一起的少年们
    到底渴望生存的人们的故事将何去何从？

    次回 EVANGELION 新剧场版: Q

    如果我有一个愿望可以实现
    愿在你身旁入眠 无论你身处何方
    Beautiful World
    毫不犹豫的只凝视着你
    It’s only love

    RELATED POSTS

    ]]>     http://www.mdong.org/?feed=rss2&p=1426 0     移动界面设计点滴(2)——Flow大局观 http://www.mdong.org/?p=1411 http://www.mdong.org/?p=1411#comments Tue, 18 May 2010 04:55:20 +0000 小气的神 http://www.mdong.org/?p=1411 Mobile UI design tips—— the overall view of flow

    在移动设计中，我们需要完善的功能flow，对它认知的价值使得flow在整个设计开发过程中始终走在前面。完善的flow不仅令功能产品更加易用，带来良好的用户体验，与此同时，也有助于提升开发效率，不到位的flow将带来设计与开发的反复，使团队蒙受损失。

    良好的移动产品flow标准有三

    • end to end
    • 清晰
    • 整合

    所谓end to end是指功能根据需求设计需要符合所在平台的特性，完整的考虑到用户如何在任何场景下使用操作及完成任务，提供因为有效或无效操作而带来的反馈帮助信息。

    清晰是指整个设计中不会造成用户的疑惑，符合平台特性易于理解的设计。通常但凡清晰的功能，即使需要付出更多次的操作，value还是高于稍显混乱的设计，虽然后者简化了用户的操作。

    整合    ，在前一篇《移动界面设计点滴(1)——减少空间占用》的一文有所涉及，受限于移动产品的诸多条件，合理的归纳使得产品使用更为流畅。这与清晰并不矛盾，重在调和。

    下面以前些时间已经release的一个功能模块作为示例，展示如何设计一个良好的flow。

    案例简析

    功能目标：通过列表快速定位城市。

    该功能从属于Map视图，图标以形象的道路指向标示。
    在mockup中的功能主UI，显示支持的国家；
    点击任意国家进入以首字母排列的城市列表；
    点击任意城市，自动切入到Map视图并转向相应的可视地区。

    主UI左上角提供Back键，预留回退。

    在此，有两种设计思路。另一则是使用IPhone自带的Pickers控件，将国家列表横向置于上方，城市列表纵向置于UI下方。
    它的优势在于可以在一屏中解决所有的问题。
    但为了更好的使用Pickers，你需要加入更多的诸如Supported City等提示信息以区分两个Pickers，以及顶部的Done Cancel按钮，以完善flow。
    这使得用户需要更多的时间来熟悉操作，这不是我们想要看到的。

    –

    站在用户的高度，你将更理解设计。

    RELATED POSTS

    ]]>     http://www.mdong.org/?feed=rss2&p=1411 0     MobileView007 Logo Design http://www.mdong.org/?p=1393 http://www.mdong.org/?p=1393#comments Tue, 27 Apr 2010 01:28:39 +0000 小气的神 http://www.mdong.org/?p=1393

    MView007.com
    Your eye to the mobile future

    某移动领域公司旗下,专注移动市场的行情资讯站点,已上线试运行.

    Logo候选方案

    可跟随时间变化的Header

    Enjoy your mobile~

    RELATED POSTS

    ]]>     http://www.mdong.org/?feed=rss2&p=1393 2