青岛设计网标志 搜艺招聘
   Guest:  登陆 | 注册 | 网站首页 | 论坛首页 | 我的贴子 | 修改资料 | 留言板 | | 论坛帮助  | 论坛首页  

  论坛首页   GUI交互式界面与设计  软件界面设计要素

[公告]快到[搜艺招聘网]发布招聘信息 注册简历、发布自己作品! :)  
软件界面设计要素  
    冥隼

查看冥隼的博客


金钱: 2057
Level: 0
发帖数: 274
最后登陆: 2009/7/11
注册时间: 2007/2/3


[鍜界値鍚冧粈涔堣嵂]姣忓ぉ娉2琚嬶紝鍧氭寔30澶╋紝鍜界値濂藉鍒
信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除

软件界面设计要素

界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。具体包括软件启动封面设计,软件框架设计,按钮设计,面板设计,菜单设计,标签设计,图标设计,滚动条及状态栏设计,安装过程设计,包装及商品化。

在设计的过程中有较多注意的关键问题,以下列出几点:

(1)软件启动封面设计

应使软件启动封面最终为高清晰度的图像,如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式,并且对选用的色彩不宜超过256色,最好为216色安全色。软件启动封面大小多为主流显示器分辨率的1/6大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标,软件名称,版本号,网址,版权声明,序列号等信息,以树立软件形象,方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的,象征性强的,识别性高的,视觉传达效果好的图形,若使用摄影也应该进行数位处理,以形成该软件的个性化特征。

(2)软件框架设计

软件的框架设计就复杂得多,因为涉及软件的使用功能,应该对该软件产品的程序和使用比较了解,这就需要设计师有一定的软件跟进经验,能够快速的学习软件产品,并且在和软件产品的程序开发员及程序使用对象进行共同沟通,以设计出友好的,独特的,符合程序开发原则的软件框架。软件框架设计应该简洁明快,尽量少用无谓的装饰,应该考虑节省屏幕空间,各种分辨率的大小,缩放时的状态和原则,并且为将来设计的按钮,菜单,标签,滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配,将软件商标放在显著位置,主菜单应放在左边或上边,滚动条放在右边,状态栏放在下边,以符合视觉流程和用户使用心理。

(3)软件按钮设计

软件按钮设计应该具有交互性,即应该有3到6种状态效果:点击时状态;鼠标放在上面但未点击的状态;点击前鼠标未放在上面时的状态;点击后鼠标未放在上面时的状态;不能点击时状态;独立自动变化的状态。按钮应具备简洁的图示效果,应能够让使用者产生功能关联反应,群组内按钮应该风格统一,功能差异大的按钮应该有所区别。

(4)软件面板设计

软件面板设计应该具有缩放功能,面板应该对功能区间划分清晰,应该和对话框,弹出框等风格匹配,尽量节省空间,切换方便。

(5)菜单设计

菜单设计一般有选中状态和未选中状态,左边应为名称,右边应为快捷键,如果有下级菜单应该有下级箭头符号,不同功能区间应该用线条分割。

(6)标签设计

标签设计应该注意转角部分的变化,状态可参考按钮。

(7)图标设计

图标设计色彩不宜超过64色,大小为16x16、32x32两种,图标设计是方寸艺术,应该加以着重考虑视觉冲击力,它需要在很小的范围表现出软件的内涵,所以很多图标设计师在设计图标时使用简单的颜色,利用眼睛对色彩和网点的空间混合效果,做出了许多精彩图标。

(8)滚动条及状态栏设计

滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计,应该有上下箭头,滚动标等,有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。

(9)安装过程设计

安装过程设计主要是将软件安装的过程进行美化,包括对软件功能进行图示化。

(10)包装及商品化

最后软件产品的包装应该考虑保护好软件产品,功能的宣传融合于美观中,可以印刷部分产品介绍,产品界面设计。

WWW.MDONG.ORG



2007/5/27
信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除
回复:re:软件界面设计要素
    蜂刺蝶舞

查看蜂刺蝶舞的博客


金钱: 2242
Level: 0
发帖数: 596
最后登陆: 2007/12/24
注册时间: 2007/3/16
信息 | 留言 引用 | 回复






软件是死的,教程也是死的,但我们的心是活的,所以设计也就活了~


http://www.qingdaoui.com/l/board.asp?bID=45 ——PHOTOSPOP版面

http://www.qingdaoui.com/l/board.asp?bID=48——Illustrator/Coreldraw版面
2007/5/27
编辑 | 删除
回复:re:软件界面设计要素
    BOY

查看BOY的博客


金钱: 823
Level: 0
发帖数: 165
最后登陆: 2007/12/3
注册时间: 2004/11/8
信息 | 留言 引用 | 回复

又学到新知识了,谢谢楼主发贴

2007/5/28
编辑 | 删除
    7     [    ]     8


青岛设计网版权所有
本论坛言论纯属发表者个人意见