UI设计简介

UI设计：（web网页设计，从网页的构成、视觉规范、详情页、专题、推广页设计、web端类型、原型图的设计、原型出效果图、前端代码，移动端icon图标设计、产品及交互设计、视觉设计、动效设计、h5面试）

---

UI设计：手机布局页面，界面交互，行业配色，切图，标注等等，像播放器，手机导航，天猫，京东等等，所有的手机APP都是UI设计师来完成的。UI设计师是国内行业中薪资待遇最高的设计行业，手机APP的全面普及，带动了UI设计师的就业和发展，安卓系统和苹果的IOS系统 包括每个手机的不同的APP 他的布局页面 比如新闻类的 播放器累的 他们的风格 首页 列表页 详情页 功能页等等都是通过UI来完成的 还包括人机之间的互动体验 比如长按 点击 下拉 左滑右滑等等 还有行业配色 每个APP的作用不同 他的色彩搭配也是需要专业的设计 还有行业配色 每个APP的作用不同 他的色彩搭配也是需要专业的设计 切图啊 标注啊 这些都是UI设计师来设计的（ui交互就是互相交流、一般用于电脑操作领域，指人将信息输入电脑 经过一系列信息加工过程 再由电脑输出更高级的信息。UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。简单点：UI就是用户界面的意思，UI交互是指用户输入指令或数据，系统反馈处理结果。交互的话主要用到的软件就是xd啦）

---

岗位职责：

1.制定MRD(MarketRequirementsDocument).市场需求文档

2.制定PRD(ProductRequirementsDocument).产品需求文档

3.用户分析报告

4.产品架构设计

5.产品原型设计

6.界面UI设计

7.界面输出

8.分析使用者报告

---

设计师常用的软件：UI设计：

---

---

UI设计的详细介绍：（常见的软件以及作用）

ui设计用到的软件：（简介：配色，排版，字体设计，三大构成，消费心理学，沟通学，以及思维导图，原型图，还有交互逻辑，规范，切图，了解程序，互联网思维，用户体验主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计AE软件在UI设计工作中主要用来做动效设计XD 或者sketch软件sketch（只能在苹果电脑上安装，如果电脑是win系统就可以安装XD软件ARP或者默刀软件）

UI设计学习软件知识：

主流的软件：PS、AI、AE、ARP、C4D、DW，插件：思维导图、蓝湖、墨刀

ui学习网站（以及论坛）：

1、UI中国：UICN用户体验设计平台

2、站酷：站酷 (ZCOOL) - 设计师互动平台 - 打开站酷，发现更好的设计！

3、花瓣网：花瓣网_陪你做生活的设计师（创意灵感天堂，搜索、发现设计灵感、设计素材）

4、设计导航:http://hao.shejidaren.com

5.ui素材网：UIHome

6.UI设计：UICN用户体验设计平台

7.慕客doc:更好的产品设计协作平台 - 摹客

8.老姜尺寸网：老姜尺寸网ChiCun - 做最标准的设计规范网站 - 设计师网💎

9.dribble：Dribbble - Discover the World’s Top Designers & Creative Professionals

10.collect ui：http://www.collectui.com/

11.ui8：http://www.ui8free.com/

12.adobe设计周报：https://create.adobe.com/

---

ui学习网站（以及论坛）：

学ui网：学UI网—UI设计师学习教程平台

致设计：http://www.zhisheji.com

一起学设计： http://www.17xsj.com

爱果果：http://www.iguoguo.net

90设计网：http://90sheji.com

UI设计者：http://www.shui-mai.com

UI中国:http://www.ui.cn

优阁网:http://www.uigreat.com

图翼网:http://www.tuyiyi.com

优设-UISDC:http://www.uisdc.com

UI设计第一站:http://www.ui001.com

优界网:http://97ui.com

520设计网:http://www.sj520.cn

盒子UI:http://www.boxui.com

UI设计网：http://www.uisheji.com

UI社：http://www.uishe.cn

UI图：http://www.uiimg.com

UI设计爱好者：http://www.uilover.com

觉唯设计:http://www.jiawin.com

