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

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

优设专题 2018-07-15

风格大变!设计师要知道的 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

设计规范完全自学指南:进度指示器(附超多优秀案例)

本文梳理了设计规范中进度指示的相关组件,包括分类和使用规则,还列举了大量市面上优秀的线上案例,更深一步探究对组件的使用。基础组件1. 组件定义它是什么?进度指示器表示未指定的等待时间或显示过程的持续时间。

优设文章 2019-11-21

超全面的 UI 工作流程指南(四):设计规范

编者按:完整的 UI 设计流程到底是怎样的?从需求到产品上线,要经历多少个阶段,每个阶段有哪些应该掌握的基础知识,本次优设独家专题为你从零开始梳理出 UI 工作流程,适合新手阅读学习。往期回顾:《超全面的 UI 设计工作流程指南(一):需求分析》《超全面的 UI 工作流程指南(二):原型设计》《超全面的 UI 工作流程指南(三):视觉设计》产品发展日趋平稳时,产品定位和品牌形象已进入稳定状态,参与设计的人越来越...

优设文章 2019-08-12

千呼万唤!这就是你们要的谷歌深色主题设计规范

编者按:在今年的 Google I/O 大会上,Android Q 的深色主题的推出后,官方的 Material Design 的设计规范也随之进行了更新。作为目前最主流的设计风格和主题规范之一,Material Design 的深色主题设计规范非常值得参考学习。这是一套高度自恰的设计规范,有着相当严密的内部逻辑,在 Material Design 的内在隐喻逻辑的推动下,严格遵循国际通行的可用性原则来确保深色...

优设文章 2019-05-17

参与多个项目后,我总结了这份可能是网上最全的小程序设计规范

@设计之青 :最近设计群里经常有人问起小程序设计规范的问题,虽然官方有提供样式库的下载,但是停留在 16 年版,不是最新的。而设计经验这部分网络上也没有比较全面的分享,这促使我停下手上的计划,加快输出本篇文章。正好近期刚结束几个小程序项目,总结下经验,并结合微信小程序的官方设计指南,一起分享给大家,希望帮助大家更快速地上手。

优设文章 2019-05-13

如何从0到1构建设计规范?这份一万多字的实战指南肯定用得上

为什么要构建 MIZ Design?1. 背景随着米庄 APP 用户的增长,以及 APP 不停的迭代,我们在设计上积累了越来越多的债务。越来越多的新页面,新功能,以及不同的组件,都是由不同的设计师来设计,前端也是由不同的开发来实现,这直接导致了整个 APP 越来越臃肿无序,视觉和交互体验不一致,且团队沟通成本高,重复劳动力大,输出效率低,迭代速度慢。

优设文章 2019-04-23

从零开始画图标系列:工具类图标设计规范

在《从零开始画图标系列:超全面的基础知识》中我们知道了,工具图标的三种设计类型,以及对应的不同风格。本篇文章,内容主要分为规范讲解和案例演示两个部分,规范是工具图标的重点。希望读者千万不要跳过这部分的知识讲解直接去看演示了。

优设文章 2019-04-16