嵌入式产品UI设计注意事项

转载时请注明出处和作者联系方式：http://blog.csdn.net/mimepp

作者联系方式：YU TAO <yut616 at sohu dot com>

在近期对产品UI的更新换代中, 有一些关于嵌入式产品UI设计的体会, 在这里记录一下, 希望可以给大家一个思路.

现代的UI产品设计一般都会体现简洁, 明快, 用户体验感觉好等. 这就对UI的设计提出了比较高的要求.

1. UI design review

在UI 设计初期, 一方面是UI布局要做到简洁,方便, 另一方面, source code engineer也需要review UI layout,看是否能在代码中实现. 经过来回几次的review,最终得到一个都能接受的结果. 这个结果在后续的实现中, 需要做到不再修改大的flow, 只做小的局部的调整.

2. PNG

在 设计中为了得到一些半透明等的效果, 它会给人很炫,很酷的感觉, 最好都使用PNG文件来作为贴图. 如一些小的播放状态图标. PNG文件本身可以使用alpha值来做到半透明. jpg/gif这些无法做到原始的图片文件就是半透明, 只能在代码中使用指定的transparent值来固定设置,很不灵活.

3. 多使用list列表来做选择项目

在设计中, 可以完全避免使用类似combox这样复杂的控件, 你宁可多用几行文字来列出可以选择的选项, 也比combox来得直观方便.

最多可以用radio button这样的按钮来处理二选一的情况.

4. 每个页上, 不要放过多的内容, 这样会让用户觉得更好理解,更好操作.

5. 完全可以用full-screen的对话框来代替pop up对话框.

弹出框会给人一个很突兀的感觉

6. 可以用UI软键盘来基本代替遥控器输入, 避免用户低头在黑暗中摸着遥控器找按键.左右上下/OK键应该就能基本完成操作了.

7. 按钮的风格应该使用image + text的方式. 即将text迭加在image上, 这样有利于支持多国语言, 这样button的底图可以不用换. 否则的话, 将是一件痛苦的事情.

在很多方面iTV的设计是很不错的,值得多借鉴.