materialui（国产手机厂商很少用material design来设计ui吗，为什么）

本文目录

• 国产手机厂商很少用material design来设计ui吗，为什么
• UI设计学什么
• 设计新手该如何获得设计灵感
• 为什么有很多Android应用的UI不符合Android标准
• Chrome 68稳定版如何激活Material Design设计UI
• 有没有UI设计师必备的网站推荐
• 为什么感觉bootstrap很厉害但却没有用在项目中呢
• 前端最新的UI库有哪些啊，萌新跪求
• 有没有目前比较流行、界面友好、功能齐全的vue移动端UI框架（组件库）
• Vue pc端UI组件库有哪些

国产手机厂商很少用material design来设计ui吗，为什么

Material Design 确实还比较好看，简单酷炫。但是手机厂商既然自己做UI，那肯定得与众不同。安卓原生的就是Material Design风格，所以国内厂商不会就直接用这个吧。另外Material Design不管做网站还是做APP，都是值得推荐的。给大家推荐一个UI库 Material-UI ,这是React框架的库，可以快速构建一套Material Design风格的网站或APP出来。

下面给大家看看几个官网的demo。

UI设计学什么

UI设计的知识内容包罗万象，品牌视觉设计、基础软件操作、电商设计等等。我们单从UI交互设计这个分支部分来看，需要学习的知识点如下：

Sketch美妆项目页面制作与移动端界面设计规范

UI架构层夯实-图标设计使用场景与设计规范、UI架构层夯实-导航范式与结构流式设计、UI架构层夯实-运营Banner组件化与活动胶囊设计

UI运营品牌IP植入-启动页设计、UI运营品牌IP植入-引导页与ASO市场推广页设计、UI运营品牌IP植入-弹窗页设计

移动端界面分类强化、PC端网站流程、PC端设计规范 、PC端页面设计制作

项目流程介绍、项目产品分析-强化产品感与逻辑

交互技能树-用户体验基础技能锻炼、交互技能树-全局交互文档、设计趋势与风格定位

安卓Material设计语言规范、UI视觉表现强化与评审、公众号与小程序设计、开发工作流程切图标注适配、AE图形动效与情感动效

项目互评与复盘 项目整合与答辩

以上就是UI设计培训需要学习的知识点内容，中公教育优就业为您解答。

设计新手该如何获得设计灵感

这10个网站将持续提供给你设计灵感，多年收藏的设计灵感来源网站

无论你是Logo设计师，摄影师，UI设计/产品设计师，建筑师，工业设计师还是插画师，你可能会有这样的时刻，当你盯着一个空白的屏幕，却不知道该从哪个角度开始开展项目。获得外部灵感，并有助于将新的创意组合在一起，以便随时为你自己的创作过程提供帮助。-materialui

不用说，你应该知道从其他艺术家那里汲取灵感和直接剽窃之间的区别。另一件需要记住的事情是，你不一定要从你所处的同一个创意领域中汲取灵感，也可以看到其他创意领域能提供什么。

1.Behance

这不需要介绍，这是Adobe最大的设计平台。

最适合：几乎任何创意领域，大量详细的项目。

2. Dribbble

与Behance在项目展示方式上截然不同，更像是对项目的一瞥。

最适合：快速创意，可快速吸收。数字创意领域（特别是用户界面/网页，标志设计，插图）。由于受邀系统，整体质量很高。

3. Pinterest

具有非常直观的搜索系统，为你提供缩小搜索范围的建议。还可以通过裁剪图像的任何部分来搜索视觉上相似的图像。

最适合：最广泛的创意领域/行业之一。 通常用于创建情绪板。

4. 500px

摄影灵感。

最适合：令人叹为观止的摄影。 这个平台上的镜头质量始终令人惊叹。

5. Awwwards

非常适合专注于顶级获奖网页/ UI设计。

最适合：尖端网站，用户界面和数字趋势。

6.Designspiration

有点像Pinterest，更侧重于平面设计和排版。

