想快速入门UI该怎么做?

可以解决刚刚入行做UI时,遇到的大部分问题,纯干货的分享

先举个例子,大多都有的亲身经历,十一年的应试教育,大多都会有自己的一套学习方法。但是对大多初学者而言,都迷茫于如何提升自己,快速学习UI并在行业中成为佼佼者,其实并不用太过纠结,掌握了对的学习方法必定在UI上事半功倍,我会通过三大方面讲解,篇幅会比较长,但是绝对都是我多年来得到的,都是大干货,大家一定耐心看完,一定会对你有帮助哦~~~第一是看(找设计灵感)、第二是做(选择并练习)、第三是想(结合需求思考)

一、看

看分为2种看,一为看图,二为看书

先推荐一些可以学习的网站,国内做的比较不错的比如:

花瓣 http://huaban.com/;

UI中国 https://www.ui.cn/;

站酷 https://www.zcool.com.cn/;

设计之家 http://www.sj33.cn/(有一些常见UI的视觉图汇总);

设计国外网站有http://behance.net/;https://dribbble.com/;https://www.pinterest.com/等,这些应该就很够大家学习的了,一天拿出两个小时的时间学习,就已经非常难得了,如果精力允许,我会在公交车上刷,建议刚开始选择一种主题或题材进行反复对比,切忌毫无目的的瞎转。

主题和题材这里我一定要多说几句,它有很多种,大家刚开始会有涉猎方向迷茫的问题。主题比如运动类、科技类、教育类、购物类、影音类、亲子类等等,题材比如UI界面(空页面、列表页、搜索栏、个人中心、卡片、icon)、字体、海报排版、插画(会有各类风格,选择与自己目前实力相符的)等等,当然了熟悉安卓和ios设计规范就更不用多说啦,这是一个UI设计师最基本的要求啦,刚入行一定要多学习,用相关的专业知识丰富自己才是王道。

书有五花八门的关于UI的,但目前个人看过比较推荐的《设计师要懂心理学》,让你可以站在设计的角度上考虑界面的设计方法,文字的排列顺序等;《配色设计原理》,让你可以了解很多基本色彩的搭配知识等;《人人都是产品经理》,让你真正可以站在产品策略和产品运营的角度上完善自己的视觉设计,了解真正的需求是什么,提高设计质量。

很多刚做设计师的都会抱怨为什么自己返稿的次数这么多?我哪里做的不好?为什么别人不理解我辛苦这么久的成果?他到底想要什么样的设计?等等棘手问题……或许在你看完了这三本书,你的心里会有一些明确的答案。

我的老师也告诉我一句话让我一直深刻的记得:你有了对UI更深层的理解,和理解别人的能力,才能站在那里很自信的告诉别人,我这么做的原因和预测的结果。

二、做

看!只能是了解UI和学习UI的一个过程,是必然经过的流程,实际的提高需要实在打开电脑静下心临摹作品、外包私活、跟项目、APP改版练习,这四项是比较有效的练习方法。

而文件夹整理,就成了非常重要的部分,快速的找到自己相对应的作品,不仅是工作还是为了跳槽面试都是坚实的基础。我可以给大家一个模板图作为建档的参考……

建档完成,就是内容的填充啦,这里以移动端为例,一般分为三种方法练习:

  • 1. 是在跟项目过程中,新入行都会有在公司做的比较久的老人带着,你自然会被安排任务啦,因你设计领导的性格等等而定,如果你比较庆幸的进了一个没有老设计的公司,我祝你好运。
  • 2. 临摹网站优秀作品(切记飞机稿,千万千万千万不要临摹,不要觉得好看就临摹,先思考一下设计稿的逻辑性《人人都是产品经理》这本书会为你带来帮助;当然啦,目前国内做的比较好的APP界面,都可以拿来临摹练习)。
  • 3. 改版APP的练习中,那这些APP怎么找?已上线的但冷门的APP在你的应用商店里比比皆是,选择一个主题下载3-5个,选择一个你认为最易上手的进行练习,怎么正确高效的呢?

