求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
  
 
 
     
   
分享到
UI设计新模式——基于PSD主题库的设计方法
 

作者:uipower,发布于2012-1-6

 

随着社会的进步,生活水平的不断提高,人们对生活质量和感官感受有了更高层次的要求。体现在IT领域中我们可以发现人们更喜爱用户体验良好,视觉效果优秀的软件产品。在手机平台上,拥有全新用户操作感受和UI视觉效果的Android系统,iPhone系统得到了更多用户的喜爱,PC平台上各大软件厂商纷纷推出如Win7,QQ概念版,迅雷7等等这样一些具有更绚丽外观效果和个性外十足的软件产品,软件用户对使用感受和视觉效果有了更层次的要求。

对于如今的软件开发商来说如何提升自己产品的UI效果和高效能地更新产品UI系统,并稳定地将产品发布出去成为各自需要面对的问题。优秀的UI设计效果主要依赖于优秀的UI设计师,而优秀的UI设计师出了个人的天赋外还需要长期的设计项目积累。所以我们发现市场是好的UI设计师资源是相当缺乏的。导致的结果是众多软件厂商无法找到合适的UI设计师来协助自己提升产品的UI效果,即是从头培养一个UI设计师也需要投入相当长的时间。并且大部分软件开发商没有自己的UI设计团队,而培养一支优秀UI设计队伍对于这些企业来说代价高昂。因此如何提升UI设计能力成为如今各大软件开发商需要面对的问题,基于这种现状一种新的软件UI设计开发模式将可以解决此问题,即 “基于PSD主题的UI设计模式”。

两种设计开发模式的开发时间对比

传统UI设计模式 一般项目开发时间
交互设计 5个工作日
视觉设计 20个工作日
图片切图 2个工作日
界面皮肤制作 5个工作日
总计 32个工作
基于DirectUI的PSD主题库设计模式 一般项目开发时间
交互设计 5个工作日
选择创意进行界面皮肤制作 5个工作日
视觉设计修正 2个工作日
总计 12个工作日

达到同样产品UI效果两种设计开发模式的人员投入对比

  人员投入需求
基于DirectUI的PSD主题库设计模式 具有1年设计经验的设计师
传统UI设计模式 具有3年UI领域设计经验以上UI设计师

软件的UI设计是如何完成的呢,交互设计师会根据产品说明书和原型测试完成《交互设计说明书》,然后UI设计师将依照这个说明书开始产品的视觉设计,通过UI设计师在Photoshop中完成视觉设计,形成psd文件,然后根据产品要求对设计成果进行进一步的确认和调整,接着形成产品效果图,最后为程序提供可用的切图文件。往往这种设计过程是重复和耗时的,但是UI设计中最小的设计单位是控件,将这些设计控件资源进行产品化将会为之后的UI设计带来非常大的帮助,大大加快产品UI的设计时间,拥有这样一些psd资源库也将大大降低对UI设计师的要求,基于控件为单位的psd创建也就是这种新模式的核心。UIPower的DirectUI产品则引入了这种模式,但是我们如何使用这种机制和工具来提高我们的UI开发效率呢?

基于PSD主题库的设计开发流程

首先UIPower提供了近百套的设计主题,每个主题包含一些列控件的设计效果的psd文件,然后利用DirectUI Builder将这些主题导入后形成可组合的控件创意。界面开发者启动Builder后即可预览到内容丰富庞大的控件创意库,选择合适的视觉效果进行拖拽式的界面开发。界面皮肤制作完毕之后可将界面导出为psd文件在photoshop中进行进一步的风格调整,从而利用已有的控件psd创意快速形成产品界面效果图和程序用的皮肤文件。

一套规范的psd主题库,包含众多的基本控件创意

一个RadioBox创意

利用DirectUI的psd主题创意库的好处在于,由于创意库的是在严格的规范下设计完成的,由专业的UI设计师设计完成,所以控件的psd文件层次清楚,并且具有良好的视觉效果。利用Builder制作出的界面还可以导出到Photoshop中进行修正,大大提高了创意库的使用灵活性,用户可以在这些psd创意库基础上进行修改达到所需要的效果,并且产品视觉效果得到的保证,界面设计时间可以减少70%,并且对UI设计师能力的要求也大大降低,熟悉使用Photoshop的员工在学会使用DirectUI Builder后即可完成界面的设计工作。由于DirectUI的主题设计流程是在UIPowe长期客户项目开发积累经验的提升下设计完成的,从而保证了任何用户使用此工具创建的界面是符合界面设计规范的。

我们看到UIPower的DirectUI为我们的设计领域开辟了一条新的开发道路,为我们迎接新的UI时代带来了新的工作机制,必将大大加快我们在UI设计领域上的步伐。


相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践

 
分享到
 
 
     


从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   


以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计


北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...