最适合：印刷灵感

7. Archdaily

来自建筑界的最新和最伟大的作品，它会让你永远迷上几个小时。

最适合：分类建筑案例研究。

8.Inspiration Grid

一个精心策划的视觉醒目画廊，广泛的类别。

最适合：各种平面设计，工业设计，插图，动作设计等。

9. Booooooom

名单上第二个最疯狂的网站。拥有大量富有想象力的非传统艺术作品。

最适合：美术。

10. OpenProcessing

最疯狂的一个。用代码生成的交互式和动态艺术。这些算法是由人类编写的，但它让你思考超智能AI。绝对是我最常去的网站之一。

最适合：生成艺术/算法设计。

为什么有很多Android应用的UI不符合Android标准

从来就没有标准这么一说，只是建议！

Google只是建议开发者在UI上使用Material design，但是并不强制，毕竟公司养了那么多的设计师，UI也不能不干活啊，如果市场上的App 的UI都一个样子，用户用起来是不是会觉得难受？你的APP还能脱颖而出吗？-materialui

综上：

对公司来说：

1. APP要有自己的特色，就不能完全按照官方推荐的标准进行设置，否则容易被用户遗忘，没有辨识度；

2. 审美这种东西，欧美和东方国家是不一样的，你看看国外的APP设计，再看看国内的，风格是完全不一样的；Google的建议在国内未必实用；

Chrome 68稳定版如何激活Material Design设计UI

日前上线的Chrome 68版本中，最大的改变莫过于所有HTTP网站均明确标记为“不安全”，不过令人欣喜的是在该稳定版中已经内置最新的Material Design UI设计，但目前并未在设置页面提供激活选项。不过感兴趣的用户依然可以在Chrome 68稳定版中进行激活，不过注意的是该UI目前仅为实验性质，因此并不建议将其作为日常办公使用。-materialui

想要启动Material Design UI，用户只需要复制“chrome://flags/#top-chrome-md”（不包括双引号）至地址栏中，像常规网站一样打开之后在页面上会出现相关的几个选项，其中包括默认、普通、混合、自动、可触控、refresh以及touchable refresh，用户选择Refresh，然后重启浏览器之后就能进行激活体验。-materialui

昨日Reddit社区有网友反馈称，在iOS端的Chrome上发现了隐藏的Material Design UI，用户可以通过chrome://flags界面激活“UI Refresh Phase 1”启用。目前尚不清楚新版界面具体的上线日期，不过相信应该会在Chrome 69或者70版本中带来这些改变。-materialui

有没有UI设计师必备的网站推荐

首先谢谢邀答。

相信每一个设计师都有自己常用素材网站书签，本人也通过收集整理分类如下，现与题主及各位喜爱设计的条友分享。

配色类

【材质UI颜色】materialuicolors.co

【色轮】brandmark.io

【Color Picker Tool】www.0to255.com

【Material UI】www.materialui.co

【ColorFavs】www.colorfavs.com

【Curated Color】www.colorion.co

【LOL Colors】www.webdesignrankings.com

【Material Design Colors】www.materialpalette.com

【uiGradients】uigradients.com

【中国传统颜色】zhongguose.com

【和色大辞典】

www.colordic.org

【千图配色】www.58pic.com/peise/

图库类

【FreeImages】cn.freeimages.com

【SplitShire】www.splitshire.com

【大作】www.bigbigwork.com

【Visual Hunt】visualhunt.com

【Zoommy】

zoommyapp.com

【泼辣有图】www.polayoutu.com

【Unsplash】unsplash.com

【矢量图库】undraw.co

【StockSnap】

StockSnap.io

【Shutterstock】www.shutterstock.com/zh/

【Pixabay】pixabay.com

【Pexels】www.pexels.com

【矢量图集】www.peecheey.com

【矢量图集】undraw.co/illustrations

【Hippopx】www.hippopx.com

【矢量纹理】www.heropatterns.com

【Foter】foter.com

