西安天琥电脑培训学校
招生热线:400-656-3385

学校地址:西安市雁塔区长安中路38号小寨领秀城8楼

西安交互设计培训,版本控制

  西安交互设计培训,版本控制!虽然不少设计师是以强迫症而著称,但是绝大多数的设计师还是常常陷入不同的设计文档的版本混乱当中。为何不试试做一下版本控制呢?今天的文章,就跟大家聊聊版本控制之于设计师的价值。

  不论你是设计师还是开发者,又或者兼而有之,几个不同版本的文件同时存在于你的电脑当中是一件非常常见,且非常普遍的事情。但是问题在于,随着项目的推进,文档的版本更新非常快,如果没有系统的管理方法,最终的结果往往是陷入混乱。

  而专门用来帮你管控版本的方法或者控制优先级的体系,都可以称为版本控制。对于设计项目而言,版本控制应该是整个体系中不可忽视的组成部分,如果没有,混乱常常会随之而来。

  从设计师的角度来看

  改稿似乎是设计师的宿命。随着产品需求或者客户需求的改变,即使是到了整个设计开发的最终阶段,设计稿都可能有若干个不同的版本或者变化。这简直是设计绕不过的大坑。不过在绝大多数的情况下,我们打开某个文件夹看到的是这样的情况:

  如果有了版本控制,这种坑爹的状况就不会发生了。面对这十来个标题已经没法吐槽的psd文档,客户、同事和自己应该都处于懵逼的状态吧。西安交互设计培训?真要打开某个阶段特定的文档,的办法是将所有的都打开,一个一个筛选,然后在photoshop 的不同的tab之间来回翻找,直至彻底迷失,或者惊喜地找到。随着项目的结束,这个项目的文件夹和这堆分不清楚的文档会被深深地雪藏在硬盘深处,直至偶然记起或者需要查看,然后痛苦的再次全部打开找某一稿。

  版本控制的价值

  所以,对于设计师而言,版本控制的价值是不言而喻的。不过我们传统意义上的版本控制更多还是针对开发者而非设计师,但是两者的版本控制在功能上共通的地方非常多。那么它都有哪些好处呢?

  不再担心正在处理的文档被覆盖

  你所需要做的的事情,就是保存你手头正在处理的文档。西安交互设计培训?可是如果万一这个版本出问题了怎么办?那么你需要的是之前某个尚可运行或者图层未曾合并的某个对的版本。版本控制工具压倒性保存机制能保护之前的版本不被覆盖,如果你不做版本控制,那么这个时候就只能从头再来了。

  团队可以安心分享新版的文档

  有版本控制系统之后,团队可以更加轻松有序地分享、共享、使用这个项目新的文档了。这个时候的版本控制,能够有效的防止团队成员使用老版本的文档,或者是被别人修改过的、甚至已经放弃的错误文档。它使得整个团队的文档系统更加有组织性,并且降低团队范围内的错误。

  问责和用户跟踪

  版本控制的另外一个重要的功能就是能够跟踪不同人对于文档的修改和调整。西安交互设计培训?开发过程中,当用户修改了某些文档,并且上传了修改后的版本,借助版本控制工具可以跟踪后续修改。这一点的重要性在于,如果后续发现问题了,可以追溯问题是从哪里开始出现的。在此基础上,你可以根据改变,来诊断问题。

  沟通交流

  在项目开发和设计过程中,团队其他成员对于文档所做的笔记和标记也同样很有帮助。比如,某个团队成员负责了项目中的4个任务,但是他的笔记里面只提及了其中三个,其他的成员注意到这一点了,会去检查另外这个任务的完成进度,确保一切已经完成。这样的记录和交流机制能避免一些不必要的遗漏。

  文档和文件夹的分支与合并

  我们所说的分支,指的是用户选取某个文件夹或者文件,单独创建一个副本,这可以让开发者拿来单独测试,或者让设计师基于某个版本向特定方向单独设计出一个副本,并且对原有的文件不做破坏和修改。

  一旦问题得到了解决,可以合并回原有的体系。这样的方式让团队的不同部分的成员可以针对特定的功能、模块或者区域进行开发、设计,互不影响。西安交互设计培训?对于核心的功能而言,这样的开发方式尤其实用有效。在完成之后,在合并回来。这也是版本控制的范畴以内,并且能让项目推进的更快。

  冲突与管理

  当有多个人分工处理项目不同的区块的时候,就意味着你需要处理项目的多个不同的方位,在很多时候,冲突的发生几乎是必然的,功能区块之间是有配合的,很少是彻底分离的,独立开发过程中出现冲突是很正常的。而版本控制的优势就表现出来了,你可以通过选取其中的一个路径来抵消冲突。

  作为团队运作的时候,你可以通过版本控制来选取佳路径,以佳的方式来消解冲突。之后,经过优化的文档会更新出来,并且分发给团队的每个人,让大家进度保持一致。

  文档内差别对比

  不同的人为同一个项目同左,出现不同的版本几乎是必然的事情,这同时也意味着你必须要在这些不同的版本中找出差异,哪里有冲突,哪里有修改,哪里有问题,等等等等。

  从人的角度上来看,要缩小范围是一件很难的事情。借助版本控制工具的可以将范围缩小到一个特定的范围内,再进行判定就简单多了。西安交互设计培训?当然,文档内对比更多的还是针对开发文档和代码,而非设计文档。

  版本控制让你省心也放心

  和网站的内容管理系统相似,版本控制系统能够将项目的不同部分管理的井井有条,让你更加专注于项目本身,而不是在管理细节上焦头烂额。

