UI设计在中国的发展道路

UI界面设计在中国属于新新名词,听到过的人少了解它的就更少,即使有所耳闻国内对UI设计的理解也还停留在美术设计方面,认为UI的工作只是描边画线,缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术,而UI仅仅是次要的辅助,这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现,只是UI设计发展的一个必经过程。我们以物质产品手机行业为例,当手机刚刚进入市场的时候不但价格贵的惊人,而且除了通话以外没有什么其他功能。由于当时的主导是技术,所以大家都把精力放在信号、待机时间、寿命等方面,对于产品的造型,使用的合理性很少关心。事过境迁,如今技术已经完全的达到用户的需求,于是商家为了创造卖点,提高争力,非常重视产品的外观设计,除此之外还频频推出短信,彩屏,和铉,彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制,编码设计成为软件开发的代名词,美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视,实际上这个时期的软件叫作软件程序,而不是软件产品。
  现今随着计算机硬件的飞速发展,过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了,例如金山公司的影霸、词霸、毒霸、网标,由于重视UI的开发与地位,才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试,将易用与美观相结合,推出的双模式电脑、幸福系列等成功UI范例,为联想赢得全球消费 PC第三的称号等等、等等.实践证明,各商家只要在产品美观和易用设计方面很小投入,将会有很大产出。其投入产出比,要比在功能领先性开发上的投入大得多。
  我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距,如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制,软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。
  目前国内各院校还没有设立相对健全的UI设计专业,所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站,介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等,但是UI设计一直没有受到应有的关注,仅仅被放在数码设计或者平面网页设计的一个栏目里,这仅有的资源对培养优秀的设计师是不够的,必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI设计师们的需求。
 

手机软件界面设计的创新设计

选择一款手机时,手机界面设计也是消费者所在乎的设计之一。很多人或许认为手机UI设计并不重要,只要手机外观好就行,但是事实并不是如此。手机的界面设计虽然有很强的设计规范性,这些设计规范约束着我们的设计,但是,它同样的需要有创新与玩味存在来吸引人。

手机软件界面设计规范


       一、界面设计的原则
手机软件界面是置身于手机操作系统中的人机交互的窗口,设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计,界面设计师首先应对手机的系统性能有所了解,例如:手机所支持的最多色彩数量、手机所支持的图像格式,其次应该对软件的功能详细了解熟悉每个模块的应用模式。从而做到最大限度的利用现有资源进行用户界面的开发。

二、定制界面版式

a)界面构成的基本单位
软件界面的构成在其界面所辖范围往往会被分为几个标准的信息区域:
标题区、主信息操作区、公共导航区、

标题区:主要是软件LOGO、软件版本、以及相关图文信息。
功能操作区:它是软件的核心部分,也是版面上面积最宽的部分。
公共导航区:它是对软件操作进行宏观操控的区域,随时可见,在这里它可以保存当前操作结果、切换当前操作模块、退出软件系统,实现对软件的灵活操控。

界面版式的设定,在很大程度上需要借鉴相关手机系统界面的版式,以确保样式的相对统一,利于系统与软件的整合。当然也要考虑软件本身的应用特性,结合操作的可用性和可实施性,对版式进行合理的调整,使呈现信息的区域与区域之间协调统一,主次得当。确保用户可以方便快捷地进行功能操作。

b)界面元素的分解与组合
界面的版式构成依赖于界面的点线面的构成,手机软件由于自身运行环境小,那就决定了必须控制自身的大小。因此我们的界面图形必须根据需要进行切分,能够用程序实现的效果尽量用程序实现,如单色的线和面。复杂的图标就保留用图片方式来呈现,因此我们在界面版式的设计稿完成后,必须和程序员进行密切的沟通,对需要分解的图形元素进行分解后优化,然后交付程序员进行版式的第二次组合。
严格来说我们需要提交几个部分的东西:
1、界面三个信息区的图形切片(标题区:Title01、Title02、…主信息操作区:其命名可根据不同栏目主信息区为标准,如:电子地图主信息操作区,map_main01、map_main02…公共导航区:mapbar01、mapbar02…)744
741741742、提供相关bgcolor的16进制色值及配色方案。
3、提供数据准确的界面版式分割图及关键切片的坐标位置图示(根据程序员提供的坐标定位规则来确定图形切片的位置)