【Freepik】www.freepik.com

图标类

【iconmonstr】iconmonstr.com

【Logo Faves】logofaves.com

【Logolounge】www.logolounge.com

【LogoMoose】www.logomoose.com

【Logopond】logopond.com

【Vector icons】www.flaticon.com

【Icon Ninja】www.iconninja.com

【Iconfont】www.iconfont.cn

在线制作类

【样机神器】rotato.xyz

【不规则形生成器】www.blobmaker.app

【片头生成器】panzoid.com

【噪音风格背景生成器】codepen.io/vcomics/pen/djqNrm

【背景生成器】codepen.io/vcomics/pen/ZjMpOe

【水墨风格生成器】

codepen.io/ge1doot/pen/wPymJv

【云文字】

wordart.com

【粒子爆炸生成器】

wangyasai.github.io/Particles-Emission

【向量场迹生成器】wangyasai.github.io/Perlin-Noise

【动态马赛克背景生成器】wangyasai.github.io/Awesome-Mosaic

【贝塞尔曲线生成器】wangyasai.github.io/Bezier

【流体效果】

david.li/fluid/

【双色图片生成器】duotone.shapefactory.co

【故障艺术生成器】photomosh.com

【太空模拟器】spaceengine.org

【镜像炫光生成器】weavesilk.com

【剪纸艺术发生器】pissang.github.io/papercut-box-art/

【人工智能图片无损放大】bigjpg.com

【星球生成器】alteredqualia.com

【位图转矢量】www.vectorizer.io

以上网站有的需要VPN浏览，大部分均为Free下载及使用，希望对题主有帮助！！！

为什么感觉bootstrap很厉害但却没有用在项目中呢

前端开发人员可能没有用过Bootstrap，但应该都听说过它。Bootstrap是一款前端框架，业内知名度很高。虽说不少公司在招聘岗位中也要求掌握Bootstrap等框架，但依旧有不少从业四五年的前端开发人员没接触过它，感觉现实项目中应用Bootstrap的并不多，这是为什么呢？-materialui

Bootstrap前端框架的特点

Bootstrap是由推特（Twitter）开源的一款HTML、CSS和JS框架，它主要用来开发响应式布局、移动设备优先的WEB项目。

Bootstrap前框的主要功能：

• 针对HTML标签元素内置了很多样式，运用这些样式可以快捷美化HTML元素；

• Bootstrap最强大的功能就是栅格系统来制作响应式布局。

Bootstrap框架的弊端

上面说到了Bootstrap前端框架的两大核心功能，但在实际项目开发中我们很少用Bootstrap的内置样式，因为这些样式无法满足我们的UI需要。

这也就意味着Bootstrap在前端最合理的应用就是做响应式布局，而对于中小型网站来说开发响应式布局的成本比单独针对不同终端制作的成本更大。举个最简单的例子，如果是外包型IT公司，客户找你做网站，你总不至于收一份PC端网站的钱来做兼容各端（Web端、Wap端）的响应式站点吧？-materialui

基于以上现实条件限制，Bootstrap框架一般只运用于两块：

• 后台框架中可利用自带的样式快速布局；

• 大型网站的前端响应式布局。

这样一来，真正用到Bootstrap框架的场景并不多。

前端最新的UI库有哪些啊，萌新跪求

刚好看到这个问题，给你推荐一些吧，因为最近也有做这方面的分享。欢迎一起交流讨论！

Vue.js技术栈组件库

vue PC端组件库

1、Element『github star 45.6K』

饿了么团队开发的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 桌面端组件库。

2、iView『github star 23.3K』

一套基于 Vue.js 的高质量UI 组件库。目前统计使用 iView 组件库的大厂有：今日头条、阿里巴巴、腾讯、百度、京东、滴滴、美团、新浪...

3、Vuetify『github star 25.8K』

基于Vue.js的Material Design组件框架。包含手工制作的精美材料组件。不需要设计技能，也能创建令人惊叹的应用程序。

