UI是User Interface的简称，UI设计就是指对软件的人机交互、操作逻辑、界面美观的整体设计。比较直白的说明就是，当我们打开微信、操作点击任意一个功能，出现在你眼前的界面都是属于UI设计。

一个优秀的UI设计可以体现出个性和品味，最主要的就是让软件在操作时舒适简单、自由，充分体现软件的定位和特点。UI设计一般分为三个方面，图形设计，交互设计，用户测试体验，我们所说的UI设计师就是，软件图形设计师、交互设计师、用户研究工程师。

UI设计构是成现在的智能生活不可或缺的一部分，平面设计不是我们感觉的那种单纯美术工作，而是软件产品的产品“外形”设计。现在国内目前大部分的UI工作者都是这个工作内容。而交互设计主要就是让用户操作起来更加简单、直接，一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。

用户测试体验顾名思义就是测试交互设计的合理性及图形设计的美观性，主要以目标用户问卷的形式衡量UI设计的合理性。主要是了解用户现在需要什么样的体验以及界面，从而方便用户使用。毕竟图形设计，交互设计都是为了终端用户的感受更舒适，更便于操作。想要成为一个UI设计师，除了熟练使用各类软件，还需要具备色彩、排版、心理学、数据分析等等这一系列的软实力，同时还要清楚的知道，软件的操作技巧不能决定你走多远，但它在一定程度上决定了你能不能走这条路。不过从应用领域来看，UI设计的前景还是非常不错的。

