设计规范 那些条条框框您真得懂?

说出来你可能不信,我去了几家公司,每个公司里都让我制作设计规范,说是为了便于公司规划流程化管理,当时我可是费了老大劲...

优设专题 2018-07-15

超详细!总监出品的B端设计规范指南(三):配色

B 端设计也是 UI 设计的一种,它的输出环境只存在于电子屏幕中,所以统一使用 RGB 色彩显示模式即可。RGB 即光的三原色,因为每个像素点是由 R 红色、G 绿色、B 蓝色三种颜色的不同色彩强度混合而成。所以 RGB 色的表示可以由 3 个颜色各自使用 0-255 中的数值来呈现,比如:这是 RGB 色彩最标准的记录方式,但显然看起来特别的不直观,或者说不方便。

优设文章 2021-02-22

超详细!总监出品的B端设计规范指南(二):字体

[link https://www.uisdc.com/b-side-design-specification]第二篇,我们就要回到 UI 整个类目里最麻烦,也是最重要的规范类型——字体。文字的基本属性字体属性包含的内容很多,我们可以根据 Sketch 或 Figma 的文字属性栏为例,分别进行解释。1. 字体选择 Font-family字体就是文字的不同风格。

优设文章 2021-02-03

超详细!总监出品的B端设计规范指南(一):布局

在 C 端设计中,不管是给车载客户端、手机客户端、电脑客户端设计界面,都有比较具体的规范需要我们学习和遵守。而唯独 B 端设计,或者说网页设计,我们在网上是找不到具体详细的规范资料的。因为无论是蚂蚁的 AntDesign 还是 Element、Clarity 等 B 端设计系统,其规范都只是针对自己这套产品的设计说明。

优设文章 2021-02-02

原来设计规范不需要死记硬背!腾讯设计师是这么理解和运用的!

Hi,我是彩云。经常在读者群里看到有人讨论,面试时被问到设计规范相关问题,不知道怎么回答才好。是不是要回答设计规范的具体尺寸,再把各种适配规则全背下来呢?

优设文章 2020-12-15

超多案例!APP弹窗设计规范大全

编辑导语:我们平常在使用各类APP时,经常会遇到弹窗,弹窗的设计好与坏很大的影响了用户的体验,让用户感到不舒服的弹窗只会让你的后续收到更多的麻烦和反馈,本文作者分享这份「弹窗设计规范」大全,教你怎么提升用户体验,我们一起来看一下。今天来聊一聊弹窗,在17年的时候就对弹窗做过类别的解释说明,感兴趣的可以去了解模态与非模态弹窗的区别:[link https://www.uisdc.com/app-modal-pop...

优设文章 2020-11-24

看不懂UI文字设计规范?这篇文章帮你搞定!

UI设计中,文字设置是必不可少的一环。文字设置过程中涉及到字体类型、字号、字重、行高、行宽以及颜色等。本文讲述的文字设计规范,包含以下部分:类型字号字重行高行宽颜色类型iOS设备的系统默认字体,中文为苹方,英文&数字为SF UI Text。

优设文章 2020-11-04

风格大变!设计师要知道的 macOS 11 核心设计规范

在今年的 WWDC 上,一直延续着拟物化设计接近 20 年的 Mac OS X 终于画上句号,新的 macOS Big Sur 则作为第 11 个大版本迈入全新的世代。macOS 11 不仅承载着从 Intel 芯片平台向着苹果自家的 SoC 迁移的重任,而且采用了更为贴近 iOS 和 iPadOS 的视觉美学,整个苹果生态自此开始走向统一。芯片是硬件层面上的统一,而视觉风格的融合和开发框架上的兼容,则预示着软...

优设文章 2020-07-03

用一篇文章,帮你掌握弹框的设计规范和进阶使用方法

弹框,一个让设计师和用户又爱又恨的控件。产品需要弹框传递信息,用户需要弹框接受反馈。但不经推敲,胡乱增添弹框设计,用户心流(Mental flow)频频被打断,很容易让用户产生沮丧情绪。

优设文章 2020-04-23

5000 字重磅干货!设计师必备跨屏设计规范(交互篇)

在上一篇文章《重磅!柔性屏和双屏来啦,设计师必学跨屏设计规范》当中,我详细分析了双屏硬件趋势的发展状态和未来方向,同时也翻译整理了微软最新的 Windows 10X 操作系统当中,面向双屏硬件的交互设计规范中的前半部分。图片来自Theverge毫无疑问,Windows 10X 很精准地拿捏了市场方向和设计的方向——双屏比柔性屏更容易实现,相应的,接缝是必须解决的基础交互问题。

优设文章 2020-03-13

重磅!柔性屏和双屏来啦,设计师必学跨屏设计规范

我们总在期待 Next Big Thing,企盼下一次数字革命。喊了这么多年的物联网现在还没有明显起来的迹象,而 VR 也因为头戴设备的大型化和沉浸式场景的泛用性较差的原因,反倒是 AR 和 MR 依托智能手机、浴霸式镜头组和 APP 有一定起色,但是也没有到革命性改变的程度,只能算是一个小趋势。当然,人工智能/深度学习所带来的影响更加深远,但是短时间以内,它所带来的变化趋近于隐形。

优设文章 2020-03-08

从大厂实战中,总结了这份B端产品设计规范

网上关于设计规范的文章写得都很专业,但没有区分 C 端产品和 B 端产品,其实同样是设计规范,由于不同的业务场景和不同企业形态存在很多差异。下面将我在 B 端平台产品设计规范的整理工作中,总结的一些方法和思考分享给小伙伴们,也希望大家从更多的角度跟我一起探讨。欢迎关注作者的公众号:「大发大大发」,一起探索科学的设计方法!

优设文章 2020-01-21

帮你从零开始学会用Sketch做设计规范(一)

背景互联网产品设计通常需要一个团队多个设计师协同完成,那么在大型项目中如何让各位设计师协作的更高效,设计的输出质量更好,体验更一致呢?这是我们想要解决的问题。那么通过 sketch 这个设计工作软件,从工作协同和产品产出质量两个关键问题都能很好的解决。

优设文章 2019-12-13