ui设计初学者快速入门方法大公开!

步骤:软件基础-图标设计-界面设计-交互设计-用户产品

1.软件基础

如果说程序员一天中大部分时间都在码代码,那么设计师的时间都留给了Photoshop、Axure、Adobe Illustrator,涂涂修修确实是常态,而这里,也是“美工”称呼的发源地。娴熟的技法,是完美展现设计作品的必备条件,作为UI设计师,也应当熟练掌握这些常用软件。稍低一点的要求,是至少能精通其中一款软件,各种操作都已经形成自然反应,其他软件也能通个七八分。PS、AI、Skech、Ae、Axure等等。制作原型,界面,图标制作,素材制作,切图等等相关步骤的软件都需学会。

ui设计初学者快速入门方法大公开!_第1张图片
来自网络

2、图标设计

UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位。

设计技法要点

关键节点绘制法 这里举例剪影图标绘制方法技巧,3步骤可以搞定,看似又简单又难,简单的是只是绘制参照物轮廓,保留基础识别性,步骤很少;难的是这调整的过程与产品环境的融合性,易用性,还有你自己的创意想法。

说简单点就是去繁择简并经过思考改造过的设计过程。而最基本的最需要犀利眼神抓准的是造型的关键节点,雏形出来后再根据想法调整。

提炼精华勾勒轮廓

通常在绘制已有参照物的基础上去设计一个图标,可以根据你喜欢的造型参照物去进行分析,先抓取到参照物的关键节点,几何绘制出来一个相似的基本图形。

ui设计初学者快速入门方法大公开!_第2张图片
来自花瓣

调整线锋优雅得体

基础雏形出来后就开始加入自己的想法调整线锋,线条走向决定造型。这个时候就得要调多几个版本了。设计师的处女座精细和纠结情结就在这里洒汗了,不断调整对比,挑选出一个最优再进行下一步。

ui设计初学者快速入门方法大公开!_第3张图片
来自花瓣

增特有细节出风格

最后一步的塑形,就是画龙点睛!造型的特点就在这一步去完成。

ui设计初学者快速入门方法大公开!_第4张图片
来自花瓣

3、界面设计

有人以为,设计师只要去图库网站找一些素材,借助工具进行修饰即可,其实这只能锻炼你的借鉴能力,当你的技法娴熟到一定程度,就可以尝试临摹。通过临摹,一则用来强化技法层面的能力,二来也能提升初学者的创新能力。

临摹的内容,可以有两方面选择:一种是系统自带的图标,比如Mac OX、Windows,或者移动端iOS、Android的原生图标,都是精心打磨过,既能帮助初学者了解平台设计规则,又能在临摹中逐渐巩固常用软件的技术。另一种则是行业牛人的设计作品,捉摸他们的设计风格、思想和细节,都能加深对设计的认识。

ui设计初学者快速入门方法大公开!_第5张图片
来自花瓣

4、交互设计

分不清交互和UI的人,可能一抓一大把,事实上,这还是有区别的。从一般意义上说,UI主要做的是图形用户界面,也可以称为GUI设计师;交互设计主要做处理点事人机互动的界面,任何与机器打交道的过程,都需要交互设计师来参与。但坦白说,现在的App中,有多少操作能把UI和交互完全清楚地剥离开来呢?一个好的产品,需要美观的界面和顺滑的交互,也就离不开设计师两种能力的相辅相成了。尤其现在,设计趋向扁平化的时期,只要遵循设计规范,交互设计甚至能出了设计稿后直接给开发去实现,单纯UI设计的存在感日益弱化。

ui设计初学者快速入门方法大公开!_第6张图片
来自花瓣

5、用户产品

从前,除了设计界面的UI设计师之外,互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题,但如今多元的趋势下,一个互联网产品的视觉设计,需要懂一点产品、懂一点用户体验,才能更有效的推进合作流程,同时也会培养自己多元化的思维方式(用户研究以缜密的逻辑发展,而UI设计则更加追求审美)。

ui设计初学者快速入门方法大公开!_第7张图片
来自网络

今天到此讲解完毕,希望对大家有所帮助,如想学习更多UI设计教程,可以加QQ:2877261857

也可以关注微信公众号: UI设计说,关注后回复书籍,便可以获得66本UI设计零基础学习书籍高清PDF版免费赠送!

你可能感兴趣的:(ui设计初学者快速入门方法大公开!)