Gerald.Zhang 发表于 2023-2-8 08:57:50

活字格9.0新功能解密:二十三、易用性-UI样式(基础样式)

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

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

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


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

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

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


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


有了这些基础样式,咱们基于模板就可以灵活的定制咱们自己的界面了,更多的关于高级单元格的样式分享,咱们下期继续~
https://secure2.wostatic.cn/static/cZ3RJ1FxZeJoNA9mWKEP3E/image.png?auth_key=1675736498-9GNPaFvGySWdAt5Sa5Necs-0-39fe0f51adf8d0242c33f8625d51c5ac
https://secure2.wostatic.cn/static/cZ3RJ1FxZeJoNA9mWKEP3E/image.png?auth_key=1675736498-9GNPaFvGySWdAt5Sa5Necs-0-39fe0f51adf8d0242c33f8625d51c5ac

页: [1]
查看完整版本: 活字格9.0新功能解密:二十三、易用性-UI样式(基础样式)