UI设计,平面设计,网站设计有什么不同

一、UI设计、平面设计、网站设计的简单介绍：

①-UI设计的定义：

UI即UserInterface(用户界面)的简称。UI设计是指对软件的人机交互、 *** 作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的 *** 作变得舒适简单、自由，充分体现软件的定位和特点。

软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和Interface的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。

在飞速发展的电子产品中，界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。

②-平面设计的定义:

平面设计（graphicdesign），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、和文字，借此作出用来传达想法或讯息的视觉表现。平面设计师可能会利用字体排印、视觉艺术、版面（pagelayout）、电脑软件等方面的专业技巧，来达成创作计划的目的。[1]平面设计通常可指制作（设计）时的过程，以及最后完成的作品。

平面设计的常见用途包括标识（商标和品牌）、出版物（杂志，报纸和书籍）、平面广告，海报，广告牌，网站图形元素、标志和产品包装。例如，产品包装可能包括的商标或其他的艺术作品、编排文本和纯粹的设计元素，如风格统一的图像，形状，大小和颜色。组合是平面设计的最重要的特性之一，尤其是当产品使用预先存在的材料或多种元素融合。

③-网站设计的定义：

简单来说，网站设计的目的就是产生网站。简单的信息如文字，（GIFs，JPEGs，PNGs）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。网页设计是设计过程的前端（客户端）的设计通常用于描述一个网站，包括写标记，但是这是一个灰色地带，因为这还覆盖了网络的发展。网页设计师预计将有意识的可用性，如果他们的作用，需要创建标记，那么它们也有望成为最新的网页易读性指引。网站设计(WebDesign)，网站设计是一个把软件需求转换成用软件网站表示的过程，就是指在因特网上，根据一定的规则，使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网络服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网络服务。网站它是由域名（俗称网址），网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网协议（IP）地址相对应。而网站设计是设计师通过像Frontpage或Dreamweaver等工具来对网站进行编辑的！

二、UI设计、平面设计、网站设计所需的工具：

1、UI设计所需的软件工具：

从左开始一次为：Photoshop、Illustrator、CorelDraw、Indesign、Fireworks、DreamWeaver、Flash、HTML5、CSS(CascadingStyleSheets)、AxureRPPro70、IOS、Android。

2、平面设计所需的软件工具：

Photoshop、Illustrator、CorelDraw、Indesign、Fireworks、PageMaker。

3、网站设计所需的软件工具：

①Photoshop：

学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。

②Freehand：

不论是个人作品设计、公司徽标、海报制作，都可以轻松完成，应用于广告、印刷等行业

③CorelDraw：

通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。

④Illustrator：学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月，您就会成为一名真正的美术大师，在Photoshop的基础上再学它如虎添翼，效率成倍提高。

⑤MicrosoftFrontPage

如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

⑥Netscape编辑器

NetscapeCommunicator和NetscapeNavigatorGold30版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage2000还有些像但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。

Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或UltraEdit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。

⑦AdobePagemill

Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和ImageMap图像，那么AdobePagemill的确是你的首选。Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。

⑧ClarisHomePage

如果使用ClarisHomePage软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且ClarisHomePage30集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对ImageMap图像的处理也不完全。

⑨DreamWeaver

自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(DynamicHTML)的设计，使得页面没有plug-in也能够在Netscape和IE40浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了RoundtripHTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

⑩Fireworks

第一款彻底为Web制作者们设计的软件

Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及!

Flash

让你的网页动起来

Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局!我相信这句话没错!

HotDogProfessional

制作要加入多种复杂技术的网页

HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。

HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。

HomeSite

制作可完全控制页面进程的网页

Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。

HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。

MicrosoftVisualStudio

是美国微软公司的开发工具包系列产品。

该系列的版本有：2003、2005、2008、2010、2012、2013、2015、2015RTM和未来的版本;

适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等。

Jbuilder

一个可视化JAVA开发工具。它是在Java2平台上开发商业应用程序、数据库、发布程序的优秀工具。它支持J2EE，所以程序员可以快速的转换企业版Java应用程序。

不论是各种版本，均适合使用其开发出JSP网页。

三、UI设计、平面设计、网站设计的设计方向/方法/步骤/流程：