谢邀！1什么是UI设计？《》中对UI设计作了这样的定义：“UI即User Interface(用户界面)的简称，UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。”用户界面（User interface） ，用户界面是一个比较广泛的概念，指人和机器互动过程中的界面，以手机为例，手机上的界面都属于用户界面。我们通过这个界面向手机发出指令，手机根据指令产生相应的反馈。设计这套界面视觉的人称呼为UI设计师。我们一般所说的UI设计多指UI视觉设计，主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展，纯视觉的工作已经开始日益减少，行业要求UI设计师也要懂点交互设计和产品方面的知识，即懂用户体验设计（User experience），国内称UE，国外叫UX（全栈设计师甚至要懂代码）。UI设计最后产出物是高保真视觉稿＋页面标注＋切图。出于成本考虑，有的中小型公司和初创型公司也会让UI设计师负责一些平面类的设计，如：海报、宣传册、LOGO等。所以，UI设计师如果会平面设计或手绘则是加分项，但不是必须项，不会也不用担心。UI设计是近年来关注度非常高的一个行业，UI设计师也是引发了很多人的关注。UI设计主要是图形设计和交互设计。图形设计就是传统意义上的美工，以前UI设计不受重视，所以美工地位不高，现在随着UI设计的兴起，美工也被称为UI设计师。其实UI设计师不是单纯意义的美术工人，而是软件产品的“外形”设计师。交互设计主要设计软件的操作流程、树状结构、操作规范等。在这个颜值当道的年代，UI设计师的水平高低直接决定了互联网产品（不伦手机还是PC）的颜值。撇开产品的质量，用户接触产品的之一印象，就是UI设计师的杰作，对于很多受众来说，一旦产品的颜值/之一印象达不到标准/审美，那下一步就是直接拜拜了。一个好的UI设计师，能给予产品一张标致的脸，能赋予有趣的灵魂新的价值，所以说UI设计绝不是打杂美工。2UI设计师的分类：在PC端从事网页设计，我们称呼WUI（Web User Interface）设计师或者网页设计师。PC端UI设计，也就是电脑用户，界面指的就是电脑上的操作界面。像电脑版的 *** ，微信，PS等软件和网页的一些按钮图标等，都属于PC端UI设计。在移动端，从事移动设计的称呼为GUI（Graphics User Interface）设计师，因为移动端会有大量图形用户界面设计。也就是说手机上的所有界面都是移动端UI设计。比如微信聊天界面， *** 聊天界面，手机桌面，手机上看到的所有图标界面点了后会有反应都可以理解成移动端UI设计。另外还有游戏UI，和其它UI ，比如像VR界面、AR界面、ATM界面、一些智能设备的界面，比如智能电视、车载系统等等，用户较少，但又需要，未来有可能很火，有可能保持现状。3学习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原型等等。记住，一定要抓重点，界面设计是最核心的。你一定要做出拿的出手的成套的作品，并且要对自己做的东西有一个深刻的理解，要说的上来为什么要这样去设计。4UI设计师的基础修养大局观在进入一个未知的领域前，必须先了解这个领域的架构，待有了比较全面认知后再深挖，这其实也是大学专业课程设置的思路，先学习一门导论课，了解基本概念，再进入细分领域。同理UI设计，先对整个行业有总体认知，再去学技法层面的内容、规则，慢慢把知识库填充完整，这样，在学习前，就能做到心中有数。知识和技术基础如果说程序员一天中大部分时间都在当码农，那么设计师的时间都留给了Ps和AI这种处理软件，而这些也正是“美工”称呼的来源。娴熟的技法，是完美展现设计作品的必备条件，作为UI设计师，掌握这些常用软件也就成为了人人都会的基本功。绘画基础有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可（这就是真美工了），借鉴固然是一种能力，但当你的技法娴熟到一定程度，就可以尝试创作，在知识和技法的积累上创作属于自己的作品。各平台设计规则iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好，在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。遵守这些规则也是业内的一些最基本的规矩了。理解能力产品经理常常会直接发需求文档给设计，能读懂产品文档、快速分析需求，定位出风格、色调、元素，最后迅速把产品需求视觉化，就是产品经理们更爱合作的设计师了。当然，与之相对的沟通能力也非常重要，千万不要发展成产品经理和设计师互杠互怼的情况。5UI设计师的进阶修养个人审美能力为什么我们总喜欢发现新的事物并趋之若鹜？读与设计是来说除了应用本身生产的优质内容外，设计感是很重要的一点，那什么是设计感呢？投射到设计师身上，大概就是设计师自身的审美意识了和认同感了。至于审美意识要如何培养、提高，日积月累地浏览、学习、反复思考、琢磨，一千个人心中有一千个哈姆雷特，相信每个人的积累也会诞生出不同的东西。用户体验除了设计界面的UI设计师之外，互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题。但对于一个互联网产品的视觉设计，懂产品，懂用户，才能诞生出大众喜爱的产品设计。交互设计很多人分不清交互和UI，UI主要做的是图形用户界面，也可以称为GUI设计师；交互设计主要做处理点事人机互动的界面，任何与机器打交道的过程，都需要交互设计师来参与。但坦白说，现在的App中，有多少操作能把UI和交互完全清楚地剥离开来呢？一个好的产品，需要美观的界面和顺滑的交互，也就离不开设计师两种能力的相辅相成了。尤其现在，设计趋向扁平化的时期，只要遵循设计规范，交互设计甚至能出了设计稿后直接给开发去实现，单纯UI设计的存在感日益弱化。代码能力这几年互联网产品最火的推广方式是什么？自然是H5！那么如果一个设计师既能做好设计，又能完善布局前端代码，那么只要有一个简单idea，经过你的手就能完全实现。这种复合型人才会是多少公司争抢的对象呢？这就得看你个人能努力到哪一个程度了。好了，今天就先回答到这里，看完别忘记点赞哈~~~如果关于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应用程序。

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

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

1、UI设计方向

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

①、用户研究

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

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

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

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

②交互设计

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

③界面设计

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

2、平面设计的设计 *** /步骤：

①、调查

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

②、内容

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

③、理念

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

④、调动视觉元素

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

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

⑤、选择表现手法

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

⑥、平衡

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

⑦、出彩

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

⑧、关于风格

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

⑨、 ***

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、注意事项

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

1、相对稳定的方面：

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

2、不稳定的方面：

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

3、设计思维的科学：

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

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

图形是平面设计的核心元素之一，故图形设计也是设计师必须掌握的重要能力，不论是海报设计、广告设计、包装设计、UI设计、Logo设计都离不开图形设计，其中更具代表性的还是要数Logo中的图形设计，所以葱爷从logo 图形入手，总结了6个最常用的图形设计 *** 。