文中图片素材来源网络,如有侵权请联系删除
申请试听
为您选课

  

  西安UI培训

按钮是UI设计中一个很常见的元素,尽管很简单,但是这里面却有着很大的学问。在这篇文章中,我将和大家一起来探讨按钮设计中一些原则。

1 让你的按钮长得像按钮按钮的作用就是供用户点击,按钮和其他元素所不同的地方也在于它们能够被点击。所以用户能否意识到你设计的这个“东西”是按钮,就在于其本身的可点击性(clickability)。形状目前app和网页中按钮主要的形状是矩形和圆角矩形。其中矩形式按钮很早就应用了,用户对此已经习以为常了。

当然我们也可以尝试使用其他的形状。比如,圆形,三角形,甚至其他自定义形状。我们要把握设计的度,有的时候过于追求设计感,为了创新而创新,做的按钮用户都认不出来,这就有点本末倒置了。

无论我们最终选用哪种形状做按钮,我们首要考虑的是要保持整体设计风格的一致性(consistency)。其实用户远比我们想象中要细心得多,他们会注意到页面中的一些小细节。当他们发现这个页面中的按钮采用一种特定的设计风格时,那么其他地方带有相同风格的元素用户就会理所应当的认为也是按钮。比如,你在这里按钮样式采用的是圆角矩形。那么在其他页面也应该是圆角矩形,不能这里是圆形,那里是矩形。同一款产品存在不同的设计风格会极大的影响用户体验,用户会对你的专业性产生质疑。

阴影与高光随着扁平化设计的兴起,人们觉得按钮很好设计,只需要一个矩形/圆角矩形上面写几个文字就行了。按钮没有必要做的太过于写实,阴影与高光也没有使用的必要了。然而事实并非如此,阴影与高光依然有着极大的作用。我们通过阴影与高光的搭配使用可以使按钮从页面整体背景中凸显出来,帮助用户更加容易的找到按钮。当然也可以使用阴影增加按钮的可操作性,也就是让按钮看起来更容易点击。

标签按钮上我们应该通过添加标签来告诉用户这个按钮的具体用途,标签可以是文字也可以是图标。比如下方的亚马逊账号注册页面,底部的按钮上写着“创建新账号”。用户就会知道填写了以上的基本信息后,点击这个按钮就是创建了一个新的亚马逊账号了。用户只有了解了点击这个按钮是干什么的,他们才会安心的点下去。标签上文字尽量使用动词和名词。

西安UI培训

2 提升按钮的用户体验按钮的尺寸和视觉反馈是提升用户体验的重要因素。按钮大小与间距在设计中我们应该确定按钮的大小,按钮过小用户不容易完成精准点击,按钮过大也会影响页面中其他的内容的排布。无论是app还是网页,点击都是主要的一个交互事件。根据麻省理工学院的一项研究表明,人类手指指垫的平均尺寸是10-14mm,而指尖的平均尺寸是8-10mm。所以当用户要完成点击操作时,小的尺寸应该为10mm*10mm。

当然,网页中按钮用户是采用鼠标完成点击操作的,所需尺寸应该适当的缩小点。除了按钮的自身的尺寸大小,我们也要注意按钮之间的间距。间距过小会发生误操作,从审美角度上来说也会使页面感觉很拥挤。

