icon属于网页设计么（ui手机界面设计课程可分为哪四个阶段）

本文目录

• ui手机界面设计课程可分为哪四个阶段
• APP设计，icon设计，UI设计之间有什么区别
• 网页设计中色彩搭配方法有哪些
• icon是什么意思中文
• 我想问下设计师，那些网页，手机上的icon都是怎么画的，AI和PS一般需要装什么插件，比较方便
• 图标（icon）设计的方法有哪些
• 标签栏ICON的设计与应用

ui手机界面设计课程可分为哪四个阶段

GUI(平面设计)、WUI（网页设计）、MUI（移动交互设计）、项目实训。
1、GUI平面设计的课程内容包括字体设计、VIS、平面设计软件技术（PS、AI、ID）。
2、WUI网页设计的课程内容包括banner设计、专题页设计、网页设计、企业网站策划、HTML、CSS、JS等前端技术。
3、MUI移动交互设计课程内容包括ICON设计（系统图标、扁平图标、写实图标）、原型设计、交互设计、APP界面设计规范及原则、切图标注技巧、移动交互设计软件技术（PS、AI、Axure、Cutterman、Markman）。
4、项目实训课程内容包括产品定位、需求分析，用户画像、竞品分析、规范信息架构、界面设计、AE交互动画、项目实战、移动交互设计软件技术（Xmind、AE、sketch）。

APP设计，icon设计，UI设计之间有什么区别

APP设计，icon设计，UI设计之间有什么区别

app就是手机app啊，icon是app图示，UI包括app介面，网页介面，穿戴装置介面，和人机互动设计

app设计：例如微信是一款app，它的设计包括微信的logo图示设计，也就是icon设计，每个使用者介面的设计，即UI设计，操作方式设计，即互动设计，设计之外，还可能涉及到使用者研究、可用性测试等。范围较广，包括App原型设计，Icon设计，互动设计（按一个按钮，它会反馈什么，是弹出提示还是跳转到另一个介面），UI设计（即App的介面）等等。
Icon设计：图示设计，例如qq的那个企鹅就是它的icon。根据产品（比如一个App）的功能，设计一个符合该产品定位的图示，重点在于看到这个图示，知道能用它聊天还是拍照或者其他。
UI设计：使用者介面设计，例如，你登陆QQ时，出现一个输入账号和密码的页面，这个页面整体的设计就是它的UI设计。比如公司要开发一个社交类/摄影类App，那么应该根据产品的定位，设计它的介面，例如启动页，首页等等，也可以是一个网站的首页，注册页面等等，UI设计强调视觉效果，即第一眼看到的是什么。

UI）设计，视觉设计，美工设计等它们之间有什么区别

网页美工局限于美术设计和页面制作，UI注重互动，使用者体验是第一目标。
1、UI设计：UI即User Interface（使用者介面）的简称。UI设计则是指对软体的人机互动、操作逻辑、介面美观的整体设计。好的UI设计不仅是让软体变得有个性有品味，还要让软体的操作变得舒适、简单、自由、充分体现软体的定位和特点。
2、网页美工：是精通美学，photoshop（PS），FLASH，dreamwaver（DW）等一网站制作软体的网路人员，必须具有良好的创意和一定程度的审美观。必要时需要一定的策划知识。为网站所有的页面画出来并用DW和css排版出来。页面必须清晰简洁，还要适宜后台呼叫。

ui前端设计和ui设计有什么区别

平面设计主要学习如报纸广告、喷绘 *** 、名片、路牌、企业样册、VI设计、LOGO标志、宣传单页、宣传折页、海报、包装设计及婚纱设计等，这些都属于平面设计的范畴。
UI的本意是使用者介面，是英文User和interface的缩写。从字面上看是使用者与介面2个组成部分，但实际上还包括使用者与介面之间的互动关系。介面设计，在漫长的软体发展中，介面设计工作一直没有被重视起来。做介面设计的人也被贬义的称为“美工”。其实软体介面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个友好美观的介面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。介面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为终端使用者而设计，是纯粹的科学性的艺术设计。

平面设计，Ui设计，视觉设计有什么区别

视觉设计包含平面设计；平面设计包含UI设计。

ui设计就是不一般指的是介面，互动之类的设计，讲究的是视觉体验的。平面设计就是常见的书籍设计，报纸杂志，广告设计，包装设计等都属于平面类的，属于视觉感受。而视觉设计一般是视觉传达设计多数指的是平面，如果宽泛的说就是一切传达的东西都属于视觉，广告设计，平面设计，ui设计等都属于视觉设计，给人视觉观感的美的享受。请采纳 个人看法

