写给UI设计新人的知识体系指南

Date 2024-03-01 15:52:41

无论以前是否有计算机基础或相关工作经验,越来越多的人选择参加UI设计培训,许多人获得了更专业的UI设计知识和技能,甚至成为更符合企业需求的UI设计人才。你知道视觉设计师应该有什么样的设计系统吗?今天优秀的漫画游小化妆分享他们的整个系统规划,这是一个非常大的系统,我也按照系统一个接一个地总结,当然,这需要一个非常长的过程来完成,但只要我们有一个明确的计划,至少计划可以让我们知道他们处于什么阶段,避免自我困惑。




写给UI设计新人的知识体系指南


  1.对App基本控件的认知


  作为移动产品的视觉设计师,我们应该首先了解应用程序中的一些基本控制器,如按钮、导航、弹出窗口、浮动层、表单等。当然,这里的每个项目实际上都有自己的系统,可以单独解释。以前,我系统地总结了弹出窗口的分类,然后我会更新其他部分。

  这里需要强调的是,如果有精力的学生可以看到苹果和Android的系统控制器,这将有助于我们深入了解应用程序规范。

  如何对控件进行分类,实际上很难有一个非常准确的定位和分类,特别是在双系统(苹果和Android)趋于同质化的今天,我们更难从单个维度准确地对所有控件进行分类,但我们可以参考行业规范,根据自己的平台属性进行梳理和分类,这仍然是一句老话,只要有理论依据,指导实际工作,就是正确的。

  2.字体

  对于字体,我们需要了解每个系统中使用的默认字体和一些常见场景中的字体大小。例如,32通常用于导航栏、34、36px的字体大小,底部标签栏的字体大小一般为20px等,这些内容在网上有很多信息,大家可以自己查阅。

  当然,对于平面操作的设计,字体还有另一套说法。我们将字体分为以下类型:衬线体、非衬线体、手写体和书法体。当然,我们也可以自己设计字体。如果我们经常收到操作的需要,我们可以总结每个字体的特点和使用场景。

 3.配色

  至少我们应该学习以下两点的颜色

  (1)色彩基本认知:设计师配色宝典!教你从零开始学配色。

  (这篇文章还不错,推荐一看)

  (2)在实际项目中,我们应该如何选择颜色,如何制定颜色规格,这也是我后期准备总结的内容。

  4.图标设计

  我之前简单总结过图标设计,可以选择性查看:“从零基础到合格,我总结了这五种图标设计实用方法”,这里就不多说了。

  5.标记和切图规范

  在过去,用PS设计界面时,标记切割是一件非常麻烦的事情,但现在随着sketch的普及,标记和切割趋于自动化,越来越方便,但对我们的设计草案规范的要求越来越高。

  之前总结过切图的命名规则:《给UI设计新手的切图命名规则手册》,后期会对标记和如何切图进行更深入的总结。

  6.排版的基本原则

  这里有两个基本的知识点

  (1)排版元素:构图(视角)、色彩、字体、点缀。

  (2)排版原则:对齐、对比、亲密、重复。

  建议你可以买一本《给你看的设计书》,很棒,对没有排版经验的朋友很有帮助。

  7.动效设计简单

  做一些动态效果会给我们加分很多,尤其是做一些加载动画,这是我们经常遇到的需求。之前总结过加载动画的场景分类。如果不知道,可以自己查看:“交互/视觉需要掌握的App加载动画知识系统”

  至于使用的工具,其实很多软件都可以。我通常用ps做一些动态表达,用AE做一些加载动画,页面之间的互动效果可以用flinto、principle等软件。

  工具推荐可以看这篇文章:《新人手册》!动态设计几乎都是这10个软件做的(内附教程)

  8.走查规范

  关于检查,不同的团队有不同的规范和形式,目的是检查我们的设计草案的恢复程度,是视觉设计师必须经历的工作环节,小公司可以直接与开发沟通和修改,但在大公司必须梳理问题点到项目组和开发兄弟,一些不清楚的地方也需要当面阐述。

  基本的方法是将手机上真实草案的截图与原设计草案进行比较,列出所有问题点,并告知如何修改。至于使用什么软件,可以根据自己团队的需要统一规定。

  9.交互常识

  交互和视觉有很多交集,如控制分类和定义、页面信息布局等,但交互有很多值得视觉学习的地方,其中最重要的是思维逻辑。对于产品的逻辑,他们比我们思考的更全面、更彻底。至于他们怎么想,我之前总结过一篇文章,可以选择性的查阅:“做交互计划的时候,请注意检查这四点。”

  如果你认为视觉设计是你的重点,你不想在未来发展到互动的方向,那么直到你知道一些基础,你必须掌握自己的方向,不要忘记优先事项。

  10.项目文件管理

  这里是告诉你,每个项目的文件都应该自己管理,否则随着文件的增加和版本的迭代,如果没有分类规则,找到文件就会非常麻烦。至少在做这个项目之前,我们需要建立一些最重要的分类文件,如下图所示:

  分类文件

  至于里面怎么细分,以后再找机会详细讲解。

  11.个人资料、资源库

  定期整理分类自己的资源,比如你的网站资源,下图是我的资源管理分类,可以参考:

  资源管理

  后期我会详细整理一下,和大家分享一些我收集的资源。

  也可以参考这篇热门文章《如何管理15G素材》。教你手拉手打造低管理成本的素材库

  12.开发常识

  作为一名视觉设计师,我们经常与开发联系起来。如果我们能理解一些关于开发的基本知识和他们的思维逻辑,我们就能避免大量不必要的时间浪费。在最后一个生产规范中,由于许多开发逻辑不清楚,在实施过程中遇到了许多问题。后来,我对它进行了梳理和总结,并参考了“高级必读”!UI设计规范的生产理念+常见问题总结”

  13.数据分析能力

  对数据分析能力,对我们的要求并不高,但至少我们需要知道,网站流量统计指标大致可以分为三类:IP、PV、UV(现在IP已经很少用了)。

  至于这三个概念是什么意思,百度,网上有很多。

  通过这三种数据的变化,我们还需要简单地分析产品中可能存在的问题和解决方案。例如,如果进入支付页面的点击率显著增加,但平台的交易量没有增加,我们应该快速分析,必须是支付链接的设计或程序故障,要么是程序错误,要么是体验漏洞等。

  14.产品常识

  关于产品常识,对我们的要求不高,短期内了解需求分析、产品定位等基本知识点就足够了。

  15.用研常识

  研究常识是一样的,也是一些基本的知识点,可以在短时间内理解,如用户旅行地图、情感地图、问卷调查等,不要研究太多,以免本末倒置。

  以上是红喵教育小编为您介绍的“[UI设计培训]:为UI设计新人写的知识体系指南相关内容,学习UI设计培训,您可以参考红喵教育提供的UI学习路线。学习路线包括PS软件介绍、人工智能和品牌设计、视觉表达技术、网络视觉设计、图标设计、产品交互、移动终端设计等。根据红喵提供的UI学习路线图,您可以清楚地了解您需要掌握的知识 !学习是一个漫长的过程。如果你想更快地学习UI设计,你可以来红喵UI设计培训班学习。  


课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image