BottomNavigationBar即底部导航栏控件。显示在应用底部的质感设计控件,用于在少量视图中切换。底部导航栏包含多个以标签、图标或两者搭配的形式显示在项目底部的项目,提供了应用程序的顶级视图之间的快速导航。对于较大的屏幕,侧面导航可能更好。
createBottomTabNavigator 相当于iOS里面的TabBarController,屏幕下方的标签栏。如图:
在这篇文章中,我们将了解如何在 TailwindCSS 的官方 Nuxt 模块的帮助下有效地将 TailwindCSS 与 Nuxt 应用程序结合使用。我们还将了解如何将 SVG 图标与 TailwindCSS 一起使用,而不是直接使用图像或 SVG 图标,以及如何基于给定图像为 TailwinCSS 构建自定义调色板。
我曾记得一句俗话 —— “ 优秀者模仿,伟大者剽窃(Good artists copy. Great artists steal)”。我不认识 Windows 11 背后的设计团队,但他们似乎很大程度上受到了 Linux 桌面的影响。如果你回顾近几年来的 Windows 系统外观 —— 从 Windows XP 到 7,再到 10 —— 整体视觉上都没有什么太大的变化,直到今天为止。
Vue Tables 2旨在为开发者提供一个功能齐全的工具集,以便用 Vue 创建漂亮而实用的数据表格。数百个商业软件应用正在使用它。此外,Vue Tables 2正在不断成长、改进,同时也在获得新的功能。
Theme组件可以为material APP定义主题数据(ThemeData)。Material组件库里很多组件都使用了主题数据, 如导航栏颜色、标题字体、Icon样式等。Theme内会使用InheritedWidget来为其子树共享样式数据。
本文只针对handsome主题,也是综合了在hexo和部分typecho主题中引入矢量图标的经验及网络上已有教程进行经验总结分享交流,有出入的地方还望大家指出,共同交流进步。
在上一篇文章中,我们研究了 Android 的 VectorDrawable 格式,了解了它的优点和功能。
桌面软件太多了,导致有些杂乱,换了个显示器后,想着将桌面的软件分类,将其放到不同的目录下,结果有些软件放入文件夹后图标变成了白色,并且无法恢复,查了一些方案费了一些时间,最终找到了最有效的解决方法。
EaseMobile 主题的左侧的Off Canvas 侧边栏导航中是可以为每个菜单项设置小图标的。本文通过图文+视频教程为购买EaseMobile 主题的客户告知导航菜单设置小图标的方法。当然,如果
封面由ARKie智能设计赞助 早在去年 mixlab 的一篇案例报告里,就介绍过 Brandmark 了,当时 Brandmark 还是 v1 的版本,现在已经是 v2 版本了,也上线了一些子产品,例如 Brand Rank 、 Logo Crunch 。 Brandmark 在官方博客里介绍了关于人工智能做 Logo 设计的思考,核心的内容,我梳理了下: 使用类似于字体向量( https://github.com/Jack000/fontjoy )来发现字体之间的关系, Brandmark 希望将
把下载好的Js文件放在theme/Butterfly/source/js文件夹下 /Butterfly/layout/includes文件夹下找到head.pug文件,在最后引入
Ø版本的WordPress的多年发展中,默认的登录屏幕设计没有改变,仍然是简单和干净是在不同屏幕尺寸的作品。但是,在为特定客户(特别是公司)构建网站时,如果您可以更改登录屏幕的颜色方案以及与网站主题相匹配的徽标,那会很好看,对吗?
ConvexBottomBar是一个底部导航栏组件,用于展现凸起的TAB效果,支持多种内置样式与动画交互。你可以在https://appbar.codemagic.app上找到在线样例。
Android Asset StudioWeb版是一个非常好用的Andrid图标资源设计工具,它是由RomanNurik开发的。现在我们已经在ADT14里支持同样的功能。首先,你要打开新建向导(Ctrl-N),选择Android分类,然后在其下找到名字为“Android Icon Set”的这一项:
里,就介绍过 Brandmark 了,当时 Brandmark 还是 v1 的版本,现在已经是 v2 版本了,也上线了一些子产品,例如 Brand Rank 、 Logo Crunch 。
应用栏是各种应用程序中最常用的组件之一。它可用于容纳搜索字段、以及在页面之间导航的按钮,或者只是页面标题。由于它是一个如此常用的组件,因此 Flutter 为该功能提供了一个名为AppBar的专用小部件。
其实一直想写一篇关于APP颜色主题设计的文章,从去年就开始酝酿,断断续续,既是因为缺少足够积淀,也是因为自己还没有真正拿得出手的成品——空口无凭。现在,随着CMF APP全新3.0的改版完成,终于一尝所愿。
如果您已有账号,可以忽略此步骤,如图登录方式有四种,一个是手机号注册登入,一个是Github另外一个是微博,域账号我们用不了,无论哪种都是关联账号,没有注册,选择一种登录即可,站长这边使用手机号注册
作为Android的开发者,常用控件肯定少不了按钮控件,常规的按钮控件,只能满足基本需求,而日常开发中,都会有渐变按钮,圆形按钮,或者立体按钮,这些都需要自己的设置样式,就拿圆角按钮来说,可能你会这是一个shape文件,然后设置背景和圆角的大小,最后在按钮的background属性中设置好,就是一个圆角的按钮了。这样就显得有些麻烦了,因为要你时碰到一个花里胡哨的UI和搞事情的产品,你就完犊子了。你会创建很多这样的drawable文件,并且每一个你还要命名规范,改起来是很费劲的。而MaterialButton就很好的帮你解决这些问题。让你的UI开发变得轻松一些。是骡子是马,牵出来溜溜,下面进入正文:
静电说:Figma新的组件属性已经发布一段时间了,只能说,确实很好用。 但是还有很多同学会有疑问,今天静电为大家翻译了一篇Figma新组件属性的完全指南,非常全面,各位小伙伴一起来学习吧!先收藏再看哦~
搞 Java 开发用什么软件,当然是神器idea了,那么,idea的插件对于你来说就是必不可少的了,不仅可以提高自己的编码效率,还可以减轻工作时的枯燥烦闷。接下来就来说说,作为一名小白,我在平时敲代码用的什么插件吧。
平时办公用户经常在PPT中插入图表,但是使用默认的图表可视化效果并不佳。其实可以结合PPT里的形状、图片和图表等元素,打造出可视化效果更佳的图表。下面就同iSlide一起来了解下吧!
经过上一篇文章的学习,我们大家可以了解到布局相关的组件,但是在实际开发中,我们还需要使用到其他的组件,比如按钮、图片、文本、输入框等等,这些组件都是我们在开发中经常使用的,所以本篇文章我们就来学习一下这些常用组件。
静电说:对于UI设计师来说,特别是对于初阶UI设计师或者UI初学者而已,排版的好坏是这个阶段核心要考虑的问题,也就是细节。但是不少同学总是在这个上边很不注重,总想着创意。没有了基础的创意就如同无本之源,是没有任何意义的。
在设计过程中,我们常常需要对设计图进行说明、标注、记录想法、收集灵感、引用系统资源。然而,没有合适易用的工具,这些过程很容易让设计稿变得杂乱不堪。一段时间以后,如果要重新进行编辑或维护,一切都变得格外痛苦。
搞 Java开发用什么软件,当然是神器idea了,那么,idea的插件对于你来说就是必不可少的了,不仅可以提高自己的编码效率,还可以减轻工作时的枯燥烦闷。接下来就来说说,我平时敲代码用的什么插件吧。
作为目前最主流的设计风格和主题规范之一,Material Design 的深色主题设计规范非常值得参考学习。这是一套高度自恰的设计规范,有着相当严密的内部逻辑,在 Material Design 的内在隐喻逻辑的推动下,严格遵循国际通行的可用性原则来确保深色主题的可用性和合理性。
一般来说,我们的个人博客都会放上一些社交图标以及社交链接。这样一来,想要关注我们更多的最新研究或工作的读者就可以很快找到路径。于是,在 Jekyll 博客主题设计的时候,通常会在个人简介的地方放置几个社交小图标,点击社交小图标即可把读者带到你的社交个人主页上。对于不同类型的作者,常用的或者关注的社交平台基本上不大一样,社交小图标也会有不一样的需求。比如说,对于从事科研工作的人来说,像谷歌学术、ResearchGate、ORCID 等等能够列举发表论文或者相关研究的平台就比较重要;对于一般程序员来说,像 Github、Gitlab、Segmentfault、CSDN、简书等等能够展示自己所参与的项目和技术心得体会的平台就比较重要;对于前端设计师来说,像 Instgram、UI 中国、Dribble等等能够展示 UI 设计作品的平台就比较重要。因此,对于一款 Jekyll 博客主题的设计者来说,同时要兼顾到这么多不同的需求可能会有点为难,毕竟领域不同、了解的程度也很有限。
腾讯ISUX isux.tencent.com 社交用户体验设计 全文4000字,阅读需要15分钟。作者将向你展示微云团队一路以来对文件图标设计的思考和沉淀,并着重介绍了当前这套图标的设计由来。 前言 在过去的一年中腾讯微云为大家带来了很多新特性,比如创建和在线编辑Office文档、语音速记、文件收集,微云超级会员的基础存储空间从4TB提升到了6TB,此外还有多项特权升级。就在最近,我们还在灰度接入腾讯文档,以后会有更紧密合作。微云除了不断完善基础的存储功能,也一直致力于全方位的满足用户各种
一个优秀的应用程序,往往各个方面或者UI深得用户的喜爱,状态栏图标也是其中的确定因素之一,当你的AppBar使用着暗色调的颜色,并且状态栏图标又使用着黑色主题的图标时,不得不被用户疯狂吐槽,从而导致用户的留存度下降,下面,我们来实现状态栏图标的适配,让你们开发的应用增添一下色彩!
Theme 组件可以为 Material APP 定义主题数据(ThemeData)。Material 组件库里很多组件都使用了主题数据,如导航栏颜色、标题字体、Icon 样式等。Theme 内会使用 InheritedWidget 来为其子树共享样式数据。
ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统。在打磨了近 3 年之后,通过字节内部大量业务沉淀和验证,我们开源了 ArcoDesign 设计系统。旨在让社区听见更多的声音,为更多中小型企业及个人设计师和开发者提效,创造更多高效美观的“最佳实践”。
行早 发自 凹非寺 量子位 | 公众号 QbitAI 当你还在等着更新Android 12的时候,谷歌已经发布了第一个Android 13的开发者版本了。 这次谷歌计划发布两个开发者版本和4个Beta版本。根据谷歌给出的发布计划,正式版最早在8月放出: 那这版安卓又增添了哪些新功能?来一起看一看~ 界面语言隐私全面更新 在Android 13中,最显眼的是界面的变化,尤其是主题图标的改变。 之前我们在给手机换壁纸的时候,App图标的颜色一直不会改变,有时候看起来很违和。 这次谷歌把动态颜色功能扩展到了所有
最近这边文章本人投诉侵权啦,也无所谓啦,反正这篇文章该更新啦,现在我的vscode 配置基本大变化啦!
当输入框的默认线框无法满足时,可以使用Container容器自定义边框。这时候可以将装饰器设置为InputDecoration.collapsed(hintText: 'hint')表示禁用装饰线
Font Awesome是一套绝佳的图标字体库和CSS框架,它是可缩放的矢量图标,用户可以可以对图标的特性进行更改,比如大小、颜色、阴影等并且可以组合不同的图标创造自己喜欢的图标。Font Awesome的产生,为网页设计和Web前端开发人员带来极大的方便
为了生成风格比较统一的图片,让博客的整体风格看起来比较统一,而不是很乱的感觉,自己动手写了一款简单的图像生成小工具,看下博客之前和现在的对比图。
Banber V2.9.3已更新上线,一起跟着小编,看看这次都更新了哪些强大的功能!
IconPark图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一SVG源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数设计师都能够选择适合自己的风格图标,并支持把图标源文件导出为React、Vue2、Vue3、SVG多种形式的组件代码,让开发者使用更高效。
总体来说,如果你的系统是13.5的话(尚未升级到13.5.1),实际上整个流程比Android的Root还要简单。因为Iphone是我的主力机,为了避免不必要的麻烦,一直没有做越狱操作。
Android 平台支持无障碍服务的 JavaScript 自动化工具 需要 Android 7.0 (API 24) 及以上 克隆 (clone) 自 hyb1996/Auto.js
因为使用hexo搭建的博客中,大家并不懂都有什么图标,fa fa-xx就懵了,不知道都有什么。
图标虽小,里面的门道可一点都不少。甚至可以说,图标的演化是 Web 技术演化的一个缩影。本文将带你回顾一下图标简史,了解一下图标技术的来龙去脉。
这个漏洞背后的图标显示bug可以深溯到Windows图像处理代码,其允许攻击者“借来”本地其他常用的图标并自动将可移植的可执行文件伪装起来,这样就更容易诱使用户打开他们。保守来说,自从Windows 7以来,这个bug就已经出现,而且仍然存在于最新版本的Windows 10中。 我们最近在研究一批恶意PE文件的时候发现了这个bug,在将一个文件从一个目录拷贝到一个目录的之后,我们发现了一个奇怪的行为:一些文件的图标改变了。为了排除出错的可能性,我们又将文件拷贝到另一个目录下,不过情况还是一样,这些文件的图标
Bartender是一款Mac平台上的应用程序,可以帮助你管理菜单栏上的图标。在Mac系统中,很多应用程序都会在菜单栏上显示它们的图标,但是随着应用程序数量的增加,菜单栏上的图标也会越来越多,从而占据了太多的空间,使得菜单栏显得杂乱无章。
静电说:Big Sur已经发布了快一年了。这些天,随着新版本MacOS的发布,Sketch开发团队的设计师Janik Baumgartner 分享了对于工具栏图标重新设计的心得。接下来这篇文章,我们可以从中学到一些有用的知识。第一,默认图标尺寸变化对不同密度显示器效果的影响。第二,如何为单色图标带来更多的可识别性。 第三,1.5pt线条如何进行描边填充处理?
支持以下图像格式:JPEG,PNG,GIF,GIF动画,WebP,WebP动画,BMP和WBMP
1.8 动画(Animation) 细微、精美的动画遍布iOS的用户界面,他们使应用的体验更具吸引力,更具动态性。适当的动画可以: 传达状态和提供反馈 增强直接的操纵感 将用户的操作可视化
领取专属 10元无门槛券
手把手带您无忧上云