1、UI设计方向

UI是用户界面，是英文User和interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。

①、用户研究

用户研究包含两个方面：一是可用性工程学（usabilityEngineering），研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆；二是通过可用性工程学的研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。

用户研究是一个跨学科的专业，涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品，站在用户的角度介入到产品的开发和设计中。

用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。

他是得到用户需求和反馈的途径，也是检验界面与交互设计是否合理的重要标准。

②交互设计

这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。所以，很多的软件虽然功能比较齐全，但是交互方面设计很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能 *** 作电脑软件而下岗失业，这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科，也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解，使计算机真正成为方便地为人类服务的工具。

③界面设计

在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

2、平面设计的设计方法/步骤：

①、调查

调查是了解事物的过程，设计需要的是有目的和完整的调查。背景、市场调查、行业调查（关于品牌、受众、产品）、关于定位、表现手法、调查是设计的开始和基础（背景知识）。

②、内容

内容分为主题和具体内容两部分，这是设计师在进行设计前的基本材料。

③、理念

构思立意是设计的第一步，在设计中思路比一切更重要。理念一向独立于设计之上。也许在你的视觉作品中传达出理念是最难的一件事。

④、调动视觉元素

在设计中基本元素相当于你作品的构件，每一个元素都要有传递和加强传递信息的目的。真正优秀的设计师往往很“吝啬”，每动用一种元素，都会从整体需要出发去考虑。在一个版面之中，构成元素可以根据类别来进行划分，如可以分为：

标题、内文、背景、色调、主体图形、留白、视觉中心等等。平面设计版面就是把不同元素进行有机结合的过程。例如在版式当中常常借助框架（也叫骨骼），就有很多种形式，规律框架和非规律框架，可见框架和隐性框架；还有在字体元素当中，对于字体和字型的选择和搭配的好坏就是一个非常有讲究的。选择字体风格的过程就是一个美学判断的过程，还有在色彩这一元素的使用上，能体现出一个设计师对色彩的理解和修养。色彩是一种语言（信息），色彩具有感情，能让人产生联想，能让人感到冷暖、前后、轻重、大小等等。善于调动视觉元素是设计师必备的能力之一。

⑤、选择表现手法

我们在三大构成中学过很多种图形的处理和表现手法，如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式。另外还有从图形处理的效果上又有手绘类效果，如油画、铅笔、水彩、版画、蜡笔、涂鸦还有其他的如摄影、老照片、等等。那么你要选择那一种呢？这取决于你的目的和目标群体，以及你的设计水平。

⑥、平衡

平衡能带来视觉及心理的满足，设计师要解决画面当中力场的平衡，前后衔接的平衡，平衡感也是设计师构图所需要的能力，平衡与不平衡是相对的，以是否达到主题要求为标准。平衡分为对称平衡和不对称平衡，包括点、线、面、色、空间的平衡。

⑦、出彩

记住，你要创造出视觉兴奋点来升华你的作品。

⑧、关于风格

作为设计师有时是反对风格的，固定风格的形成意味着自我的僵死，但风格同时有是一个设计师性格、喜好、阅历、修养的反映，也是设计师成熟的标志，以为“了解大同，才能独走边缘”。

⑨、制作

检查项目包括：图形、字体、内文、色彩、编排、比例、出血等。

要求：视觉的想象力和效果要赏心悦目，而更重要的是被受众理解！

3、网站设计的设计流程：

①、网站设计流程一：确定风格

网站的风格通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的，还是清新秀丽的;是温文儒雅的，还是执着热情的;是活泼易变的，还是墨守成规的。在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。

②、网站设计流程二：搜集素材

查找并收集有关的文字、、声音、影像等素材，并对所收集的素材进行整理、处理。

③、网站设计流程三：网站布局

首页页面：首页主题还体现在logo及网站标题上。准确概括的首页主题可以很好帮助用户选择自己有确切需求的网站。

首页导航：网站导航可以看做是对网站内容的分类_把网站的内容进行细分方便用户跟据个人需求选择浏览相应栏目页面。

首页内容：页面的内容布局需先对网站的用户群体进行需求分析把用户关注最多的内容放置在首页的最重要位置。一般按照用户的浏览方式页面内容布局按照内容重要程度由左上到右下进行布置。

