活字格9.0新功能解密：二十三、易用性-UI样式（基础样式）

收藏

本帖最后由 Gerald.Zhang 于 2023-2-15 16:18 编辑

上一期为大家介绍了初始界面的默认模板选择。有了模板，那么必然要在模板上做一些自定义的修改，如果按照原有提供了样式进行设计，风格上就会变得很不统一，模板也失去了意义。如何保证在样式上的统一性呢？不用担心，我们对活字格默认的UI样式也做了重新的迭代，让我们来看一下吧，走起~

在新版本中，重构后的的主题样式核心思路就是简单，易用！
当我们选择任何一个支持样式设计的单元格，点开其单元格样式，会发现原先一大堆的主题色都被精简为几种基础色：
即主要，信息，警告，成功，错误。
通过预定义的场景基础色，可以便捷的覆盖到咱们业务场景中绝大多数的颜色需求。当然，咱们仍然保留了自定义单元格样式的方式，便于大家灵活定制。
image.png309042357.png

主题色
9.0的活字格默认配置了6组主题色，分别为蓝色，绿色，紫色，红色，橙色，黑色，默认蓝色。
image.png966343383.png

按钮样式
按钮现在以场景色为基础，默认提供了18种样式，类别可分为主按钮，圆角按钮，次按钮三种，同时，对于按钮的边框与圆角也做了规范设计，大家可以灵活选择，开箱即用。老版本的按钮样式将不会在当前下拉框中显示。
image.png896220397.png

文本样式
文本框的默认样式有四种，分别是小圆角，大圆角，直角与下划线。
image.png979183654.png

超链接
超链接的默认样式即为5种场景基础色
image.png307229613.png

有了这些基础样式，咱们基于模板就可以灵活的定制咱们自己的界面了，更多的关于高级单元格的样式分享，咱们下期继续~

		自动登录	找回密码
密码			立即注册

[新版解密] 活字格9.0新功能解密：二十三、易用性-UI样式（基础样式）

0 个回复

浏览过的版块