景logo的核心价值在于为企业打造独特的品牌,景logo可以给企业带来良好的社会声誉和经济效益。
注:配图为本公司设计作品
什么是设计系统,为什么它很重要,你在其中包括什么?
在过去的几年里,设计系统已经成为设计师们的热门话题。如果你刚刚加入这个可怕的潮流,欢迎!许多企业和公司正在加大对设计的投资。拥有一个合适的设计系统对于成长中的公司和团队来说是非常有益的,他们需要跟踪所有的事情。毕竟,良好的客户体验至关重要。设计系统还可以帮助减少设计债务,加快设计过程,并在各个团队之间建立意识和品牌责任。
在今天的帖子中,我将谈论设计系统中不同的必备元素。当然,会有许多流行品牌的公开可用的设计系统的奇妙例子!
目录
隐藏
网格
间隔
错误和验证
编码组件
命名规格
肖像学
排印
易接近
语气和声音
徽标和颜色
对齐
通用用户界面元素
手势
移动
网格
网格是理解和统一页面布局的重要组成部分。看看MailChimp是如何处理网格的。这是他们设计系统模式部分的第一项。它涵盖了不同的主题,如网格大小,檐槽以及如何混合它们。
BuzzFeed的设计系统有点不同。他们有两个不同的部分,一个叫做网格,一个叫做响应。它们指的是同一个东西,网格系统是如何工作的。响应部分只是一个扩展。
间隔
与网格类似,间距是另一个有用的部分。在购物化的设计系统(名为北极星)中,他们深入研究了卡片等元素之间不同的填充和间距。他们也把行高说成是间距。
在线电子邮件模板生成器
有了明信片,你可以在线创建和编辑电子邮件模板,无需任何编码技能!包括100多个组件,帮助您以前所未有的速度创建自定义电子邮件模板。
免费试用其他产品
错误和验证
这是来自英国政府的一个设计部分的确切名称。他们谈论当它们发生时如何最好地处理它们。它们甚至包括在这些情况下使用的设计模式的代码片段。
编码组件
我喜欢Zendesk系统的一点是它整合了半铸钢钢性铸铁(Cast Semi-Steel)和反应组件。他们太多了。在反应下面是头像、标签和标签。每个都有安装说明和使用示例。这使得使用它们始终清晰和容易。
预测指数有一个专门为开发人员准备的大型指南库,以及半铸钢钢性铸铁(Cast Semi-Steel)模块和用户界面组件,代码就在它们旁边。开发人员指南从使用角度和提示到地图中引入了许多元素。
命名规格
WeWork的系统深入研究了命名和语法。保持团队、文件甚至程序的一致性是一个好主意。
对于较大的团队,保持一致和清晰的命名可能会很复杂。然而,有了预定义的约定,事情就简单多了。
肖像学
我喜欢爱沙尼亚在他们的设计系统中处理图标和图形的方式。他们有一个快速的解释来设定期望,然后展示现成的和适当的例子。此外,他们还展示了11条规则,以及他们该做和不该做的事情。
另一方面,价格采用了更传统的图标方法。他们有一份品牌中使用的所有图标的详细清单。每个图标都单独显示其名称。
排印 <
注:配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