④、网站设计流程四：LOGO设计

怎样设计logo是许多网站设计师比较头疼的事情，在设计之前要进行基本的调研分析，也就是对该企业做全面的调查，然后就是要挖掘所需要的素材，最后就是进行设计开发了，这也是最重要的一步，只有经过反复的推敲修改，才能设计出令人满意的标志。

⑤、网站设计流程五：导航设计

在设计导航之前，要充分的分析用户需要什么？从导航的有效性、实现度和利用率来设计导航。

⑥、网站设计流程六：banner设计

在设计banner之前，要和客户沟通一下他们想在banner上突出什么重点，然后有针对的展现banner上的内容。当我们确定重点之后，banner的色彩搭配要明亮干净要与整个页面相协调。

⑦、网站设计流程七：友情链接设计

设计网站的友情链接要考虑一下网站优化的问题，链接一定不能是滚动的，因为滚动的链接没有人交换，最好是在底部一一列出来。

四、注意事项

视觉会给人带来一连串的生理上的、心理上的、情感上的、行动上的反应，设计是视觉经验的科学，他包括两个方面，一个是不以人为而改变的即生理感受的人的基本反应，另一个是随即的或不确定因素构成。如个人喜好，性格等等、等等。

1、相对稳定的方面：

主要是生理上的视知觉，人们的一些视觉习惯、视觉流程、视觉逻辑，如从上到下，从左到右，喜欢连贯的、重复，喜欢有对比的，还有在颜色方面人们最喜欢的其实是有对比的互补色等等。这都是跟人们的生理上的习惯有关，都是人生理机能的本能反应。作为设计师应该对这些知识能充分了解、灵活运用，设计是对人本的关注，首先应对文化与人的感知方式这些相对稳定的方面进行研究，并且需要我们在实践中去总结。

2、不稳定的方面：

不稳定的方面主要是指情感、素质、品位、阅历上的不同，在设计过程中你需要具备一定的判断和把握能力，你需要客观和克制，才能完成卓越的设计。

3、设计思维的科学：

设计是必须具有科学的思维方法，能在相同中找到差别，能在不同当中找到共同之处，能掌握运用各种思维方法，如纵向关联思维和横向关联思维以及发散式的思维，善于运用科学的思维方式找到奇特的新的视觉形象，才能不断发现新的可能。

平面视觉的科学其实是一个很大很深的学问，只有在这门学问的健全和深入的推广，才能保证设计水平的普遍提高。在这里只是抛砖引玉式的提出这一观点，还需要日后结合其他学科的研究成果进行系统的整理和论述。

若是使用的vivo手机，可以使用分屏的方法，主动分屏的方法如下：

在支持的应用界面，从屏幕三指下滑或在屏幕中下部分三指上滑可手动分屏。

查看支持分屏应用的方法：

Origin OS Ocean及以上：进入设置--快捷与辅助--多任务--手动启动分屏，查看相关启动方法；

Funtouch OS 92/iQOO UI--OriginOS 10：具体支持情况请进入设置--快捷与辅助/系统管理--分屏多任务--手动分屏中查看。

Funtouch26至Funtouch OS 91系统:具体支持情况请进入设置--分屏多任务--消息分屏/手动分屏中查看。

Funtouch26以前系统:具体支持情况请进入设置--分屏多任务--关于分屏多任务中查看。

若是指的其他的分屏，可进入vivo官网/vivo商城APP--我的--在线客服或者vivo官网网页版--下滑底部--在线客服--输入人工客服进入咨询了解。

UI的本意是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。

1用户研究。

用户研究包含两个方面：一是可用性工程学（usability Engineering），研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆；二是通过可用性工程学的研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法（consumer insight）。所以有：Usability is all about making things easier to use so people can focus more on the work and less on the tools that help them do the work

用户研究是一个跨学科的专业，涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品，站在用户的角度介入到产品的开发和设计中。

用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。

他是得到用户需求和反馈的途径，也是检验界面与交互设计是否合理的重要标准。

2交互设计。

这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。所以，很多的软件虽然功能比较齐全，但是交互方面设计很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能 *** 作电脑软件而下岗失业，这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科，也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解，使计算机真正成为方便地为人类服务的工具。

