QT中UI设计方略

在近期对产品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的设计是很不错的,值得多借鉴.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!