最美ui:最美UI - 学设计，成就最美未来！

---

常见的的ui框架

一.Mint UI Github: https://github.com/ElemeFE/mint-ui/

由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。自 6 月初开源以来，根据社区和团队内部的反馈，修复了一些 bug 并新增了部分组件，于本周发布了 0.2.0 版本。

二.WeUI

官网地址：https://weui.io/ Github: https://github.com/weui/weui.git

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。

三.iView UI

官网地址：https://www.iviewui.com Github: https://github.com/TalkingData/iview-weapp

一套基于 Vue.js 的高质量UI 组件库，主要服务于 PC 界面的中后台产品，过去的两年里，iView 开源项目已经帮助成千上万的开发者快速完成网站开发，大幅度提高了开发效率，成为 Vue.js 生态里重要的一部分。

四.layui

官网地址:https://www.layui.com Github: https://github.com/sentsin/layui/ 经典模块化前端框架由职业前端倾情打造，面向所有层次的前后端开发者，零门槛开箱即用的前端UI解决方案 ，在年度最受欢迎的框架排名榜上也是前三名的。

五. ElementUI

官网地址:http://element-cn.eleme.io/#/zh-CN Github: https://github.com/ElementUI/element-starter

element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。

六.vant UI

官网地址：https://youzan.github.io/vant/#/zh-CN/intro Github: https://github.com/youzan/vant

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用

七. Flutter

官网:https://flutterchina.club/ Github: https://github.com/flutter/flutter

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面，前端对于 Flutter 的热忱度之高一度让人有点惊讶，事实上我在 Flutter 社区内见到的客户端开发者远多于前端开发，不过前端对于跨端解决方案确实有着天然的渴求。

---

’学ui网

http://www.xueui.cn

致设计

http://www.zhisheji.com

一起学设计

http://www.17xsj.com

爱果果

http://www.iguoguo.net

90设计网

http://90sheji.com

UI设计者

http://www.shui-mai.com

UI中国

http://www.ui.cn

优阁网

http://www.uigreat.com

图翼网

http://www.tuyiyi.com

优设-UISDC

http://www.uisdc.com

Uimaker

http://www.uimaker.com

UI设计第一站

http://www.ui001.com

优界网

http://97ui.com

520设计网

http://www.sj520.cn

盒子UI

http://www.boxui.com

UI设计网

http://www.uisheji.com

UI社

http://www.uishe.cn

优艾网

http://chinaui.com

UI图

http://www.uiimg.com

UI设计爱好者

http://www.uilover.com

觉唯设计

http://www.jiawin.com

最美ui

最美UI - 学设计，成就最美未来！

ui学习步骤以及路线

「UI黑客」是一个致力于分享UI设计领域的设计知识、经验效率、工具资源、设计菜单等，为前端设计师提供设计知识的广度和深度，另外该网站所有的知识点都是基于Mac平台。

---

常见图标设计网站：

1.APP图标素材资源站下载网址：www.Flaticon.com

2.图标素材资源站下载网址：http://www.iconfont.cn

3.图标素材资源站下载网址：https://www.easyicon.net

4.图标素材资源站下载网址：https://www.iconsdb.com/

5.图标素材资源站下载网址：http://www.iconpng.com/

6.图标素材资源站下载网址：https://www.icondeposit.com/

7.图标素材资源站下载网址：https://icons8.cn/

8.图标素材资源站下载网址：https://www.iconfinder.com/ ui

ui软件：

ui常用软件大全

ai

ps

xd

sketch

axure rp

x-mind

墨刀

c4d

ps play

principle

---

推荐工具：

综合网站导航：https://www.ubuuk.com
图标：https://www.iconfont.cn
花瓣：https://huaban.com
美叶：https://www.meiye.art
站酷：https://www.zcool.com.cn
UI中国：https://www.ui.cn
国外设计网站：https://dribbble.com
logo：https://placeit.net
好看图片：https://unsplash.com
配色网站：
https://mycolor.space/
https://colorhunt.co/
https://webkul.github.io/coolhue/
https://flatuicolors.com