3 界面设计。

在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

很多人一提起UI设计就会想到手机app，手机程序，代码之类的工作，其实这只是一小部分而已，UI设计包括很多东西，UI指的是用户界面，包括用户和界面之间的交互关系，一般分为用户研究，交互设计和界面设计，下面我就来给大家讲解一下三者之间的联系与功能。

用户研究应该很好理解，就是字面上的意思，简单的说就是研究与你设计的产品相关的人群，那么为什么要研究他们呢？我们做的所有工作都是为了更好地设计，我们需要知道我们的客户想要的是什么，它的需求是什么，什么样的设计会更容易接受，这样在设计产品的时候可以避免走很多弯路。产品是设计给人用的，往往那些很自信不做任何调研做产品，一般都不会有好下场。

交互设计值得是人和机器建立联系，然后通过这个联系达到目的。交互设计的工作内容就是了解产品的想法和布局，结合用研的数据结果，去做产品原型设计。不难发现，由于交互设计的性质，会发现其实它处在产品开发的中间位置，是一个承上启下位置。

界面设计相信也很好理解，就是产品的门面，界面设计可能是被谈得最多的，和交互设计一样，界面设计师需要不断地与交互和产品经理进行沟通。对于界面设计师来说，除了要画软件界面外，还要画logo，icon，配图，运营banner还有就是动效设计等等，然后就是标注、切图和视觉还原，其实远比我们想象的要难的多。

想学习了解更多的，UI设计相关知识可以戳我/首先按照国际惯例，简述一下ui的概念：ui即userinterface(用户界面)的简称。ui设计则是指对软件的人机交互、 *** 作逻辑、界面美观的整体设计。好的ui设计不仅是让软件变得有个性有品味，还要让软件的 *** 作变得舒适、简单、自由,充分体现软件的定位和特点。

再来说说ui设计其中最重要的一环：人机交互。

一般来说，人机交互工程的目标是打造一个让用户 *** 作简单、便捷的界面。所以也就是说，ui指的不是简单的用户和界面，还包括用户和界面的交互。那么作为ui设计师，要做的就不只是设计出美观的界面，还要设计出让用户用起来舒服、 *** 作简单的界面。

分析ui设计的职位范畴，可以先从网页说起。

网页技术按照传统的分类来说，分为设计和开发两部分，英语中叫做webdesign和webdevelopment，ui设计师既然叫设计，肯定是属于design里面的，而设计一般还分为前端设计和后端设计，前端叫做front-end，后端叫做back-end。简单的打个比方，就是前端负责画蓝图、后端负责盖高楼，而ui设计师，就是属于前端设计的。

一个ui设计师，你不能局限在前端设计里，并非你只是设计楼的样子而不盖楼，甚至于怎么盖楼，都是你要全程监控的。试想，你的伟大设计由于一个拙劣的施工队而走了样，变了形，只能怪你监管不力，不用去埋怨施工队。当然，前提是你有这个权利去寻找一只有能力的施工队伍。寻找施工队的任务也是你要了解的，如果你只懂得大放厥辞，挥毫泼墨，丝毫不考虑施工队伍的感受，那你也会变成众矢之的。

比如你设计了一个相当绚丽和牛逼的界面或者人机交互功能，结果因为技术无法实现而破产，那你怪谁，只能说你无知和不考虑现实。

ui设计是干什么的？

先行迦美ui设计培训——中国就业最好的高端数字ui设计培训品牌，主要从事ui设计培训相关互联网紧缺人才的技术培养至今,已累计帮助上万名学员实现华丽转身,平均就业薪资3500元以上，最高就业月薪15000元以上。推荐就业率达到100%。就业学员遍布全国先行迦美ui设计培训拥有国内顶尖的师资力量，是国内最早一批从事ui设计教育的专业人才所组成的一家ui设计培训机构。这里说的UI设计是由什么组成的，是指他都包括什么内容吗？