平面设计和UI设计有什么区别？

平面设计它又称装潢设计、视觉传达设计，其中包括：海报设计、标志设计、VI设计、包装设计、书籍设计、网页设计、介面设计、字型设计、插画设计等
"UI"的本义是使用者介面，是英文User和interface的缩写。UI设计师简称UID(User Interface Designer)，指从事对软体的人机互动、操作逻辑、介面美观的整体设计工作的人。

UI设计则是指对软体的人机互动、操作逻辑、介面美观的整体设计。好的UI设计不仅是让软体变得有个性有品味，还要让软体的操作变得舒适、简单、自由、充分体现软体的定位和特点。
平面设计泛指具有艺术性和专业性，以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。
通过定义能看出UI更注重互动方面的设计，不过现在国内的UI设计师多数都是平面设计师转过来的，所以区分并不是很明显。就业方面UI要比平面好找很多。希望您可以采纳，谢谢。

平面设计，网页设计，ui设计三者有什么区别

1. UI即User Interface(使用者介面)的简称。UI设计是指对软体的人机互动、操作逻辑、介面美观的整体设计。也就是说，UI设计做出来的东西是和使用者有互动的，比如我们平常用的手机APP上的设计，就是有互动的，你对它进行某项操作，它会给你一个反馈。
   2.平面设计通常指的是以传达资讯为主的视觉设计，一般承载物为纸张（当然塑料、墙体也算），平面设计主要目的是资讯传达，
   3.网站设计其实现在已经和UI设计非常相似了，因为网站和使用者也是有互动的，但是网站工作更加杂，要求更加全面，比如他必须具备平面设计做画面的能力（Banner的设计还是很需要功底的）也需要书籍装帧设计的排版能力，同时如果再有UI设计师对互动上的敏感和对细节孜孜不倦的追求，那更加难得。

   想知道更多可以上王氏动漫教育的官网了解

网页设计中色彩搭配方法有哪些