加法是图形设计中最常见、最实用的 *** ，即把两个或两个以上的元素组合成一个新的图形。

加法操作方式主要有两种：之一种：将两个或两个以上元素的图形拼接或组合在一起，得到的新图形中虽然含有加法中的每一个元素，但外形轮廓已不是他们当中的任何一个图形，即它们都是新图形的子图形，这种相加的方式关键在于找到各元素可以巧妙连接的点，或者可以完美组合的方式。▲字母C与钻戒组合在一起。▲将树叶与咖啡杯巧妙连接起来。

▲广州塔与“品”字融合在一起。▲字母U与H组合。第二种：将元素A融合进元素B中，得出的图形在外形上仍保持着元素B的大体特征，但是元素A也完美地融入在里面。即B是母图形，A是子图形，这种方式的关键在于元素A是否能完美地融入元素B当中。▲游戏手柄是子图形，河马是母图形。▲爱心是子图形，狐狸是母图形。▲海浪是子图形，树叶是母图形。实例：高音符号+眼睛由于高音符号中间的螺旋与眼珠造型类似，所以具备了做加法的前提，但要怎么组合效果会比较好呢？我们可以尝试一下，首先我尝试了之一种 *** ，即把高音符和眼睛都作为新图形的子图形，如下图。虽然两个元素都得到了完好保留，但造型不太美观、简洁，而且这两个元素的线条并没有融合起来，而是简单、粗暴的相加。所以我尝试了第二种 *** ，把高音符作为眼睛的子图形，如下图。上图把两个元素完美连接了起来，整个图形比方案一简洁了不少，而且仍保有比较高的识别性，所以这个思路更靠谱，在此基础上用辅助线规范一下，这个图形设计就完成了。即把元素A通过变形或者增加一点辅助元素，使其在造形上向元素B靠近，但仍保有图形A的识别性，新得到的图形介于图形A和B之间。比喻手法成立的前提是，元素A与元素B在造型上要比较接近。▲通过变形把手掌比喻成鸽子。▲通过变形把字母V比喻成鹿头。▲通过在条纹状的“M”上增加一双筷子，把其比喻成面条。实例：把爱心比喻成桃子爱心图形在外形上与桃子本来就相似，所以我们只需要在爱心上方加一片小树叶就能达到目的。不过上图太过常规，没有设计感和独特性，所以我在爱心上做了一点加工，形成了循环的效果，如下图。大致效果还行，接下来，我们用辅助线把这个图形比较规范地画出来就可以了。正负形又称阴阳形，最典型的代表就是太极图，即在一个图形中，填充了颜色的部分是图形，没有填充颜色的部分也可以形成图形，正负图形通常是包围式或半包围式的。所以正负图形设计的关键在于

LOGO常用形式

图形为主：以单纯象征图形为构成元素，包含具象、抽象和象形图形。

文字为主：以字体设计为核心，直观、易传播。

图文结合：以图形加文字的形式呈现，此形式较为常见。

LOGO创意方式

(1)含义联想

象征性就是采用具体的事物转换为视觉化的图形或符号来表现某个抽象意义或观念，可以是一个动物或植物、人物等。

比喻性：采用图形表达想平行的另一层含义。比喻建立在两者之间的性质或关系上的共性，比喻性标志，就是接A说B的过程。从侧面讲述问题表达寓意。

故事性：故事性就是使用故事中的人物或符号作为标志的设计元素。借用故事的流传程度，传播公司的理念或行业特点，基于公众对故事的理解，具有良好的传播效果。

(2)图形表现

具象图形：对现实对象进行提炼、概括、浓缩、简化，突出或夸张其形态特征，突出其气质。具象的标志通俗性与高度的辨识性,清新、明快的视觉形象传达出企业的精神和理念。

抽象图形：突破了具象的束缚，在设计与构思上有较大的发挥余地，创造出一种独特的图形，来表达企业内涵及愿景。

看完了小编的文章后，有没有给大家带来些许的设计灵感呢大家在设计logo时，要特别注意logo的醒目性、简洁性、美观性与准确性，这样做出来的logo才能够吸引用户，留下深刻的印象。