UI 设计新手应该怎样入门?UI设计是什么?学习UI设计需要掌握哪些知识?

1.什么是UI设计?

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

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

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

1.什么是UI设计?

UI的相关概念

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

在设计师领域,

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

PC端UI设计

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

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

UI、WUI、GUI关系图

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

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

设计软件

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

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

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

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

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

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设计要学的都是比较高级的知识,学习起来也是需要花时间和精力的,所以,基础软件一定要先学扎实。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

为什么要这样做呢?

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

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

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

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

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

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

想系统学习的加我微信963834545

UI设计学习群661690541

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容