编者按:UI中动效设计本没有那么玄乎,作为 Google 旗下 Material Design 团队中动效设计的负责人之一,Jonas Naimark 对于动效本身有着更为透彻的认知,这也促成了今天的这篇文章。动效不难,想入门很简单!
Floating Action Button,简称FAB,作为材料设计中(众多)独特的UI元素之一,用于特定场景中基本或有推动等作用的行为中。因为在指定屏幕中,会被频繁的访问(译者注:如点击,触摸等),所以,我认为正确处理FAB的每一个细节是件很重要的事情。然而,有很多应用,并没有以材料设计指导为规范,从而错误的使用着FAB,当然,这也包括一些谷歌的自家应用(我就知道!)。
作为Android的开发者,常用控件肯定少不了按钮控件,常规的按钮控件,只能满足基本需求,而日常开发中,都会有渐变按钮,圆形按钮,或者立体按钮,这些都需要自己的设置样式,就拿圆角按钮来说,可能你会这是一个shape文件,然后设置背景和圆角的大小,最后在按钮的background属性中设置好,就是一个圆角的按钮了。这样就显得有些麻烦了,因为要你时碰到一个花里胡哨的UI和搞事情的产品,你就完犊子了。你会创建很多这样的drawable文件,并且每一个你还要命名规范,改起来是很费劲的。而MaterialButton就很好的帮你解决这些问题。让你的UI开发变得轻松一些。是骡子是马,牵出来溜溜,下面进入正文:
这里多数一句 Flutter 提供了两套预设的主题UI 这些UI有很多的常量可以直接引入使用
compose正式发布已经一年多了,越来越多的开发人员选择使用它,声明式UI也是未来的一个主流趋势,本人也是一年前学习后,并没有真正的使用,所以本着边学习,边分享的心态,准备写个compose系列的文章 首先compose目前只支持kotlin,基于google对移动端的鸿图,未来应该也不会支持其他语言,和传统安卓的xml布局不同,compose是通过kotlin定义一个一个组件,由于是通过代码定义的组件,每个组件都可以很方便的重用,这点在UI开发时确实便利了不少。至于声明式UI和命令式UI的区别,相信你会在后续实际使用时有很大的感触
听说国内的网盘最近要整改,所以上传了一份到Google云盘,素材的原始链接文件如果丢失,可以 参考这里 进行下载。
下载好的插件是一个zip文件,在pycharm的Plugins栏中选择install plugins from disk,选择插件后重启即可
图标,是能够吸引访问者注意力并提供更好的感官的好方法。随着Vue的兴起,更多的Vue库正在兴起,以下就为大家推荐几个Vue的图标库。
然后本指南回过头来解释Flutter的布局方法,并说明如何在屏幕上放置一个小部件。 在讨论如何水平和垂直放置小部件之后,会介绍一些最常见的布局小部件。
那 IDEA 的插件仓库其实提供很多主题插件,那有些小伙伴可能还不知道怎么去查找这些主题插件。
今天我们来分享几个美化 IDEA 设置技巧,让你的 IDEA 与众不同。 首先我们来看下 IDEA 默认设置,虽然不丑,但就是太单调,千篇一律。
1:使用矢量图标字体: 矢量图标字体库,如Font Awesome、Material Icons等。将矢量图标字体文件(通常是.ttf或.otf格式)添加到项目中。需要使用图标的地方,使用相应的类名来渲染图标。
通过这篇文章,我将向大家介绍下关于设计的一些基本知识,让广大开发者在平时的开发中,可以更好的和设计、产品合作(撕逼)。
一个或多个面板在扩展面板集中组合在一起。 单击面板时,面板内容将展开。 面板由名称,值,可选的辅助文本和展开的面板内容组成。
今年4月,谷歌Gmail推出了全新的设计外观,全新的配色方案,更多的空白区域和精致的图标。也带来了Material Design 的一些改变 – Material Theming (材料主题),旨在自定义Material Design应用程序,以更好地反映产品品牌。换句话说,开发人员可以对颜色或字体进行小的更改,并应用到整个主题中。
Android 定义颜色color时有6位或8位值的区别,6位(如:#0470C4)就是RGB,值8位(如:#1E000000)头两位是透明度,后6位是RGB值,00是完全透明,FF是完全不透明,比较适中的透明度值是 1E。
这是创建您的第一个Flutter应用程序的指南。 如果您熟悉面向对象的代码和基本编程概念(如变量,循环和条件),则可以完成本教程。 您不需要以前使用Dart或移动编程的经验。
Bootstrap作为针对响应式设计和移动优先的前端web开发,是当下最流行的设计框架之一。使用 免费的Bootstrap UI工具包让原型设计和网页设计变得更加简单。
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
截至目前Vue在GitHub上的Star数已经高达152601,还有绝大数像笔者一样不经常star别人的Vue友们(可恨可气)。Vue因其友好程度让更多前端爱好者加入到其中,开源项目对程序员来说是很有用的。你可以通过读代码并且在现有项目的基础上构建一些东西来学习,因为如果想提高你的 Vue 开发技术,那么花些时间来了解开源项目是很值得的。
一款设计良好的产品可供所有能力的用户使用,包括视力低下、失明、听力障碍、认知障碍或运动障碍的用户。改进产品的无障碍功能可以增强所有用户的可用性,这是非常值得做的事情。
在蚂蚁内部有着数量繁多且复杂的中后台业务系统,Ant Design 一直以来致力于从设计策略和资产的角度解决这些产品的体验一致性问题,随着蚂蚁产品生态的多端化进程,越来越多的跨设备和不同屏幕尺寸导致的问题也逐渐暴露,例如:
在File—>Settings—>Appearance & Behavior—>Material Theme UI—>Settings—>Selected Theme中更改主题
RemixIcon 是一套简洁开放的矢量图标库,该图标库在 GitHub 上获得了 3K个Star,身边不少同事朋友对它赞赏有加,本期「有云:」邀请到了RemixIcon的作者 - 萧醇,聊聊作者本人对图标库的看法。 小编:先和大家简单介绍一下 RemixIcon 吧 萧醇: RemixIcon 是之前业余时间维护的 Side Project,是一套面向设计师和开发者的矢量图标库。 目前由个人独立绘制完成,包含 2200 多枚图标,其简洁中性的设计风格可适用于大多数行业和用户群体的互联网产品,当然也可
import Vue from ‘vue’; import MuseUI from ‘muse-ui’; import ‘muse-ui/dist/muse-ui.css’;
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
Android Studio 中的 Design Tools Suite 提供了一整套开发工具包,使得开发者们能高效地进行 UI 设计、原型设计、构建和调试代码。这些工具包括 Layout Editor (排版编辑器)、Navigation Editor (Navigation 编辑器)、Motion Editor (动作编辑器)、Resource Manager (资源管理器) 和 Layout Inspector (布局检查器) 等。在 Android Studio 4.1 的迭代中,我们将重心侧重于听取并处理来自用户的反馈,并以此作为依据对现有工具进行改善,最终我们不仅重新设计了现有的一些交互方式,还新增了一些遗漏的功能。本篇文章会介绍我们针对 Android Studio 在 UX 方面做的一些改进,本文中所提到的内容您也可以在 What’s new in Design Tools Talk 这一视频中进行查看。
我对设计美学有一定执念,所以我在编写一些 UI 的时候会比较注重它的一些美观度、舒适度。
作为目前最主流的设计风格和主题规范之一,Material Design 的深色主题设计规范非常值得参考学习。这是一套高度自恰的设计规范,有着相当严密的内部逻辑,在 Material Design 的内在隐喻逻辑的推动下,严格遵循国际通行的可用性原则来确保深色主题的可用性和合理性。
在过去的 12 个月内,有约 1 亿台新平板设备被激活,Chrome OS 的激活量增长了 92%,是增长速度最快的桌面平台。这意味着在平板电脑、可折叠设备和 Chrome OS 设备上,有超过 2.5 亿台大屏幕设备运行着 Android 系统,而关于可折叠设备的使用数量也在不断增长,同比增长超过 250%,因此,"大屏" 正在成为 Android 设备中一个重要且增长势头最快的细分市场。这也让设备制造厂商们意识到,针对大屏做优化是让设备在高端手机细分市场中脱颖而出的机会。
静电说:图标是我们UI设计师每天用到的最多的设计资源之一,不少同学对图标资源在哪里获取一直很苦恼,今天咱们推荐五个宝藏级别的图标资源网站,而且都是免费的,赶紧收藏用起来吧!
Material Theme UI是一款主题插件,具有强大的主题更换功能,同时也拥有多方面的主题选择。 工欲善其事必先利其器,今天就来介绍下如何使用这款软件进行主题更换。 这款插件可以直接在IDEA里面的插件下载中心进行下载。 setting->Plugins->Material Theme UI
2011年,拉里·佩奇担纲谷歌CEO之后,改变谷歌工程师主导的文化,其中一项重要行动便是,下令谷歌设计师将谷歌旗下所有产品重新设计。谷歌启动“肯尼迪”项目,召集公司里的骨干设计师,重新设计Google的每一项产品,寻找一种共同的设计语言。三年后即2014年的Google I/O大会上,MaterialDesign被隆重介绍,MaterialDesign提取自卡片的材质和真实的光影,在UI 设计上提取出具体的物理细节,只保留物理特效、光影和层次,能够实现不错的动画效果,它在繁复的拟物化设计与极简的扁平化设计之
确保考虑RTL。 具体来说,如果要为RTL UI翻转图标,请使用flip属性。 阅读这些指南,了解何时翻转何时不翻转图标。
此篇文章为一篇说明文档,不是教你从零构建一个后台管理系统,而是基于一个实际项目,已经搭建好了一个后台管理系统的基础框架,教你如何在此基础上快速开发自己的后台管理系统,能让读者能在掌握一些基础知识的情况下,也能上手 vue 后台开发。只有接触项目,才能更好地理解自己所学知识的意义,触类旁通把死知识点变成活学活用的技能。
如果您对旧的Jenkins UI,其字体和图标不满意,则可以使用带有自定义徽标的自定义CSS样式对Jenkins进行改头换面。自定义CSS样式会更加美观些。
提供静态网站托管服务的厂商还是很多的, 上次这个博客还是在阿里云的OSS上面, 虽然oss很便宜但还是没有一种”永久使用权”的归属感, 于是我遇到了Github Pages:
上一篇文章[原型篇]发布之后,就开始设计UI了,包括Icon和界面UI,周一到周五晚上一般花两到三到小时,周六日的时候则有五六个小时,最终用了一个星期多才设计完成。先直接展示下成果吧。
转载注明出处,欢迎关注微信小程序小白AI博客 微信公众号小白AI或者网站 https://xiaobaiai.net或者我的CSDN https://blog.csdn.net/freeape
webstorm 2021.1 版本更新后,一直使用的Material Theme UI主题开始收费了,如果不付费的话,文件树那里格外的小,看起来十分的难受。
交互和视觉设计正在发生变化,来自开发者、设计师以及用户们的新鲜点子和越来越多的交互场景正在对我们的 Material Design 提出更新的要求 —— 更灵活、适应性更强,且更有可执行性。 于是我们
由于一直在网上学习知识,都知道现在的信息太过繁杂,什么样的信息都有,一篇文章真正能获取的干货真心太少。而且什么知识都有,各有各的看法和想法。当你只看到别人的想法时并不能够很好的扩展知识点。 我这几个月一直在做一件事情,将学到的、看到的统一进行管理,成为自己的知识结构和体系。 为什么说UI设计是非常有讲究的一件事?由于我们前人不断的探索,已经形成了许多的设计规范,如果你是刚入门的就先去遵循这些规则,如果你哪天突然问自己为什么这里要加这种颜色或尺寸,你能够想出更好的方案,来完成这一用户体验,那么恭喜你,你又上一
表相关与的TabBar SWTableViewCell - 国内开源作者,带很多手势的表单元格。 MCSwipeTableViewCell - 带很多手势的表单元格。 TMQuiltView - 瀑布流。 XRWaterfallLayout - 超简单的瀑布流实现,实现说明。 WaterfallFlowDemo - 一个简单的UICollectionView瀑布流布局演示demo。 XLForm - 很多表格类的表,写法更高冷一点,推荐使用。 Eureka.swift - Eur
在前面的文章红我们学习了Chip的用法,使用Chip可以很方便的完成对想要的东西打上想要的标签。在文章的最后让大家实现如下的效果
Flutter 是一个流行的开源工具包,它可用于构建跨平台的应用。在文章《用 Flutter 创建移动应用》中,我已经向大家展示了如何在 Linux 中安装 Flutter 并创建你的第一个应用。而这篇文章,我将向你展示如何在你的应用中添加一个列表,点击每一个列表项可以打开一个新的界面。这是移动应用的一种常见设计方法,你可能以前见过的,下面有一个截图,能帮助你对它有一个更直观的了解:
Android 和 iOS 是市场上的两个主流操作系统。多数公司都会要求开发者开发对应的移动端应用。对于这些需要在两个平台上同时设计的应用,其中一个挑战就是在品牌一致性和平台的不同功能特性之间进行平衡。 作为一名设计师,了解不同平台的设计惯例和行为才能在开始设计前更好的和开发者及股东们进行交流。这样,你的团队可以基于适配各个平台的优缺点来讨论决定开发计划(先开始 iOS 的开发,或者先开始 Android 的开发,或者同时进行两个平台的开发)。 因此,在这里我将会比对苹果和谷歌这两个操作系统设计风格上的相似
了解并适当结合平台规范与优势,才能做到最佳的用户体验。在《最新Android &
图标设计,是ui设计中的最重要的设计元素之一,优秀的图标其识别性会让人一眼看出它的含义,而不需要大量的文字说明;
领取专属 10元无门槛券
手把手带您无忧上云