敲黑板敲黑板啦~~~

  • 第一,用X-MIND把它所以的逻辑交互统统写出来,分析认识了解到掌握他的逻辑方法,你一定可以有自己的想法甚至找到问题的;
  • 第二,抓住该APP的产品定位和面向人群;
  • 第三,视觉分析,即配色方案,排版方式,黑白灰使用面积等等,综合产品定位的分析你就知道如何调整配色了,配色先定黑白灰(字色、线、面等)再定辅助色;
  • 第四,icon风格(以后文章可以给大家细化总结,一个UI中的大模块);
  • 第五,主界面的设计,如果有更多的时间可以做APP的吉祥物、VIS等,但是刚开始我并不建议这么做,完成前面的内容并定主界面的视觉,就很厉害啦~~~附属界面可以考虑前期不做,刚开始不要着急,可以一步步的充实自己的改版;
  • 第六,反思,给自己打分,做2次以后你会发现自己好像也可以很厉害的样子

三、想

在起初接到需求的时候,大部分人都会急于完成但效果并不达标,甚至做不出来东西怀疑自己是否适合UI设计的职业,根本的原因不外乎1.没有理解需求(他这个需求到底要干嘛?产品经理或者领导想要的效果是什么?如何快速的让不懂设计的人说出自己真正的需求?)2.没有灵感(风格、色彩搭配、排版等等都属于灵感的一部分)。

那怎么做呢?了解需求后,如果时间来的及,一定是要做出两种方案,确定最终视觉。灵感(知识+创意+脑洞+一本正经的胡说八道)就成了重要的需求突破口,我举一个例子,以之前我做过一个健身项目的LOGO为例……

最后成型是这样的

最好的建议就在“做”,练习的多了,很多问题都可以迎刃而解。

以上都是我个人对于学习UI的一些看法,大家认为还可以就点个赞哦,如果认为有不正确的地方可以在评论区留言给我,大家一起探讨学习,在UI这条路上一起加油死磕~~

UI中国

作者:Destiny沫

(0)

相关推荐

  • cad基础快速入门教程

    cad不管在工作还是学习中,经常会用到,这里小生说一下cad的快速入门方法,操作类的软件其实都是非常简单的,都是一个熟能生巧的过程.这里使用的是高版本的,因为高版本软件越来越简单. 操作方法 01 如 ...

  • java-web新手开发快速入门

    java-web开发快速入门,本文对于java-web开发的要点进行了重点分析,可以给新手们提供很好的参考作用. 操作方法 01 一.Tomcat服务器常见启动问题:(1).Java_home环境变量 ...

  • 天魔神谭如何快速入门

    天魔神谭新手入门,天魔神谭新手攻略,希望小编的新的能够帮到你~~~~ 步骤/方法 01 天魔神谭:快速升级.每日必做 02 天魔神谭:休闲升级.轻松游戏 03 天魔神谭:高手之路,每日必做 04 天魔 ...

  • 怎么使用Win8快速入门指导

    Win8客户预览发布啦,全新的操作会不会令你无所适从?如何快速入门玩转Windows8?Windows8快速使用指南中文版助你一臂。 Win8装好以后面对全新的Metro界面如何操作?没有触摸屏,只有 ...

  • 如何用Visio2007创建基本框图快速入门的详细步骤

    微软Visio2007为我们提供大量的模板以及无数的形状,这其中一些显得比较简单,但是另外的一些却又相对比较复杂,让人无可适从.本文主要就是为大家介绍如何用Visio2007创建基本框图以便你能够快速 ...

  • InDraw怎么用?InDraw(Integle ChemDraw)快速入门教程

    InDraw全称Integle ChemDraw作为integle核心工具之一,专为化学.医药科学家提供完整易用的绘图解决方案,不仅能够快速绘制化学结构及反应式,而且可以获得相应的化学属性数据.系统命 ...

  • photoshop快速入门

    如果掌握关键的几步,快速入门phtoshop处理图片 操作方法 01 多余的说教只会损伤大脑细胞,也是对观众智商的侮辱,所以入门一个软件的使用抓住关键步骤很重要. 首先我们打开一张图片,主要掌握的是三 ...

  • solidworks初学者快速入门

    solidworks是一款强大的计算机辅助三维设计软件,功能强大,但操作却很简单.对于初学者而言,这里较你快速入门. 操作方法 01 打开solidworks,新建零件图,首先,你需要明白,任何草图的 ...

  • 【手持云台教学】大疆灵眸Osmo快速入门

    在运动中捕捉清晰.稳定的影像,摆脱模糊的画面.歪斜的构图和杂乱无章的摇晃镜头.以前使用专业设备才能获得的流畅视觉效果,现在触手可得.灵眸Osmo是一台小巧智能的一体化手持云台相机,不仅能轻松拍摄高品质 ...