网页美工设计中，最常用的几个颜色为蓝色、绿色、橙色，以及暗红色。
蓝色多与白、橙搭配，蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀；蓝天白云，沉静整洁的感觉。
绿色多与白、兰两色搭配，绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀，绿白相间，雅致而有生气。
橙色多与白、红搭配，橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀，橙色活泼热情，标准的`商业色调，因此多用于商业网站的网页美工设计。
暗红色显得宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，常以暗红为主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

icon是什么意思中文

Icon这个词来自于英语，中文的意思是图标或者图示。图标通常是指在计算机界面或者移动设备上用来表示应用程序、文件、文件夹、网页等的小图像。图标的作用是以一种简单而有意义的方式来传达信息，让用户更快速、更方便地使用计算机或者移动设备。

除了计算机界面和移动设备上的图标之外，Icon这个词还有广泛的应用。在设计领域，Icon被广泛地运用，可以用来代表品牌、产品、服务等。Icon能够用简单、直观的方式来传达信息，给人留下深刻的印象，具有很强的识别性。

Icon的应用不仅仅局限于计算机和设计领域，在生活中也有广泛的应用。比如在超市、商场等场所，用特定的图标来标识每个区域的商品分类，使得用户更加方便地寻找自己所需要的商品。此外，Icon还可以用来标识各种注意事项、禁止事项、指示方向等。Icon作为一种图形符号，在生活中发挥着重要的作用。

我想问下设计师，那些网页，手机上的icon都是怎么画的，AI和PS一般需要装什么插件，比较方便

问题一：你说的就是UI设计里面的图标设计这一块，你在手机上看到的那些图标从开始到诞生大概分为以下几个部分：

1. 确定主题立意，也就是你要给什么样的APP做图标

2. 确定风格，图标的配色、排版设计这些

3. 画草图

4. 在AI、或者CDR或者PS软件里面完成前面所有工作的总和，这是最重要的一步，需要你熟悉软件

问题二：PS的插件主要是看你干什么用，用户不一样，装的插件也不一样，像是摄影师，主要就是修图，所以装的都是调色滤镜和美妆插件，例如灯光工厂和DR3；像是淘宝美工，主要就是抠图合成，就可以装KNOCKOUT这类抠图插件，，，

 AI插件主要就是各种创意效果的分支，借助这些插件可以很容易的实现一些在原本软件里面很难达到的效果或者说不可能达到的效果，网上很多。

图标（icon）设计的方法有哪些

图标设计是UI设计中非常重要的环节，因为除了文字和图片的排版之外，在扁平时代能够传递给用户情绪和设计感的通道就是页面中的各种图形与图标

全文16,834字，阅读时长约35分钟

图标是UI设计中除了文字之外最不可或缺的视觉元素，在设计中看似只占一个很小的区域，但是它却是考验设计师基本功的重要标准，了解图标相关的概念，以及正确绘制的方法，是入门UI设计的必备条件

本文尽量将图标进行系统一些的介绍说明，当然仅一篇文章是不可能面面俱到包含所有知识点

内容比较基础，主要以设计概念和设计思路为主，对图标相关的内容进行组织梳理和分类，便于小伙伴们建立图标的概念体系

过程中也有针对几种典型的图标结构进行实操代练，想要把图标设计的更好，这就需要我们在平时勤加练习外，还要进行深度的思考，希望我的这篇梳理可以给大家带来帮助

1

1图标的定义图标，也称为icon或Picoto，是计算机世界对现实世界的隐喻和概括，代表软件产品中的功能及操作

它的本质是一种符号，它采用对这个世界的隐喻，来指代功能，含义，用途等

图标做为国际通用性语言，生活中随处可见，例如商场导视中收银台图标、出口图标、卫生间图标等，日常手机里使用的那些App图标，如微信、电话、短信等

的确，图标的形式有很多种，它可以应用在很多场景中，并且表现方式非常丰富，有线的、有面的、还有拟物的等

如果粗浅划分的话，UI设计中常见的图标大致分为2大类，第一类我们称之为「标志性图标」，比如手机中应用启动图标；第二类我们称之为「功能性图标」，这类图标经常出现于App或网站中，用于功能性指示引导或操作

1

2图标的重要性对于UI设计而言，图标可以说是整个产品的点睛之笔，它甚至可以直接影响着一款产品的形象和气质

在不少UI界面中，图标几乎是这个页面的核心支撑体，它直接影响着产品的视觉体验和产品调性

它有以下几点好处：全球通用：Windows,iOS,etc

中文版和英文版甚至各种语言版本，在不打开菜单之前，基本上都长一样；节约空间：如果在一个图标能够表述清楚含义的时候，比如用一个叉就可以不用写「关闭」；快速定位：图标可以用它独特的形状或者颜色让人快速定位到一个功能；上下文的定位：比如小飞机的图标单独放出来不确定是什么，但是在和收件箱在一起它就可以认为是发件箱了

1

3发展历程如你所知，图标、标识都不是界面设计师所创造的概念，它的存在可以追溯到人类文明诞生之初，在漫长的历史长河当中，早期用来传达信息的图标演变为系统的文字，而在地图、图书、壁画和建筑等各种各样的地方，还存在着用来代表和传达特定概念的图标和标识

随着技术的发展，计算机诞生了，而显示器的出现，也为图形化界面的诞生，铺平了道路

20世纪70年代，施乐在位于帕罗奥托的研究所当中，诞生了最早的拥有图形化界面的电脑，著名的「XeroxAlto」

这款昂贵的概念机最终并没有走进大众的视野，但是它的后续机型施乐之星在1981年问世，并且成为了计算机史上的重要里程碑，而XeroxAlto对于乔布斯和比尔盖茨的启发，更是引发了计算机历史上最著名的一场战争：苹果VS微软，Windows对抗Macintosh

当然这都是后话

来自苹果的Macintosh系统在图形化界面发展史上是无法绕过的里程碑

1991年，苹果借由Macintosh，首次发布了彩色的图标设计

图标所能容纳的信息量比起上一个黑白界面的时代更大，全新的样式使得它在信息传达的功能性上有了明显的提升

从iMac到iPhone引领的拟物图标更是开启了一个绚丽的图标设计时代

拟物时代盛行也带来了一些麻烦——拟物图标的质感、光影会分散用户的注意力，形成「视觉噪声」

于是UI设计师开始探索更新的表现形式来设计界面中的图标

如微软引领的Metro风格图标设计和Google引领的长投影风格的图标设计，但由于它们的表现形式太过于抽象，缺乏情感的传递，并没有获得用户的青睐

在此之后，越来越多的图标开始借由灵活而强大的数字技术而诞生，并且基于不同的需求而演化出不同的分支和风格

许多操作系统和工具开始预制一些成体系的图标，诞生基于种种需求，越来越多的自制的、重设计的图标，逐步进入了我们的视野

图标类型很多，我们可以用不同的方式来划分它们

标签栏ICON的设计与应用

@小莫@馒头Icon 是App页面中的重要组成部分，没有Icon的App是不完整的。标签栏是移动应用中最普遍、最常用的导航模式，应用于几类信息之间的跳转，提供页面的切换、功能入口以及界面导航的功能。其目的意义在于指示当前页面所处的位置。因此标签栏Icon的设计至关重要。

底部标签栏Icon我将它分为线性、剪影、微交互（微动画）三类。线性、和j剪影是最为常见的，它们各自又有很多不同的设计类型。

1、默认和选中状态均是线性图标。将选中状态的图标高亮处理来与其他图标进行区分。

值得提的一点是线性Icon的粗细一般是2像素，也有App做成1、3、4像素的，1-2像素的Icon有利于进行细节设计但识别性相对较弱，3-4像素的Icon醒目突出，造型上要简洁大方。

2、默认是线，选中是面。利用线和面的视觉差异和高亮的颜色来显示当前位置。这种方式是现在比较主流的设计方法，因为相比纯线性Icon，面的存在感更强，更加易于用户区分。

3、默认是线，选中是面加线。这种设计一般主色调是黄色的App常用到，因为黄色本身比较高亮，视觉不是很强烈，给Icon加上一个深色的描边就能使标签栏Icon比较“实在”。

4、默认是线，选中后细节丰富。这种设计比较有故事感容易打动用户，就像一张黑白的老照片突然鲜活了一样，令人印象深刻。

剪影Icon相对于线性Icon来说表现方式少了很多，一般默认的时候是浅灰色的面，选中状态只是利用高亮的颜色进行区分。 剪影Icon由于面积比较多更加具有表现力。

默认和选中的过程有一个微交互的动画效果,运用了情感化设计，使人们使用过程中产生乐趣和愉悦感从而增强用户体验。

Icon设计需要根据App不同的属性特点，设计出符合行业风格的标签栏Icon，那么我们就从以下几类常见App种类来分析如何正确把握Icon设计风格。

首先看每个图标都是线性风格，Icon的整体大小都一致，为44*44未选中状态为浅黑，选中后有微交互效果，趣味十足。细节上做了断点处理，避免了呆板的样式，正如App充满活力一般。整体看起来，小而精致，严谨的同时不失趣味与活力。

虽然也都是线性的，但是在细节上做的不错——拐点处都用圆角把握了母婴可爱萌的风格，在图标内部也增 加一些小元素：婴儿含着奶嘴笑；用幼芽表示育儿，亲子的Icon加上了笑的元素，图标风格与整个App很配，选中后则是带主色调的填充的图标，让用户知道当前处于哪个功能板块。

寺库是一款专卖高端商品的App，其产品档次高，价格贵，品质好默认状态下的Icon用的是深黑色的填充图标，选中后为主色调暗金色，从细节上看，每个Icon有尖锐的部分也有圆滑之处，配上深黑色与暗金色总体上看既不失严谨品质之感，又不落时尚潮流，是非常带感的一款App产品。

观其主色调便感受到一股热情激荡之感，而其Icon也是独具特色如:发现音乐，巧妙的弧度与音调符号相结合，朋友与帐号的Icon借鉴大众化的个人Icon，但对Icon的加工做的很好，柔和的弧度给人强烈的亲和感，半透明的白色作为为选中状态，选中为纯白，再配上类似于模糊后的唱片材质背景，给人一种高雅，神秘之感，也许莫扎特就是这种感觉吧！

Boss直聘，每一个Icon专属定制，普通的功能词语，不普通的Icon虽然也是线性Icon，但是从创意上来说很不错，比如职位Icon用卫星轨道配合环形圈，给人一种职位多而且科技感，公司Icon则是用高楼大厦，但却在楼层外的拐角处做了圆角处理，减少了冷冰冰的感觉增加了人情味，我的Icon加入了偏的发型，让这一块功能感觉活了起来，选中后的效果用主色调为青的颜色给人以希望之感。

呆呆酱是一款二次元互动类App。图标卡通风格浓厚，萌萌的Icon很适合二次元的风格 。

中国人喜欢过节，所以在传统节日期间很多APP为迎合节日气氛，将Icon设计成具有节日风俗外貌的样子，以便加深用户印象。

有些APP风格非常强烈，干脆将Logo字母作为Icon，这种设计确实非常个性，而且一定程度上也能加深品牌印象，但这种设计手法也是要看App风格和领导层的勇敢程度的。

电商App有时为了制造购物、促销氛围或者为了追求视觉特殊感，Icon设计经常不按常理出牌儿，而将具有设计感的文字和抽象的图形作为Icon。

在一些在线视频类APP中经常看见影视剧包场Icon的，底部标签栏最常见也最能显示一个剧组的财力，这种设计方式我们一般是很少接触到的大家就当欣赏欣赏就行了。

看完这篇文章，你学到了吗？赶快应用起来吧！