起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 0基础学习UI设计的小技巧

0基础学习UI设计的小技巧

时间:2019-01-31 10:56:25来源:我爱设计网 作者:IT培训网 已有: 名学员访问该课程

  快捷搜索:学习UI设计(27)


机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.cnitedu.cn

前言:在PC端从事网页设计,我们称呼WUI(Web User Interface)设计师或者网页设计师。PC端UI设计,也就是电脑用户,界面指的就是电脑上的操作界面。像电脑版的QQ,微信,PS等软件和网页的一些按钮图标等,都属于PC端UI设计。

既然提到零0基础如何自学UI设计?

那么我在这里就分为以下几个模块具体阐述一下:

1.什么是UI设计?

2.学习UI设计需要学习哪些软件?

3.学习UI设计需要掌握哪些知识体系?

4.学习UI设计的学习方法和建议?

0基础学习UI设计的小技巧_www.epx365.cn

1.什么是UI设计?

UI的相关概念

用户界面(User interface) ,用户界面是一个比较广泛的概念,指人和机器互动过程中的界面,以手机为例,手机上的界面都属于用户界面。我们通过这个界面向手机发出指令,手机根据指令产生相应的反馈。设计这套界面视觉的人称呼为UI设计师。

在设计师领域,

在PC端从事网页设计,我们称呼WUI(Web User Interface)设计师或者网页设计师。PC端UI设计,也就是电脑用户,界面指的就是电脑上的操作界面。像电脑版的QQ,微信,PS等软件和网页的一些按钮图标等,都属于PC端UI设计。

0基础学习UI设计的小技巧_www.epx365.cn

0基础学习UI设计的小技巧_www.epx365.cn

PC端UI设计

在移动端,从事移动设计的称呼为GUI(Graphics User Interface)设计师,因为移动端会有大量图形用户界面设计。也就是说手机上的所有界面都是移动端UI设计。比如微信聊天界面,QQ聊天界面,手机桌面,手机上看到的所有图标界面点了后会有反应都可以理解成移动端UI设计。

0基础学习UI设计的小技巧_www.epx365.cn

0基础学习UI设计的小技巧_www.epx365.cn

在公司中,人们并不会很清楚的区分这两种职能,都统称为UI设计师。因为他们产出的都是界面,都需要对产品的界面视觉负责。

0基础学习UI设计的小技巧_www.epx365.cn

UI、WUI、GUI关系图

还有游戏UI,和其它UI ,比如像VR界面、AR界面、ATM界面、一些智能设备的界面,比如智能电视、车载系统等等,用户较少,但又需要,未来有可能很火,有可能保持现状。

2.学习UI设计需要学习哪些软件?

设计软件

软件的掌握是一种硬技能,不管我们有多好的想法,都需要好的软件掌握来实现。我们需要掌握软件的基础操作,例如Photoshop中的形状工具、钢笔工具、文字工具、图层样式 。也需要了解曲线、色阶这部分图像调整功能。下面介绍一些在UI设计中常见的软件。

Photoshop:是一款老牌像素处理软件。主要处理以像素所构成的数字图像。在图像、图形、文字、视频、出版等各方面都有涉及。各种设计行业图形处理都会用到Photoshop,可以满足UI界面设计的日常需要。

0基础学习UI设计的小技巧_www.epx365.cn

Illustrator :是矢量软件,广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等。在处理一些及其复杂的图形路径时候,可以考虑使用Illustrator ,也有设计师所有的图标在Illustrator 中完成,然后连接嵌入到Photoshop。

0基础学习UI设计的小技巧_www.epx365.cn

After Effects:现在扁平化设计成为主流,所以动效设计成为不可或缺的一部分。可通过这个软件设计动效平滑切换界面。

0基础学习UI设计的小技巧_www.epx365.cn

Axure RP是一个专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

0基础学习UI设计的小技巧_www.epx365.cn

3.学习UI设计需要构建哪些知识体系?

首先我们要知道在实际工作中“UI设计师主要是做什么事儿?”

APP界面设计(IOS和安卓)、网页设计、banner设计、H5界面,这些都必须熟练掌握,也都是重中之重。

经过对设计知识的重新梳理,我将所需要掌握的基本设计技能归纳为以下几点:

色彩:需要理解色彩的基本原理以及配色方法。色彩很难把控,因为它很容易被过度使用。如果,你还是一个初学者,那么尽可能使用柔和的色彩,仅在需要强调的地方使用更醒目的色彩。

字体与排版:文字往往占据整个设计内容超过80%的区域,所以理解如何使用正确的字体和排版方式非常重要。请将内容的清晰易读作为你定义字体和做排版的首要目标。

动效:动效能够显着增强一个应用的用户体验。他们能使你的应用更有生气和迷人,前提是你所设计的动效快速、流畅,并且是符合用户预期的。

图标:优秀的图标往往与我们每天见到的事物紧密关联,比如 相机、垃圾桶、云等等,能让人一眼就识别出它所代表的功能。因此,使用那些具有良好辨识度的图标,避免让用户产生混淆。

UI要掌握的知识技能确实很多,但是你要是把顺序搞错了,你将浪费很多时间,走很多弯路。

先从网页设计开始,同时学习平面设计的基础(三大构成,排版配色等)。然后再过度到APP,这样你会相对容易很多。

图标之类的平时也需要多画画,特别是布尔运算要熟练掌握。图标这些可以让你对软件操作更加熟练,对图形的把握更加准确。能够根据产品的特点自己绘制一套符合产品个性的原创小图标。

