-
什么是设计系统?一个简单的入门指南
设计系统是一个准则和可重复使用的组件库,它应该建立产品体验的一致性。设计系统的目标是创建一个单一的真理源,这个真理源对团队来说是可见的和可维护的。 也许不...
-
苹果 Vision Pro ui/ux设计的18个指导原则
这篇文章来自设计师Jishnu Hari,他结合 WWDC 后续的宣讲和官方指南,梳理总结了 18 个Vision Pro的 UI 交互设计的原则,如果你的产品有打算往这片全新的领域迁移,那么可以先收藏这些设计原则: Apple 的 Vision Pro 为设计师开创了一个全新的时代,这一点其实是令人兴奋的。对于全新的空间计算,色彩、排版、尺寸、可访问性全方面都需要遵循新的原则。下面是梳理总结的 …
-
什么是设计系统(Design System)?国内有哪些设计系统?
什么是设计系统(Design System)? 设计系统(Design System)是一套综合性的指导原则、组件和规则,它协助团队以一致、高效的方式设计和开发数字产品。设计系统通常包括以下几个关键要素: 设计原则和规范:这些是设计决策的基础,包括品牌指导、用户体验原则等。 UI组件库:一套预先设计好的用户界面元素,如按钮、输入框、导航栏等,这些元素可以在多个项目中重复使用。 代码组件:与UI组件…
-
设计赋能|从0开始搭建B端设计规范系统
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第163篇文章分享 Halo,这里是设计夹,今天分享的是「设计规范」。 随着团队规模越来越大,参与到设计项目中的人员越来越多,为保证设计统一性,减少重复性的工作,让每个设计更专注于创意的思考,同时也为了增强设计与开发之间的协作,减少开发工作量,我们搭建了这套设计规范系统。 关于B端产品设计规范及组件化设计,希望对你有…
-
Material Design 视觉设计语言(四)按钮
一、按钮(Buttons)按钮允许用户只需轻按一下即可进行操作并做出选择。 按钮传达用户可以采取的操作。它们通常被用在整个UI中,例如: • 对话框 • 模态窗口 • 列表 • 卡片 • 工具栏 原则1、易读性按钮应该明确表明可以触发一个动作。2、可查找按钮应该很容易在其他元素中找到。3、清晰按钮的操作和状态应该清晰。 类型 1、文本按钮(重要性低)文本按钮通常用于不太重要的操作。2、线框按钮(重…
-
Material Design 视觉设计语言(三)提示
MD在组件中,提到了三种提示控件,分别是:Snackbar、Banner、Dialog。此前的 Toast 已被 Snackbar 取代找不到踪影,还问了下安卓的开发小哥哥,说MD更支持用Snackbar(就像是 Toast 的升级版)。 根本原因是:Snackbar 是 Android自5.0系统推出质感设计后官方推荐的控件,在交互友好性方面比 Toast 要好,例如:支持手势操作,支持与Coo…
-
Material Design视觉设计语言(二)——Bars
Material Design(原质化设计)是谷歌开发的一种视觉设计语言,它遵循了优秀设计的经典原则,同时还结合了创新理念和新技术。 栏(Bars) 一、应用栏:底部(APP Bars:bottom) 底部的应用栏在移动屏幕底部用于显示导航和关键性操作。 底部应用栏提供了访问抽屉导航的入口,以及最多可放置4个操作按钮,包括悬浮操作按钮(FAB)。 原则 1、可操作的 底部的应用栏突出显示重要的屏幕…
-
从0到1构建设计规范的实战指南
为什么要构建 MIZ Design? 1. 背景 随着米庄 APP 用户的增长,以及 APP 不停的迭代,我们在设计上积累了越来越多的债务。越来越多的新页面,新功能,以及不同的组件,都是由不同的设计师来设计,前端也是由不同的开发来实现,这直接导致了整个 APP 越来越臃肿无序,视觉和交互体验不一致,且团队沟通成本高,重复劳动力大,输出效率低,迭代速度慢。 2. 现状 开发层面 • 代码混乱不统一 …
-
超全面的网页、app交互设计规范
良好的交互规范可以很好的帮助企业、团队提高产出,保证用户体验。 一. 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有3位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井井有条且高效运作,从日常工作规范到设计规范,都能起到相同的效用。 二. 规范的效益 规范的效益 = 提高效率 (内容覆…
-
团队中如何构建包容性的设计规范?
设计语言系统(设计规范)是独一无二的。一些公司创建系统是为了效率和复用,而另一些公司则是表达自己的形象和感觉。虽然目标可能不同,但所有系统都有共同之处-就是人们可以使用和迭代。如果我们只是在设计产品组件上花时间,那我们就不是在设计无形的有人性的组件:这就是系统和使用它的团队之间的整体关系。 这个系统是为人服务的,而不是反过来。设计师和工程师正是这个设计系统的真正客户,需要成为我们工作的中心。在这一…
-
亚马逊AWS的设计系统
设计系统,这个术语在我们许多人或行业内很容易被误解。为什么?嗯,这是因为我们对什么是设计系统都有自己的结论。我个人认为创建DS(设计系统的简称)没有所谓的正确或错误的方法。我相信这一切都取决于你所从事的公司的规模。今天,我们将展示Michal Simkovic的作品,致力于亚马逊网络服务设计系统的视觉设计。 亚马逊网络服务(AWS)是最大的云服务平台,提供计算能力,数据库存储,内容交付和其他功能,…
-
开源社区Github的设计系统是如何做的?
作为全球最受开发者欢迎的开源社区,Github 的设计团队是怎样构建自己的工作流程的呢?Github 设计系统的管理者 Diana Mounter 通过这篇文章讲述了 Github 设计系统的整个进化史。 设计系统现在已经成为我们整个设计构建流程的核心。从2011年起 Github 的设计师就已经抽象出一套 UI 模式和公共样式。2012年,所有这些公共样式和其它资源就被打包成了一个设计系统的雏形…
-
app设计规范怎么写?腾讯视频TVD经验分享!
设计规范需要能切实落地才能发挥它应有的作用,本文结合腾讯视频过往经验案例,为大家分享如何搭建有效的设计规范。 一、前言 从作为UI/UX设计师典范级入门教材的Human Interface Guidelines和Android Design Guideline(已升级为Material Design),到各个团队的业务都有自己的设计规范,设计规范似乎越来越重要。甚至每做一个项目都会出一套新的规范,…
-
设计系统的价值
这是来自于 InVision DesignBetter 站点的一系列设计系统相关的文章,希望能帮助更多人理解并运用设计系统。设计系统让团队理解并使用一种统一的设计语言。他可以减少你的设计负债,加速设计流程,连接产品设计和开发实现之间的鸿沟。 在 19 世纪六十年代,计算机技术的发展速度远远超过了软件研发的速度。电脑变得更快更便宜了,而软件研发却仍旧十分缓慢,且很难维护,漏洞百出。这种差距,以及该如…
-
iPhone X 人机界面设计规范
新款的iphone明天就要发布了,我们来回顾一下iPhone X的人机界面设计规范。iPhone X的超大尺寸、高分辨率以及它的全面屏给我们带来了以前从未有过的沉浸式体验和丰富的内容展现。 屏幕尺寸 iPhoneX竖屏时的屏幕宽度与iPhone6、iPhone7和iPhone8的4.7英寸屏幕是一样的。iPhone X的屏幕比4.7英寸屏幕高出145pt,所以内容区域的垂直空间增加了20%。 在你…
-
如何用项目思维从0-1建立「设计组件库」?
前段时间,我在某个设计师交流群和知乎发现了同样的问题:有设计师根据目前主流的设计系统(比如Ant Design等),设计出了适合自己公司产品的设计组件库,但是设计方案给到前端工程师时,才得知:目前产品的前端框架是基于VUE的,或者更老一点的前端框架,所以现阶段使用React的Ant Design设计系统不合适。 当时发现这个问题之后,就想分享一点我个人在公司建立设计组件库的经验,帮助那些要给公司建…
-
Material Design视觉设计语言概述
Material Design(原质化设计)是谷歌开发的一种视觉设计语言,它遵循了优秀设计的经典原则,同时还结合了创新理念和新技术。 概 述 一、目标(Goals) • 创造 (Create) : 创造一种视觉语言,将经典的优秀设计原则与技术和科学的创新和可能性相结合。 • 统一 (Unify) : 开发一个单一的底层系统,在平台、设备和输入方法之间统一用户体验。 • 定制 (Customize)…
-
分享Zomato新推出的sushi设计系统
印度外卖平台Zomato最新推出了全新的sushi设计系统,这不仅是一套为加速内部设计开发的设计系统,也让用户在使用app时获得更好的体验。接下来就让我们一起来看看Zomato是如何设计这套系统的,这套系统对公司的发展有什么意思。 什么是设计系统? 设计系统是由大量可重用组件组成,并结合了一定的规则,可存储视觉设计信息(例如颜色或间距),并使我们能够快速构建一致的应用。 为什么要建立Sushi设计…
-
谷歌深色主题设计规范
在今年的 Google I/O 大会上,Android Q 的深色主题的推出后,官方的 Material Design 的设计规范也随之进行了更新。作为目前最主流的设计风格和主题规范之一,Material Design 的深色主题设计规范非常值得参考学习。这是一套高度自恰的设计规范,有着相当严密的内部逻辑,在 Material Design 的内在隐喻逻辑的推动下,严格遵循国际通行的可用性原则来确…
-
超全面的vivo全新系统OriginOS设计解读
在11月18日下午15:30举行的OriginOS特别活动中,vivo用于取代Funtouch OS的全新手机操作系统「OriginOS」终于正式亮相了! 我们分享关于vivo全新操作系统OriginOS的全新UI设计和亮点: 华容网格 全新桌面网格体系,契合白银分割率,灵活自由地展现桌面每一个元素的魅力。你可以通过一个个基础单元便能创造出各种各样充满想象力的布局组合。 原子通知 这个时代充满信息…
-
智能电视的UI设计基本原则
之前一直在做移动端的UI设计,在进入小米后,开始接触电视端的UI设计,目前在负责小米电视商城。经过一个电视端项目后,自己做了一些关于电视UI的总结以及设计方法原则。 电视UI算得上是一个偏冷门的界面设计,因为它的交互比较特殊,同时有一些限制,比如交互限制,焦点原则等等。以下就自己的项目经验为电视UI设计原则做一个总结。 对于现在家庭智能电视电视而言,技术在不断的进步,但是其饱和度和对比度有的还是很…
-
超实用的设计规范ui kit组件模板
作为以 996为常态的互联网行业设计师,我们常面临一个很现实的问题 -- 提高效率!当项目比较紧急或者比较庞大时,我们通常会通过团队协作来完成。经常是左一个设计源文件右一个源文件发来发去,实在浪费大家时间。 今天就为大家推荐一个让设计团队协作事半功倍的方法 -- 建立设计规范UI Kit 。另外还会分享两个提高效率的小技巧。 设计规范UI Kit是控件样式的组合,设计师在工作中只需要复制和拖动,不…
-
如何制定插画设计规范?
插画是公司品牌的一部分。插画师定义插画风格和方向,并为公司设计越来越多的插画。但如果是多个插画师协作的情况下如何保持统一?再加上设计、运营团队,他们都需要使用你的插画。 解决方案:插画规范和智能组件库。 为什么要制定插画规范? 如果公司把插画设计外包出去,就只能使用合同范围内的插画。而专职插画师一旦离职,技能和风格同样很难延续。 然而,在Netguru公司,我们做了大量的项目,其中插画起着重要作用…
-
独家!如何玩转数据分析?
产品的完成离不开数据分析这一步,作为一名产品设计师必须具备根据实际情况去建立模型的能力。这篇文章介绍了如何玩转数据分析,推荐想要了解数据建模的童鞋阅读。
设计规范
一个为设计师而生的设计平台
标签
设计规范-共 0 个作品
今日上传
7个作品