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

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

优设专题 2018-07-15

上万字干货!超全面的 车载人机交互 设计规范

前言:入行做车载 HMI(人机交互界面)已有 2 年余久,也该沉淀输出一些行业内容,HMI 行业还是一片蓝海,很多设计师都不敢轻易的进入这个新型的行业,觉得有难度、门槛、视觉要求高、这篇文章先带你入行,文章还是以一些 HMI 基础知识作为讲解,在设计规范方面的内容,我会添加很多干货结合实际案例讲解。先给大家打一个预防针(规范是用来打破的,本篇文章只做为参考价值)1. 设计规范包含什么内容设计规范包含视觉规范和交互规范,本章节先说一下视觉规范,车载交互内容会安排在后续写作中…2. 视觉规范:车载端设计和移动端、web ...

优设文章 2021-07-12

如何搭建B端设计规范?这篇5800字的指南快收下!

前言今天给大家分享的是关于如何从零开始搭建 B 端设计规范。时间转眼即逝,掐指一算,我接触 B 端已有 4 年之久了,当年刚接触的时候,B 端的从业人员比例还是很少的。近两年 B 端越来越火热,无论从设计风格还是产品数量上,都有了很大的提升。

优设文章 2021-06-29

壹周速读:高手必知的设计规范和秘诀

设计规范是约束和成就很多优秀产品的基础,是打造优秀体验的基底,这一期的壹周速读给大家梳理一波用得上且值得关注的设计规范,以及技巧:必知的设计规范一般提到设计规范,大家说得最多的就是谷歌 Material Design、苹果的人机界面指南、蚂蚁集团 Ant.Design。其实除此之外,国际上还有很多优秀的设计规范,值得大家参考借鉴。每个产品和项目的情况都不相同,生搬硬套任何一种规范往往都不太现实。

优设文章 2021-06-15

近万字干货!企业级B端设计规范的搭建思路(实战篇)

设计规范概述作为指导企业级 B 端产品界面设计的企业级 B 端设计规范,近年来受到各大厂的热捧,产出了诸如 Salesforce,Antdesign、Element、ViewUI 等设计规范。[link https://www.uisdc.com/10-top-design-specification]设计规范是一套由设计价值观作为底层逻辑支撑,以设计原则做指导,包括了全局样式、基础组件库、业务组件库、页面模板...

优设文章 2021-06-07

这10个顶尖的设计规范,每个设计师都应该收藏!

学习 UI/体验设计,多看设计规范是必不可少的好方法。对于初学者来说,可以了解很好看又实用的设计稿,比那些中看不中用的飞机稿强多了。对于团队中的主力设计师来说,看设计规范不但可以反思自己的方案,还能学习怎么整理一套设计规范

优设文章 2021-05-11

想做好车载设计?先掌握这份 Carplay 设计规范(下)

在上一篇文章当中,我介绍了一些关于 Carplay 的基本原则和前一半设计规范。Carplay 总体上是在 iOS 的交互设计和视觉设计的原则上,针对汽车驾驶这一场景进行了深入的优化和约束。下半部分的将会涉及到视觉设计和具体 UI 控件的设计规范

优设文章 2021-03-08

想做好车载设计?先掌握这份 Carplay 设计规范(上)

传统的汽车中控系统,大多是相对固定的硬件组合到一起,共同构成中心的控制台,控制着包括导航、收音机、播放器、空调等在内的各种功能。一直到 2000 年前后,汽车的中控台都一直以这样相对固定的物理按钮和旋钮来搭建,用户也可以通过官方或者第三方服务,来升级功能,比如将磁带播放器升级为CD播放器乃至于内嵌电视功能等等。随着移动端技术的发展,iOS 和 Android 等智能软件系统的完善和提升,汽车的中控系统也不再受限...

优设文章 2021-03-04

超详细!总监出品的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-popup-non-modal-popup]那么弹窗的规范化设计是什么呢?最近有来自小伙伴的求解,针对产品的弹窗该如何优化?

优设文章 2020-11-24