三、视觉效果
彩屏手机界面的视觉效果,应该遵循给用户舒适、生机与活力的原则,通过视觉感官的刺激,增加用户的亲和力,适应不同用户的不同心理特征。

1)简约明快型(适合色彩支持数量较少的彩屏手机)
基于大块颜色和线条组合的构成方式,不乏大气、简约且精到、精彩。点线面基本元素的形状构成结合色彩的纯净搭配,干净利落,给用户的操作带来轻松的感受。

在设计的过程中基于上述风格设计的思路,在视觉效果的设计上需要参考如下方法:
a、 结合界面图形设计的隐喻性,图标图形尽量使用简洁的平面图形,尽量使用像素化的表现形式。
b、 展现图形界面的精到之处,合理的使用线条和色彩渐变,以确保细节的完美体现。
c、 把握界面整体色调的同时注意在图标和线条的色彩配置上下功夫,以活跃整个画面,避免整个界面色彩单一,黯淡无光.


2) 趣味与独创型
       手机界面设计中的趣味性,主要是指形式的情趣。这是一种活泼性的版面视觉语言。如果版面本无多少精彩的内容,就要靠制造趣味取胜,这也是在构思中调动了艺术手段所起的作用。版面充满趣味性,使传媒信息如虎添翼,起到了画龙点睛的传神功力,从而更吸引人,打动人。在手机界面设计中,可以考虑使用个性的图标或者有趣味性的版面造型等手法去表现界面的趣味性。独创性原则实质上是突出个性化特征的原则。鲜明的个性,是排版设计的创意灵魂。试想,一个版面多是单一化与概念化的大同小异,人云亦云,可想而知,它的记忆度有多少?更谈不上出奇制胜。因此,要敢于思考,敢于别出心裁,敢于独树一帜,在排版设计中多一点个性而少一些共性,多一点独创性而少一点一般性,才能羸得消费者的青睐。


3) 高贵华丽型(适合支持色彩数量较多的彩屏手机,最好支持带8位Alpha通道的png透明图)

      基于饱和的色彩和华丽的质感,塑造超酷、超眩的视觉感受,利用羽化了的像素对图形图像进行仿真设计,不仅塑造界面色彩、形状,还进一步在元素的质感和体积感上下功夫。给用户一种高贵华丽的视觉享受。

在设计的过程中基于上述风格设计的思路,在视觉效果的设计上需要参考如下方法:
a、 塑造界面的体积感和质感,根据需要表现透明、半透明、粗燥、光滑等不同的视觉效果。
b、 图标的制作中尽量避免生硬的边缘轮廓,提倡渐变、羽化加强图形的仿真性能,使设计更加趋于人性化。
c、 考虑界面的整体色调,最好使用邻近色或同类色进行色彩构成,采用色彩的弱对比,因为界面图形本身就结合了体积感和质感的塑造,如果整体色调对比太强,很容易给用户造成眼睛疲劳。

四、视觉元素的设计

图形元素设计原则:
风格统一、简洁、直观、隐喻、

图形元素设计流程:
确定风格——确定图标的功能——确定图标的造型——进行制作

1. 确定风格:就是根据界面的总体风格的策划思路,结合界面其他元素的需要,对图标的整体风格进行考虑,以保证图标和整体效果的融合。

2. 确定图标功能:在设计图形之前这一点显得特别重要,我们设计图标的目的是实用又美观,也就是说要考虑图标的隐喻性,他代表的意思必须是用户可知的、熟知的。所以图标的功能是我们进行图标造型设计的标准和依托。