4、Quasar『github star 14.9K』

基于Vue.js的开源框架，允许Web开发人员快速创建多种类型的responsive++网站/应用，编写代码一次并同时将其部署为网站、移动应用或Electron应用。

5、Ant Design Vue『github star 10.5K』

基于 vue.js 和 Ant Design 样式的 UI组件库，开发和服务于企业级产品。

6、BootstrapVue『github star 11.6K』

基于 Bootstrap v4 + Vue.js 的前端 UI 框架。基于flexbox弹性布局，用于在web上构建响应式，移动优先的项目。

7、Muse-UI『github star 8.1K』

基于 Vue 2.0 优雅的 Material Design UI 组件库。

vue 移动端组件库

1、Mint-UI『github star 15.8K』

饿了么前端团队开发的基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需求。

2、Vant『github star 13.9K』

有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件。

3、Cube UI『github star 8.1K』

滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

4、NutUI『github star 1.9K』

京东自研的轻量级移动端Vue组件库，目前最新的版本是2.2.5，有近50多个组件。开发和服务于移动Web界面的企业级前中后台产品。

React.js技术栈组件库

1、Material UI『github star 58.1K』

基于 Google Material Design 设计规范的 React 组件库，开箱即用，使用它可以快速搭建出赏心悦目的应用界面。

2、React WeUI『github star 2.7K』

微信团队出品的基于 React / WeUI 的 移动端 UI 组件库。

3、Ant Design Mobile『github star 8.3K』

支付宝团队出品的基于 Preact / React / React Native 移动端UI组件库。

4、Pile『github star 256』

滴滴团队基于 React 的移动端开发组件库。 组件丰富、轻量、易用，包含 50多 个交互功能，支持多语言与自定义皮肤。

5、Onsen UI『github star 8K』

Onsen UI 专为移动应用程序设计的丰富UI组件应用程序框架。可以用于与当下流行框架（如 Vue.js、AngularJS 1、Angular 2+和React）更紧密地集成。

好了，就推荐到这里，如果想要了解更详细的介绍，可以去看看下方的链接文章。

有没有目前比较流行、界面友好、功能齐全的vue移动端UI框架（组件库）

如今前端框架三分天下，分别是Vue，react，angular。然而Vue和react在市场的占比率甩开了angular，而Vue在国内市场占比和github上星数比react多。

vux基于WeUI和Vue开发的移动端UI组件库，可以快速上手。

Muse-UI 是基于Vue2.0和Material Design风格的UI组件库，界面样式非常美观。

vonic是一个基于vue.js和ionic样式的UI框架，简约型。

Vue-recyclerview 是基于Vue2.0的列表视图，模仿了安卓原生RecyclerView，适合列表使用。

Vue pc端UI组件库有哪些

vue PC端UI组件库

1、Element『github star 45.6K』

饿了么团队开发的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 桌面端组件库。

2、iView『github star 23.3K』

一套基于 Vue.js 的高质量UI 组件库。目前统计使用 iView 组件库的大厂有：今日头条、阿里巴巴、腾讯、百度、京东、滴滴、美团、新浪...

3、Vuetify『github star 25.8K』

基于Vue.js的Material Design组件框架。包含手工制作的精美材料组件。不需要设计技能，也能创建令人惊叹的应用程序。

4、Quasar『github star 14.9K』

基于Vue.js的开源框架，允许Web开发人员快速创建多种类型的responsive++网站/应用，编写代码一次并同时将其部署为网站、移动应用或Electron应用。

5、Ant Design Vue『github star 10.5K』

基于 vue.js 和 Ant Design 样式的 UI组件库，开发和服务于企业级产品。

6、BootstrapVue『github star 11.6K』

基于 Bootstrap v4 + Vue.js 的前端 UI 框架。基于flexbox弹性布局，用于在web上构建响应式，移动优先的项目。

7、Muse-UI『github star 8.1K』

基于 Vue 2.0 优雅的 Material Design UI 组件库。