UI即用户界面的简称。UI设计是指对软件的人机交互、 *** 作逻辑、界面美观的整体设计。优秀的UI设计不仅是让软件变得有个性有品味，还要让软件的 *** 作变得舒适、简单、自由、充分体现软件的定位和特点。当然UI设计师因为不同的职位的岗位技能需求也有不同。下面我就来说说UI设计到底包括什么内容：

一、学习内容：

1学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度，和绘画能力。

2二维造型方法，二维简约图标绘制原理与技法，各种材质质感表现。

3三维造型方法（物体的体积、结构、透视与光影表现）

4色彩原理：色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法

二．设计软件应用：

1以Photoshop软件为工具，讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。

2以矢量图形绘制软件Illustrator为工具，讲解标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。

3字体专项设计：字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用

4版式专项设计：版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。

5平面项目设计：结合软件、色彩、字体及版式的学习，针对宣传单、折页、名片、海报及VI做专题设计，提升综合应用能力及平面UI设计能力。

三．WUI设计基础：

1页面设计基本流程与设计规范的概念性讲解，重点了解WEB前端界面设计规范；网页配色技巧、色彩与构图的概念及技巧；网页导航与字版式设计

2网页设计软件应用：以Fireworks为工具介绍软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。

3以Dreamweaver为工具建立站点、添加页面元素、使用CSS样式及交互行为。以Flash为工具了解动画制做原理与技巧，典型WUI商业广告中的Flash技术与实现。

4网页设计要素：学习web网站设计基本要素，网站图标、按钮、广告banner、专题页设计等元素的具体设计方法Web标准化布局：（X）HTML/HTML5语言：HTML语法与常用标签的详解，包括布局标签，表格标签，表单标签等。

5CSS/CSS3层叠样式表：CSS语法与常用属性的详解，使用CSS对网站中各个模块进行修饰美化。

6WUI项目实战设计：以企业网站、电商网站及专题网页做实战项目设计，经过全流程设计，达到网页界面设计要求

四．UE交互设计

1手机主题、界面与图标设计；

2拟物化与扁平化设计；

3系统性学习苹果IOS设计规范；

4系统性学习Android设计规范。

5图标设计：图标设计要素与技法，图标设计中的色彩应用，图标创意思想与方法，2D图标设计方法，3D立体图标设计方法，图标在界面中的设计应用。

6移动UI界面设计：手机APP的用户使用场景，手机界面的布局与结构，手机界面中的视觉语言与控件详解，手机交互中的手势 *** 作。

7APP产品的核心设计：导引设计，手机APP的色彩与情感化设计，手机APP整体视觉情感的提炼与传达，移动APP项目设计IOS端APP实际项目实战。

以上就是我个人总结的ui设计包括的内容，其实UI设计学习起来还是很有趣味的，是一个不错的职业选择。若对UI设计相关还有其他疑问的小伙伴可在下方评论留言，看到都会回复的！！一、用户研究

用户研究包含两个方面:一是可用性工程学(usabilityEngineering)，研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆;二是通过可用性工程学研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。

用户研究是一个跨学科的专业，涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品，站在用户的角度介入到产品的开发和设计中。

用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。

他是得到用户需求和反馈的途径，也是检验界面与交互设计是否合理的重要标准。

二、交互设计

这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。所以，很多的软件虽然功能比较齐全，但是交互方面设计很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能 *** 作电脑软件而下岗失业，这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科，也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解，使计算机真正成为方便地为人类服务的工具。

三、界面设计

在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为"美工"。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。UI设计师一般都需要学习hotoshop、Illustrator、CorelDRAW、Indesign、Flash、Dreamweaver等软件

要想真正学好ui并且掌握ui设计精髓，那么ui设计有几个模板都需要学习的，

1平面设计模块：PS、ID、AI、CR四大平面软件

2电商设计模块：电商设计知识和技能、装修店铺以及电商运营

3UI设计模块：代码、动画、AXURE、网页界面设计、产品开发策划等专业技能

4移动端设计模块：ICON设计、APP设计、微信平台

当然不论发展行业前景有多好，都需要自己的努力与付出，这样才能真正学会，才能尝到最大的甜头。

以上就是关于UI设计,平面设计,网站设计有什么不同全部的内容，包括:UI设计,平面设计,网站设计有什么不同、怎么把两个应用程序分开在屏幕上呢、UI什么意思等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！