3. 确定图标的造型:确定造型的方法多种多样,只要不违背图标表达的主题。图标的造型设计我们提倡原创,先用illustrator进行绘制,然后photoshop做图标设计的后期效果处理。所有界面上同级、同类的图标我们还要保证表现形式的统一,避免用户视觉上的紊乱。

4. 进行界面设计制作:利用photoshop中最好多采用路径工具进行绘制界面图形元素(以方便后期的版本定制),根据总体风格对图标和界面细节进行细节美化。转换成程序所需要的相应格式。

        手机软件界面设计在界面设计领域是一项新兴的设计领地,在相对狭小的版面我们要设计出精美实用的界面,需要我们界面设计人员在象素化的图形世界需找更多的细节表现。在制作过程中更需要我们深入了解手机及其相关软件,密切地和程序员沟通、交流共同打造这片新土地。


       在遵循手机软件界面设计规范的基础上,符合用户操作习惯的基础上,增加界面设计的趣味性十分重要。目前国内手机界面设计的趣味性不强。感觉大多数手机界面设计师做的大多数界面过于程式化,图标也缺乏原创和新意。

 

UI设计师工作详析

 说起产品UI设计通常的认识就是“图形界面的设计”而产品的交互设计往往被忽略!一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西,也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心,要远远大于他对底层到底用什么样的代码去实现的关心。如果说程序是一个人的肌肉和骨骼,那么UI设计就是人的外貌和品格!都是一个成功软件产品必不可少的重要组成部分!对我而言程序懂得不多所以只是从UI设计与软件产品整体的关系和如何才能使软件产品得到最佳的UI设计角度来谈。

    现在我们的软件产品存在的一些问题有技术方面的问题,但是更多的问题来源于各个部门、各个项目小组的之间的配合。我们现有的开发流程一般都是由市场部门提出客户需求,产品设计人员提出产品设计报告,开发部门设计开发计划,由各个小组分别开发一个模块,最后整合成为一个完整的软件产品。在这些流程之间UI设计应该参与那一个部分,每一个部分应该做到什么地步才可以使产品得到最好的UI设计效果呢?下面我们会在每一个部分具体分析。

    首先分析一下现在的问题所在,在一些软件业比较发达的国家软件产品的UI设计过程贯穿了软件开发的自始至终,而且是必不可少的。而在中国产品UI设计并没有被广泛接受,就算是已经有了UI设计师的一些企业也没有对产品的UI有着足够的重视,一般来讲他们大都会把重点放在如何使用代码实现所需要的功能,在我看来这只是一个成功软件产品的一个部分。一个优秀软件产品的开发过程应该是由四个部分组成:
1.软件产品的设计(业务建模)
2.系统的设计(技术建模)
3.分单元的开发(把软件各个部分拆分分单元编写代码)
4.测试(分为单元测试、系统集成测试和产品功能测试),这些是由软件研发部门做的工作。
除去以上软件开发过程的四个部分还有用户需求和用户验收测试,这两个过程是由市场部门和产品用户一起完成。所以说用代码实现产品功能(coding过程)只是软件开发的一个步骤。现在我们回到UI设计的角度来看,作为UI设计人员我们需要全程参与到软件开发过程中,而不只是在某一个步骤参与,现在在大多数软件企业里UI设计师只是在产品的coding过程的时候才实质性的参与到软件开发过程里,而在其它几个步骤里只是参加甚至根本没有参加(在这里我要强调“参与”和“参加”是两个词的不同概念,“参与”指的是完全加入到开发行列开始进入设计阶段,而“参加”指的只是旁听会议或者提出一些简单的意见并没有开始进入设计阶段),这样就会大大降低软件产品的开发效率使开发成本成倍上升甚至导致整个产品的不成功!

 

Talby手机简约风UI设计

为日本知名Talby品牌手机设计UI界面的是东京的设计师Brendon Smale。

这款手机的界面设计风格极为简约,干净而又富有现代感的设计受到了日本年轻人的推崇与欣赏。在UI设计图中,我们还可以看到界面设计师使用了网格化的构图设计。这样的网格化设计可以使界面更专业及规范,这样的排列也更具有美感,可以说是很关键的设计步骤。

