首页/ 书法艺术/ 正文
📎 本文网址 http://228551.geci.2211mu.com/13875

专业培训ui「UI设计专业培训:打造精致用户界面的必备技能」

✍️ 作者:节日节气 👁 阅读 2,358 💬 评论 36 ⏱ 阅读约 6 分钟

专业培训ui「UI设计专业培训:打造精致用户界面的必备技能」

本文目录

  1. 请问什么是UI设计?
  2. 入门必读,UI设计的整个工作流程是怎样的?
  3. ui设计的设计思路?
  4. ui设计需要学什么?

请问什么是UI设计?

UI,用户界面UserInterface的缩写。 什么是用户界面设计? 在人和机器的互动过程(HumanMachineInteraction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。

入门必读,UI设计的整个工作流程是怎样的?

  UI设计师到底要做什么。今天千锋就来为大家介绍一下UI设计的工作流程,相信即使是零基础的小伙伴也可以轻松理解。

  首先,大家要知道,UI设计的整个工作流程有许多人的参与。第一个是产品经理,主要的工作是竞品分析等工作,也是UI设计最核心的一个领头人物。

  第二个交互设计师,根据产品经理提供的方案,设计出一套原型图设计。第三个视觉设计师,工作内容是根据交互给的原型图,设计出视觉图。其实无论是交互设计师,还是视觉设计师都统称为UI设计师。

  第四个程序员,根据视觉设计师提供的图片,用代码的方式实现其功能,也就是开发APP的过程。第五个运营,负责把已经开发出来的APP推广出去,让更多人来的使用这个产品。

  归纳起来就是,产品定位与市场分析阶段,主要由产品经理负责牵头,相关需求部门与产品需求专员、市场人员进行多次会议研讨,经过上级领导同意,确立好需求后即将进入交互设计阶段,这也是UI设计的主要阶段。下面是一个UI设计师的具体工作流程:

  1、了解项目分析需求文档

  2、草图快速沟通

  3、设计开工前沟通需求

  4、视觉设计

  5、界面输出

  (1)目的(配合好技术开发人员完成相关的界面规范沟通、设计需求沟通)

  (2)主要执行人员(技术)

  (3)沟通(UI、UE、需求部门、销售)

  (4)UI设计师的主要职责(对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果)

  6、可用性测试阶段

  (1)目的(针对一致性测试;信息反馈测试;界面简洁性测试;界面美观度测试;用户动作性测试;行业标准测试)

  (2)主要执行人员(技术开发测试部门)

  (3)沟通(UI/UE、技术开发部门、产品需求部门、营销运营部门) (4)、UI设计师的主要职责(可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善)

  7、产品上线

  8、开发后期,细节跟进

  9、项目总结

  完成了设计工作后,要做的事情就是出一份视觉规范,然后检查一下整体的视觉层级。无论是小型项目还是大型项目,视觉规范都有其存在的必要性。无论是对你自己,还是对于同事,都能起到很好的规范作用,避免不一致的设计。

ui设计的设计思路?

1,明确划分与UI相关和与UI无关的部分

根据UI的设计图,我们首先要把界面展现的数据先抽出去,只看UI的表现。也就是说,把UI相关的部分抽出来。比如一个界面可能需要分几部分组成,每一部分大概怎么设计等。

2,划分屏幕大小,明确出跳转关系

要考虑到你的APP所对应的屏幕大小及DPI,不同的屏幕与DPI,你有可能会存在不同的UI布局,最典型的是在3.0以上的SDK版本,可能引入了Fragement元素,手机屏幕与平板的屏幕的UI设计,完全是两种不同的风格。

还有,尽可能地明确出跳转关系,这可以用一些小卡片的形式来标记,一个卡版表示一个画面,把不同画面之间的迁移关系明确出来。

同时,还要把这些画面之前的相同点与不同点找出来,因为这会影响到是否决定提取共通画面。

3,列出需要用到的UI元素(Widget)

把界面上展现的UI元素列出来,像常用的button, imagebutton这些很简单,一看就知道,关键是有些UI,可能会涉及到一些自定义的View,这里一定要多考虑。

另外,有可能为了统一控制,比如也有可能扩展一个Button,派生类里面可能只是改变一个字体大小等,这种做法通常是用于多数UI的字体大小相同,可以抽象出来个共通的Button,这样在各个UI里面,就可以不用都来设置这个字体大小。

还有,也可以抽出共通的style,比如textview的style,文本颜色,字体大小,是否加粗等。

4,列出哪些UI元素可以用SDK的,哪些则是需要自定义

据我的经验,通常一个项目里面都会有自定义的组件(View),多数是组合控件——把不同的Widget组合成一个Layout。这还要需要根据项目自身的需求来定。

注意:这里一定要有一个良好的设计,以应地需求变更。比如第一版需求,可能不需要一些组合View,直接使用SDK自身的Widget就能完成,但经过一些变动之后,发展之前的UI设计不合时宜,可能需要提供自定义的View,那么原来用到SDK自身的Widget的地方可能需要改动。这种改动说大也大,说小也小,在设计的时候,要多考虑一下这种需求变更。

5,完成UI界面的绘制

这一步,其实不一定会用到,通常情况下,不会涉及到自绘制,因为自绘制比较麻烦,而且费时间,但是在特殊情况下,自绘制能提高效率,因为你用View布局,会涉及到layout, measure, touch event, dispatch draw等方面,这些会影响性能。

6,进行内部逻辑和UI界面的整合

通常一个View里面,都会有一些逻辑,特别是自定义的View,可能会封装一些特定的属性。

在使用这些View的时候,UI的activity会与这些View有一个逻辑的整合。

ui设计需要学什么?

一.什么是ui设计?

ui设计俗称界面设计。几乎所有人对设计产品的控制都需要一个界面。通过界面的按钮或输入指令等使产品服从人指令为人服务。如我们现在常用的各种手机应用app界面、游戏界面、家电产品界面等等。可以说我们现在的生活都被各种界面包围着。

二.ui设计要学什么?(业内人士告诉你)

我们观察这些产品界面。都有什么特点?

1.美观时尚,符合潮流和产品风格定位。所以必须要掌握美术基础、手绘。了解设计心理学、设计原理。

2.ui设计界面制作软件。主要学习掌握专业的图形图像软件,photoshop,coreldraw,AI等来进行制作。或者有的游戏和虚拟现实需要效果逼真多角度界面则需要结合三维软件如3dmax等来进行制作。(非主要)

三.ui设计制作流程。

1.通过对产品的理解。结合设计原理和美术基础,通过手绘对产品的界面进行初步构思,绘制草图。

2.用图像软件,把草图制作成效果逼真的界面效果图。再通过产品对应的接口和要求把界面元素嵌入到产品中。

如果是实物操作界面,则是对照效果图,通过工业加工的手段制造生成实物界面面板。

⚠ 温馨提示:知识看完了,记得站起来活动一下,喝杯水,看看窗外——好身体和好奇心一样重要。
📌 声明:本文内容仅供参考,具体操作请咨询专业人士。