提供视觉反馈按钮不会总是保持不变只处于一种状态的,一般来说,按钮会有四种状态:Normal(正常),Focused(选中),Pressed(按下)和Disabled(不可用)。给用户提供相应的视觉反馈来告诉他们按钮当前处于的状态是很重要的。比如我们通过网银转账,如果“确认转账”按钮没有Pressed的这个状态,在转账结果返回之前用户就不会知道自己刚才的操作有没有成功。甚至还会发生重复转账的现象,给用户带来极大的损失。

3 突出重点页面中不同元素的重要性是不同的,有的元素你希望用户一眼就可以看到,有的元素在页面中却是鸡肋,可有可无。我们在进行设计过程中要分配好用户注意力。行为召唤按钮行为召唤按钮是我们期望用户可以很快很容易就可以发现的按钮。一个行为召唤按钮是否成功就在于其能否吸引用户的注意力,并且诱导用户完成点击操作。比如底下这个Gmail的UI设计就很好的体现了这一特点。当用户完成邮件内容编辑,然后他们就会想到要将这份邮件发送出去。这时候用户需要一眼就能找到“发送”按钮在哪里。整个页面设计的很简洁,在浅色背景这一前提下,我们给“发送”按钮加一个蓝色的配色,让用户很容易的找到。

西安UI培训

主要按钮与次要按钮同一页面的按钮也会根据其重要性不同分为主要按钮和次要按钮。按钮的用途就是供用户点击完成交互,主要按钮存在意义就是让用户更加愿意点击这个按钮。比如当你进入的一个商品详情页面,店家肯定希望用户点击的是“立即购买”或“加入购物车”,而不是“返回”按钮。那么如何诱导用户点击主要按钮呢?我们可以给主要按钮加以更高的视觉权重。下面的这个清倒废纸篓页面中,我们可以看出“安全清倒废纸篓”(secure empty trash)按钮拥有更高的视觉权重。因为它使用了与背景色相差较大的蓝色,这种配色设置使这个按钮更容易就被用户注意到。当然影响按钮视觉权重的因素有很多,除了配色也可以将通过位置和尺寸来实现视觉权重的修改。

西安UI培训

4 总结按钮可以帮助我们创建一个流畅的用户体验。在我们的按钮整个设计过程我们都要问自己以下这些问题:1 用户能意识到你设计的是按钮吗?你有通过尺寸,形状,阴影效果和配色来让你设计的按钮看起来像是一个按钮吗?你保持了当前页面乃至整个系统按钮设计风格的一致性吗?2 你按钮上的标签提供的信息表达清楚了吗?用户知道这个按钮是干什么的吗?用户知道点击后会出现什么吗?3用户可以很容易的发现你的按钮吗?你知道用户习惯的视觉焦点在哪里吗?不要让用户去寻找按钮,而是在用户需要的时候,按钮自然的出现在用户的眼前。你有做到这一点吗?4 如果当前页面里有两个按钮,更重要的那个按钮有着更高的视觉权重吗?你是通过哪些方面来实现不同的视觉权重的呢?

目前发展

  到目前为止,天琥已在全国20个省(市)拥有24所校区,成功打造天琥设计广告公司、云琥在线以及在线页问网三大教育平台。团队集团拥有100多位设计,他们大多来自4A广告公司的设计精英、知名设计总监、艺术院校教授,为天琥的课程研发、教育教学、服务管理等提供了强有力的保护。课程研发天琥设计课程由专门课程研发团队自主研发,课程设计紧跟互联网潮流,将前沿的设计融入课程中,并且每年持续精进课程内容和教学建设。目前天琥已开设多个专业方向课程,包括UI设计、平面设计、网页设计、室内设计等专业。特别值得骄傲,2013年由研发团队研发的《平面设计精英课程》、《网页设计精英课程》、《室内设计精英课程》荣获著作权保护,2015年《电商网页设计精英课程》获得著作权保护。在天琥,我们一直坚持“快学习,乐设计”的课程理念,让有志于学设计的人、快乐、地学习。在快乐中学习设计,在学习中收获快乐!课程理念三维五段教学法——天琥设计独创特色教学,为快乐保驾护航三维:电脑、设计、艺术五段:操作、临摹、分析、改进、创作在学习过程中,学员有章可循,无论学习哪一门设计课程,都可以找到一套切实可行的学习流程和方法。


以上就是UI设计培训课程的全部内容介绍,如需了解更多的UI设计培训班、课程、价格、试听等信息,也可以点击进入 UI设计 相关频道,定制专属课程,开始您的学习之旅。

申请免费试听
全国招生热线