轻薄的TALBY手机以银灰色界面来表现其金属科技感,“简单,洁净,现代”为主导设计思想,绝对在在当前沉闷的手机UI界面设计中开辟出一条新路。

Read more...
 

软件界面设计的窗口层次结构图设计

除非开发人员知道软件的窗口结构,否则无法确定是遵守还是违反了两层深度的规则,而知道窗口结构的办法通常是将其表现为图形或大纲。许多开发人员并不这样做,结果导致很想很的层次设计。我们应该将创建和维护窗口层次结构的表示作为设计过程的一部分,这些结构也可以在用户的文档中使用。

在构造口结构层次的表示时,可以忽略选择器和错误对话框。在结构图或大纲中包括他们是一种累赘。如果应用程序的窗口太深,要把一些设置分散到单独的窗口上。一些GUI使用额外的窗口来提供渐进式的显示,将细节隐藏起来,直到用户要求查看它们。在这种情况下,一种替代方案是使用一个细节面板而不是单独的窗口。

一些对话框提供的功能十分简单,这种对话框的出现很可能不会分散用户的注意力或者是误导用户。因此,这种对话框不受深度的限制。

另一类在计算对话框层数的时候不应该包括在内的是错误信息,它只接受一种应答,即用户看到了这条消息,。像选择器一样,将简单的错误对话框排除在外的原因是它们并没有给应用程序增加实际的导航位置,因而也就没有显著的增加应用程序中导航的复杂性。

 

网页UI界面设计的排版准则

网页界面设计中图形设计和布局是UI设计的灵魂所在。

很多人家应用程序和Web站点显示的文本字体过小。小字体的主要问题是一些视力不好的用户无法阅读。这些人包括了45岁以上的大多数人群,但是随着社会的发展,熟悉上网的45岁以上人群逐渐增多了,字体大小的问题应该得到UI设计师的注意。所以当应用程序上的字体太小,而用户又无法自行调节字体大小时,即使在页面上放上再多的产品信息,用户都不会选择阅读。要留有可调节字体的空间给我们的用户。

影响字体大小与排版的因素有两个,一个是屏幕分辨率一个就是显示器的大小了。优秀的UI设计师会告诉你,分辨率越高,给定字体大小的文字就越小。而文笔的显示大小取决于用户的观看距离,并且在设定字号时,永远不要使用小于10磅的字体,为了安全起见,12磅的字体比较合适。

但是我们也要考虑到当用户自行增大字体时,会破坏了页面的格局排版,所以要考虑到页面的预留位置。

 

忽略用户的注意力是GUI设计师的大忌

一个优秀的GUI设计师会利用人类感知模式的特点来促使用户将注意力集中在页面的主要信息上。而业余的GUI设计师很有可能会将用户的注意力分散到不重要的页面上去。

有几种常见的设计错误,致使用户总是忽略重要的内容。
第一个是重要信息显示的太小。在一个普通的电脑屏幕中,如果显示的信息过小,而它又没有其他的变化,那么用户将很难注意到这些重要的信息。有一些软件的制作的办公室应用程序中,数据输入和结果字段看起来是基本相同的,也没有使用字体的高亮来引起用户的注意,这样的设计是十分不注重用户体验的。

另外一点使用户忽视信息的设计是:状态指示器和其他重要信息出现在用户的视线外,这样也容易被忽略。用户习惯的的视觉中心只有一小块面积,所以当静态页面出现在用户面前时,不是中心位置出现的信息就又会被忽略了。

此外,当重要信息淹没在一大堆类似的信息中时,用户也会忽视了。

 


Page 1 of 6
  服务地区:上海 江苏 浙江 安徽 山东 福建 广东 江西 杭州 苏州 北京 深圳 广州 天津 大连 无锡 香港 台湾 新加坡 日本 美国 英国 法国 德国 意大利  
 
导航: 多媒体设计开发   软件界面设计   手机界面设计   网站设计   图标设计   VI设计   角色及短片设计