审美必须长期去培养,做的东西丑,主要是审美差,多看看优质的设计案例,多整理个人素材库,看到好设计及时收藏归类。审美提升这个过程是比较漫长的,只能多看、多分析。累积到达一定程度,会豁然开朗,立马开窍的。

界面设计是最重要、也是最难掌握的。需要多花心思去分析需求,提炼信息,合理的布局排版,遵循交互逻辑,避免犯错。

banner设计要加强练习,保证信息传递准确的前提下,提升设计形式感,包括文字的变形组合,色彩的搭配,背景氛围的烘托。这是设计师日常工作中非常重要的一部分。

当你能轻松的设计出合格的界面了,接下来再搞搞AE小动画,Axure原型等等。记住,一定要抓重点,界面设计是最核心的。

你一定要做出拿的出手的成套的作品,并且要对自己做的东西有一个深刻的理解,要说的上来为什么要这样去设计。

4.学习UI设计的学习方法和建议?

首先,你需要明白一件事情:

你无需生来就拥有设计的天赋。

我们谁不是天生的设计师,而是天生的艺术家,设计技能是需要学习的。

设计的本质就是解决问题,它是一个不断发现问题并将其解决的过程。

以下为Dieter Rams的设计十原则,简短而具有概括性的语言折射出设计的多元面向:

1. Good Design is innovative;

良好的设计是创新;

2. Good Design makes a product useful;

良好的设计使产品有用;

3. Good Design is aesthetic;

良好的设计是美学;

4. Good Design helps a product be understood;

良好的设计可以帮助理解产品;

5. Good Design is unobtrusive;

良好的设计是谦虚的;

6. Good Design is honest;

良好的设计是诚实的;

7. Good Design is durable;

良好的设计是持久的;

8. Good Design is thorough to the last detail;

良好的设计贯彻到最后一个细节;

9. Good Design is concerned with environment;

良好的设计是与环境共生的;

10. Good Design is as little design as possible;

良好的设计是尽可能少的设计;

Dieter Rams,一个影响了几代设计师的设计巨匠,将优良的设计提炼为最精髓的语言。而我们在学习UI设计之前也应该铭记这十个原则。

学习UI设计也是有方法的:

学习ui设计的小技巧之一:软件学习

UI设计要学的东西很多,软件是基础的东西,要想做好出好的ui设计就得先熟练掌握ui设计的基础软件,软件方面有:PS、AI、ID、Firework、Dreamweaver、HTML5、div+css等等。

不过对于新人,我认为还是一定要先把Photoshop学扎实。Ui设计要学的都是比较高级的知识,学习起来也是需要花时间和精力的,所以,基础软件一定要先学扎实。

0基础学习UI设计的小技巧_www.epx365.cn

学习ui设计的小技巧之二:找灵感

如何找灵感,也就是培养审美的能力,首先我们要知道什么好看,什么不好看。当我们排斥那些不好看的设计的时候,我们的品味就自然上升了。

再就是要知道去什么网站上看设计作品。看到不错的设计要采集下来。说到这里,我给大家推荐一些不错的网站。如:UI中国、花瓣网、站酷、Behance、APP截图等等……

0基础学习UI设计的小技巧_www.epx365.cn

那么,当我们接到一个设计任务的时候,该如何去快速的执行,快速找到灵感呢?——平时的素材采集和分类至关重要。一定要整理分好自己的素材文件夹。

对一个设计师来说,素材资源库,就是自己的财富,只有自己整理出来的才有价值。关键是自己要记得东西放在哪里了,不要用的时候找不到了~

0基础学习UI设计的小技巧_www.epx365.cn

学习ui设计的小技巧之三:懂分析

学会分析好的设计作品,主要从下面的几个方面去分析:

1.是配色上吸引了我们的眼球还是版式设计吸引了我们的眼球?

2.细节处理的很有新意吗?

3.背景烘托的很有档次吗?

4.为什么排版上看着很舒服?

然后再换位思考一下,如果是自己,自己会如何设计,设计手法和细节的处理会不会?创意想法上有没有给带来些什么灵感......

0基础学习UI设计的小技巧_www.epx365.cn

学习ui设计的小技巧之四:做笔记

态度决定一切,我们在学习的时候应该学会做笔记。当天学过的内容当天就得进行一次整理。

为什么要这样做呢?

首先,这个时候记忆还是微热的,但很快就会开始淡化,那么一次及时的整理就显得非常必要。

其次,人的记忆会出现偏差,特别是首次记忆,我相信每个同学听学到每一个知识点,当场得到的感悟肯定不会完全相同,大家都擅长看到其中的一个点,或者只看到其中一面,那么这就是一个很好的重新审视知识的机会。这就是书写的魔力。

而第二天,又会有新的东西加进我们的记忆,所以,当天整理很有必要。

0基础学习UI设计的小技巧_www.epx365.cn

0基础学习UI设计的小技巧_www.epx365.cn

0基础学习UI设计的小技巧_www.epx365.cn

0基础学习UI设计的小技巧_www.epx365.cn

学习ui设计的小技巧之五:临摹

理论与实践并行,我们熟悉相应的理论知识后,还需要做大量的设计练习。把设计知识融于实际的工作中,这个过程中手要勤,眼要宽。

手勤就是多练,业余时间去临摹成熟图标界面设计作品,再在合适的时机借鉴进实际的工作中。智慧源于心胸,心胸源于眼界,眼宽就是多去看设计网站开拓自己的眼界。

今天的内容就分享到这里了,以后想到的再补充吧。

原文标题:0基础学习UI设计的小技巧

原文链接:http://www.epx365.cn/peixun/ui/201946743.html


机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.cnitedu.cn

(责任编辑:IT培训网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片