`
senton
  • 浏览: 205741 次
  • 性别: Icon_minigender_1
  • 来自: 紫禁城
社区版块
存档分类
最新评论

UI设计,仅是画张图吗?

    博客分类:
  • Web
阅读更多

UI设计,仅是画张图吗?

uploads/200702/08_014739_uide.gif

很多时候,当别人问及你是做UI设计,会随口说:“哦,美工!“。象这样的称呼,很多有UI比较早的公司(比如金山,讯腾等),都已经改变了认识,但现实生活中却存在诸多对UI工作的误解和轻视。
在此仅举例谈一点日常生活中对UI误解的现象,并给出说明来,目的在于UI能更好的与软件开发的各部分协调。

UI自己的认识
一个做UI的新手,当参与产品前期的策划时,面对产品经历或者策划师的构想,几乎插不上嘴,理解这些构想就很困难,更不用说提炼出自己的任务来。
一个做UI的新手,当与程序员沟通时,发现自己完全不懂编程原理,以至于认为自己根本不懂软件,只好任由程序员摆布,甚至嘲笑。自己也懊恼不如程序员,程序员对软件什么都懂!自己后悔不会编程,甚至产生要做程序员的想法。
一个做UI的新手,只为了作图而作图;大部分的UI新手让大家感觉UI的苍白无力!

别懊恼!UI是一项很重要的工作:
1、UI设计是用来平衡用户需求与产品实施之间的矛盾的,它在开发的工作中贯穿整个过程。
2、UI表现了策划师的构想,编程实现并支撑着UI表现。

不信请看现在的软件开发流程
需求调查,用户研究 UI参与---->商业模型 策划 UI参与----> 交互设计 GUI设计 体验---->UI协调功能设计 编程实施 ---->UI参与 可用性测试 程序测试 体验 ----> 不断完善 (包括UI的改进)

软件开发是需要UI做很多工作,交互设计和GUI是两大主题。

老板眼中的UI
当前很多老板谈及软件开发,认为编程序才叫开发,UI就是画皮罢了,根本不把UI纳入开发流程。但开明的老板开始意识到UI好坏直接关系到产品在商业上的成功,于是开始注重UI设计,但很少有了解UI具体工作的,直观的说就是设计的好看,好用。老板嘛,能开明就很不错了!

策划师,产品经理眼中的UI
策 划师和产品经理很少关注编程的质量,他们用业务逻辑和形象描述来表现产品,进而实现商业模型;他们关注的是软件使用效果及软件的形象;虽然他们自身并不做 具体的软件交互及GUI的具体工作,但把大部分的期望都交给了UI。所以在做软件交互之前策划师和产品经理会把业务逻辑及产品的样子描述出来,随后便对 UI体现充满童憬!

程序工程师眼中的UI
入门级程序员说,我要实现软件,要编程序,让美工(指UI)配合我画几张图来。在与UI的沟通中,认为UI太弱智,不懂程序,于是就根据具体的实现随意窜改UI,到头来认为自己很牛气!署不知自己颠倒了顺序,UI设计应该来指导或者约束编程才对。

高级程序工程师在做编程之前会找UI沟通,索要i需要的UI元素,实现时尽量减少产品和设计的误差。产品获得用户的喜欢,程序工程师也实现了自己的价值。大家是协作的不可分割的团体。

UI在工作中给同事的感觉
因为UI的工作结果基本上不是文档就是设计图,所以给不太了解UI的同事感觉UI就是画图,也没什么的嘛!编程序多牛!UI也就是画几张图给程序用。

同事都直观的认为UI是画图的,那么在社会上流传起来难免会认为UI=美工了。

对于用户,UI是他接触的全部
因为UI是前台表现,所以用户看到的只有图形界面。使用软件的过程实际就是根据UI表现与计算机交互,以达到操作软件的目的。用户会根据使用的感受选择自己喜欢的产品,而不去关注代码是否写的优化,实际根本看不到代码,也看不懂。

一般意义上,很多用户认为图形界面也是编程,会忽略设计的过程。但不管怎样,只能看到界面、体验界面。

分享到:
评论

相关推荐

    直播礼物汽车素材下载 20张图

    UI设计师会根据品牌风格和用户喜好来设计这些汽车图像,然后由前端开发人员将静态图片转化为动态效果,通过编程语言如JavaScript、CSS3或Unity实现动画。后端开发人员则负责处理礼物购买、发送、接收的逻辑,确保...

    电商思维导图13张图很全的思维导图

    6. **网站/平台设计**:讨论用户体验(UX)和用户界面(UI)设计原则,强调转化率优化(CRO)和移动优先的设计理念。 7. **支付与物流**:介绍各种支付方式如第三方支付、货到付款等,以及物流配送、仓储管理和退货...

    ios-三张图片的轮播.zip

    在iOS开发中,实现“一行调用,三图轮播”的功能通常涉及到UI设计和动画效果,这在很多应用中都是常见的需求,比如广告展示、产品推荐等。在这个场景下,我们使用的标签是“滚动视图”,这通常指的是UIScrollView...

    引导页四个图片

    在Android平台上实现这样的功能,需要对Android开发有深入的理解,包括UI设计、触摸事件处理以及动画效果。 首先,我们需要了解Android中的Activity和Fragment。Activity是Android应用的基本单元,用于承载用户界面...

    软件界面设计工具_3款合集

     这种交互图的特点是简单明了,能够表示出各种控件的基本属性(如文本、位置和选中状态等),但它只是一个静态的图片,不能真实表现出每个控件的响应动作,如仅看这张图,是不清楚点击代理服务器设置分组框上的...

    swift-iOS仿照百度贴吧的灌水加载效果

    在XLTieBaLoading项目中,这个动画效果是通过在第二张图上叠加一个半透明遮罩来实现的,遮罩上的波浪图案会随着时间逐渐移动,给人一种水波荡漾的感觉。 要实现这样的效果,开发者需要掌握以下几个关键知识点: 1....

    coolweatherjetpack:酷欧天气的Jetpack版本实现,采用了MVVM架构

    这里我先给出一张酷欧天气Jetpack版的架构设计图,这张图是模仿Google Codelabs的Sunshine项目画出来的。拥有良好架构设计的项目都是可以用简洁清晰的架构图表示出来的,而一个杂乱无章没有架构设计的项目则很难用...

    自己做的一个看图软件

    开发者可能使用Windows Presentation Foundation (WPF) 或者Windows Forms来设计UI,需要理解控件布局、事件处理和响应式设计。 4. **多线程**:为了实现平滑的图片切换,开发者可能采用了多线程技术,让图片加载和...

    页面实现多个图片轮播功能demo

    在网页设计中,图片轮播是一种常见的展示方式,它能够以动态的形式展示多张图片,增强用户体验。本项目“页面实现多个图片轮播功能demo”旨在教你如何使用原生JavaScript来实现这一功能,同时通过调用同一函数实现...

    易语言-EX_UI制作VR游戏菜单,纯代码,单机游戏菜单

    总之,这个项目展示了如何使用易语言和EX_UI模块来开发一个功能齐全的VR游戏菜单系统,涉及到的知识点包括:易语言编程基础、EX_UI库的应用、用户界面设计、图片处理、定时器机制、音频处理和可能的语音交互技术。...

    SpriteDicing-master.zip

    Sprite Dicing是一种将大图像切割成多个小精灵的技术,主要用于处理UI元素或2D游戏中的角色动画。在Unity3D中,通过该技术可以将一个大图片切割成多个独立的精灵,每个精灵代表一个可单独操作的对象。这样做有以下几...

Global site tag (gtag.js) - Google Analytics