UI界面设计训练的思路

可以共同解锁本知识库所有章节
掌握软件和理论都是为了设计实践服务,而在实践部分当然需要我们投入最多的时间去进行学习和训练,这里我们要分享的就是怎么展开设计相关的练习。
首先我们要明白一个概念,就是界面的设计和项目的设计并不是一回事。
界面设计往往只针对少数页面进行视觉的设计,以美观、创意、想法为主题去完成。
而一个完整的项目则会涉及到更多的因素,包括产品战略、用户体验、交互方式、品牌化、设计规范、设计交付等一系列问题,它们都会影响界面的设计结果。
所以,正确的学习方式,要将界面和项目的设计训练区分开,先进行界面的学习训练,掌握界面的设计的基础以后,再开展更复杂的项目设计学习。
界面设计这里指不考虑项目整体情况,只针对一个或少量界面进行设计的训练过程。这是 UI 设计师日常练习中的必备环节,比如我们在网上(尤其追波)会看到很多精美的界面设计案例,它们往往只有少数几页,且明显不是上线项目,那么这些案例就只是设计的练习,行话叫 —— 飞机稿。

虽然飞机稿不为真实落地而设计,就像工业、服装、建筑设计中的概念稿,但并不代表它们一无是处,因为作为练习对象它可以帮助我们摒除额外的干扰(项目需求),专注于界面的视觉本身做训练,可以极大的提升我们的学习效率。
但界面的练习也不是盲目地乱做,要从简到难有目的性的展开,建议的步骤如下:
第一步:先从简单的页面进行临摹,掌握常见页面布局结构和设计特征,同时熟悉设计软件。这个练习的数量应该不低于20个。

第二步:临摹复杂的页面,拆解进阶的设计案例和视觉效果,适应和掌握复杂的设计技法。这个练习的熟练应该不低于10个。

第三步:找一些简单但是设计效果不好的页面做基础的视觉改版,以解决原有视觉问题为目标。这个练习做到自己觉得再也没有提升为止。


第四步:可以选择更复杂的页面,对它进行全面的视觉改造,尽可能输出更复杂、高级、有质感的设计。这个练习可以一直做下去,不管做多少都会有收获。


在界面练习中,我们都建议在原有基础上做临摹和改版,是因为这样我们也不用废心思考虑界面应该放什么的问题,能更专注于界面视觉本身。
我们前期一定要在练习过程中建立对界面优劣的大致判断标准,最简单的模式就是将大厂产品的界面作为“优秀”的参照对象,把做好的界面直接和它们摆在一起做对比,那么做的行还是不行就一目了然,不需要用很复杂的方式去做解读。

对很多新手会跳过界面的训练直接开始做项目,最终项目界面的输出效果注定是不行的,那其它方面的努力就毫无意义。
对于UI设计师来说,界面的视觉效果是项目的核心基础,这点如果不及格,那就没有讨论体验和思维的必要。就像下面这种界面的输出质量,是很难找到工作的,稍微专业一点的团队看到这种求职作品就会直接点击 “X” 关闭。

要用最严肃的心态和最高的重视度来看待界面设计水平的掌握,至少要投入1-2个月的时间做专项提升。