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

我们总在期待 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

超实用!UI设计规范完全制作指南

文章从建立设计规范的原因、设计规范的适用范围,以及设计规范的制作流程,全方位解答UI设计规范的问题。这篇的基础部分我做的比较详细,组件部分写的有些概括,主要是因为组件部分不是通用的,要根据自己的稿子进行整理和归纳,归纳好之后做好标注和规范说明即可,这部分是一个罗列的内容,所以就不必展开了。当然还有很多内容没有展开说,比如在Sketch 里面把KIT 制作成Libraries 统一使用,但是我想作为一篇设计规范入...

优设文章 2019-03-06

上万字干货!超全面的网页设计规范:文字篇

文字是界面设计中最基本的构成之一,如何定义网页设计中的文字系统?可大体分为三步:系统全面地了解文字的基础知识、显示方式、影响因素及当前网页设计中适合的文字系统;梳理出自己团队所有产品文字使用情况;综合第1步、第2步总结出适合团队业务的文字系统。注:网页设计规范色彩篇马上会发布在优设V+会员专栏,想获得整个网页设计规范系列干货的同学,请右戳 → https://www.uisdc.com/uisdc-vip字符屏...

优设文章 2019-02-28

Sketch 进阶教程!利用Symbol 建立一套设计规范组件库?

这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。文章目录写在前面基础规范图标规范组件规范写在后面为保证更好地理解文章内容,你需要对以下知识点有一定的了解(部分内容已附注释)。1. Text style ¹△ 图片来自Sketch手册在设计包含大量文本的界面时,许多图层拥有相同的文本属性。

优设文章 2018-12-24