AI工具导航
新汉语
汉语字典在线查字
在线工具箱
好用的在线工具
产品提交
文章投稿
登录/注册
显示直达
设计规范
设计规范
经验分享
产品设计规范
交互设计
设计系统
组件库
谷歌设计
Material Design
对话式交互
团队协作
微信官方出品! 超详细的 watchOS App 设计指南
随着技术的发展,可穿戴设备正在从实验室走向市场,从独立使用到多平台联动,从注重基于硬件的产品功能到注重基于用户数据的应用与服务。Apple Watch 搭载的 ...
+20
这10个顶尖的设计规范,每个设计师都应该收藏!
学习 UI/体验设计,多看设计规范是必不可少的好方法。对于初学者来说,可以了解很好看又实用的设计稿,比那些中看不中用的飞机稿强多了。对于团队中的主力设...
+18
设计进阶!如何形成自己的方法论?
在有一次面试的时候,我问候选人一个问题:你觉得你作为设计师,最擅长的是什么?候选人回答我说他最擅长的是移动端的设计。 紧接着我又问主流的移动端设计...
设计进阶!如何形成自己的方法论?
在有一次面试的时候,我问候选人一个问题:你觉得你作为设计师,最擅长的是什么?候选人回答我说他最擅长的是移动端的设计。 紧接着我又问主流的移动端设计...
设计规范限制了设计创造力吗?
任何设计规范都不能详细说明一个完整的用户界面。因此,根据定义,即使设计师致力于遵守适当的设计规范,仍然还会有很多设计工作 。通常,最重要的设计元素是...
上亿人使用的泛娱乐微信店,是如何做改版设计的?
在本文中,作者对泛娱乐微信店改版设计进行了总结,有很多值得借鉴的地方,与你分享。 一、项目背景 1. 「泛娱乐微信店」是什么? 泛娱乐微商店是计费平台部...
+11
如何从0到1建立设计规范?来看腾讯设计师的总结!
从一开始的立项到现在落地上线,可以说是从零开始进行 APP 全部细节的梳理并且规定规范,这一路走过来还是能总结出很多心得,本文将分为3个部分,阐述如何从0...
+5
该有的视觉元素全都有,设计不好到底差在哪里?
Eugen Eşanu 编者按:小时候我们很多经验都是来自于寓言故事,故事总能帮你更好地理解一些事情和道理。关于设计,这个道理同样适用。今天的文章,我们就跟着...
+13
如果你不熟悉Material Design,请一口吃下这篇干货!
为您准备了最新的 Material Design设计规范,请伴随笔记一口吃掉。 一、安卓是什么? 想象一下,过年同学聚会上,大家把手机都放在饭桌前,除了各种型号的 iP...
+145
Sketch 进阶教程!利用Symbol 建立一套设计规范组件库?
这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。 文章目录 写在前面 基础规范 图标规范 组件规范 写在后面 为保证更好...
+20
7000多字长文,让你全面掌握设计系统中「颜色规范」的建立方法
研究背景 本文基于目前两大设计体系:安卓端的谷歌设计规范和iOS人机交互指南对颜色的定义和规范,参考了部分 Ant Design 的色板生成原理,为大家带来「米庄A...
+56
千呼万唤!这就是你们要的谷歌深色主题设计规范
编者按:在今年的 Google I/O 大会上,Android Q 的深色主题的推出后,官方的 Material Design 的设计规范也随之进行了更新。作为目前最主流的设计风格和主题...
+52
都 2019 年了还不懂「设计语言」?看完这篇你就学会了!
数字化经济日益发达的现阶段,数字化产品作为线上触点,也就逐渐成为服务中的标配,它更像一个服务员通过屏幕与用户发生对话。在这场对话中,好的设计应该像...
+7
如何做好一套设计系统?这个方法腾讯、360都在用!
相信对于做UI的同学来说,设计规范大家肯定都很熟悉了,那什么是设计系统呢?在实际项目中又该如何快速做好一套设计系统?一份优秀的设计系统包含哪些内容,...
+4
超详细!总监出品的B端设计规范指南(一):布局
在 C 端设计中,不管是给车载客户端、手机客户端、电脑客户端设计界面,都有比较具体的规范需要我们学习和遵守。 而唯独 B 端设计,或者说网页设计,我们在...
+6
Google对话式交互规范指南(五):设计走查清单
这篇内容较少,但是非常重要实用,因为提供了很明确的几份设计走查表,用于在发布产品之前检验问题、清单共有4个,分别针对不同的问题,包括:问候语与结束语...
+1
亚马逊语音交互设计规范(四):设计走查清单
如何验证我们的对话设计是适宜的?这时候就需要设计走查。为了让走查过程中少出错,我们可以在设计语音体验时,考虑以下几点。 明确用户如何从技能中受益 朝...
Google对话式交互规范指南(九):对话中不存在“错误”
话UI设计中难度最大也最容易被忽略的一点,就是对于「无法匹配」(系统无法识别用户的话)和「没有输入」(用户没有说话)的状态中进行复原。 我们经常会把...
10分钟看懂谷歌语音交互设计规范都讲了些什么
前段时间把谷歌语音交互设计规范看完了,整个设计规范比较长,初看的时候比较懵,但是回过头看还是蛮干货满满的。 为了自我梳理和造福想偷懒的同学们,在这...
网易用研:超全面的语音交互知识科普
为什么会有语音交互?它适用于什么场景?不适用于哪些?文章为你解读。 一. 什么是语音交互 在没有机器之前,人类最早的交互方式就是语言和动作。如今,在自...
+7
写给新手的交互规范入门科普
前两天有读者问我,应该如何区分初级交互设计师和高级交互设计师?有很多指标作为参照,最直观的问题可以归结成有没有出过交互规范。交互涉及到逻辑性,心理...
+1
网易设计师:超全面的交互规范设计流程
网易UEDC – 朱子健、蒋蕊遥 :良好的交互规范可以很好的帮助企业、团队提高产出,保证用户体验。 一. 规范很重要 规范和秩序存在于生活的方方面面。不知道大...
+12
内部教程!超详细的支付宝设计规范之交互篇
一、可用性价值 动效很容易被象成某种增强愉悦的东西,自身并不具备什么价值。常常被当做可有可无部分,通常作为最后一步点缀。实际上,动效是一种更高级的设...
+18
腾讯高级设计师:交互知识树系列之平台规范
说到设计规范,这可能是很多设计师会忽略的一个东西,或者就算注意到了,也并没有引起足够的重视,今天咱们就来讲讲,为什么设计规范甚至是平台规范对我们来...
+6
实例解析!如何成为有交互和视觉思维的UI 设计师?
UI 在拿到产品原型时该如何思考?如何着手设计界面?最近跟一些设计师朋友交流 UI 设计方案,总结了一下在方案优化的思考过程,在这里分享给大家。 一、两道...
+18
如何输出高质量的交互稿?来看京东设计师的总结!
交互设计师作为近年兴起的互联网设计岗位之一,具有其岗位产生的背景的特殊性。从交互设计师岗位职能来讲,它是产品与视觉、前端开发的桥梁,是产品研发线上...
+1
如何设计规范的原型图? 来看高手总结的方法!
首先需要了解交互稿和原型图的联系与区别:按照常规的工作流程,交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程...
+4
做B端后台产品很复杂?送你一份完整的设计流程和规范!
毕业两年来一直都做着 B 端产品的 UI 设计工作,参与过的后台产品设计面对的主要客户有公司内部、各大企业以及政府机构。工作和学习的过程中走过不少弯路,也...
+12
看不完 iOS 人机交互指南?高手总结了这份浓缩精简版!
最近花了一个多月的时间阅读、整理iOS人机界面指南,起因是发现在招聘岗位要求上“熟悉iOS/Android/Web端设计规范”频繁被提及,读完的确会有一种醍翻灌顶的感...
如何零基础高效建立组件库?来看大厂设计师的总结!
如何定义组件库 UI 设计组件库(UI KIT),直译过来就是用户界面成套元件。我们日常工作中所构建的组件库,一般是把所有界面设计中的控件以及控件组合汇总分...
+11
用一篇全面干货,帮你完整掌握组件化设计流程
当我们进入一个成熟的设计团队,团队文档中都会有组件库和对应的设计规范。 组件库是当设计师遇到同一类组件设计场景时,提供可复用、避免创造新的样式的库...
+6
快记下来!5个连大厂设计师都容易搞混的控件与规范
开篇先讲个故事: 上周偶然一次和开发对碰视觉规范的时候,一位开发问了个问题:这个对话框是做成模态还是非模态的? 老实说那一瞬间我突然有点蒙,一时半...
+11
内部教程!超详细的支付宝设计规范之配色篇
一、色彩 DNA 文档 概述 根据品牌多年来的设计沉淀以及目前业务的各个使用场景,我们对品牌色彩的DNA进行了重新的探索和定义。根据我们的五个关键词安全、便...
+14
内部教程!超详细的支付宝设计规范之线下字体篇
在线下场景中的物料、机具尺寸是依据人体工程学为参考,不同位置、不同距离、不同角度下,物料类型 、版面结构、文字层级、字号、字间距等,都影响着对使用者...
+22
超详细!总监出品的B端设计规范指南(二):字体
文字的基本属性 字体属性包含的内容很多,我们可以根据 Sketch 或 Figma 的文字属性栏为例,分别进行解释。 1. 字体选择 Font-family 字体就是文字的不同...
+13
设计规范完全自学指南:进度指示器(附超多优秀案例)
本文梳理了设计规范中进度指示的相关组件,包括分类和使用规则,还列举了大量市面上优秀的线上案例,更深一步探究对组件的使用。 基础组件 1. 组件定义 它是...
+26
参与多个项目后,我总结了这份可能是网上最全的小程序设计规范
@设计之青 :最近设计群里经常有人问起小程序设计规范的问题,虽然官方有提供样式库的下载,但是停留在 16 年版,不是最新的。而设计经验这部分网络上也没有...
+18
如何从0到1构建设计规范?这份一万多字的实战指南肯定用得上
为什么要构建 MIZ Design? 1. 背景 随着米庄 APP 用户的增长,以及 APP 不停的迭代,我们在设计上积累了越来越多的债务。越来越多的新页面,新功能,以及不...
+56
超实用!UI设计规范完全制作指南
文章从建立设计规范的原因、设计规范的适用范围,以及设计规范的制作流程,全方位解答UI设计规范的问题。 这篇的基础部分我做的比较详细,组...
+4
金山内部资料!超实用的视觉设计文档整理规范
做出一份赏心悦目的设计文档是设计师进阶的必备能力,下面看看 KSO UEC 的文档整理规范吧!希望可以帮助到大家的日常工作。
+13
Sketch 进阶教程!利用Symbol 建立一套设计规范组件库?
这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。 文章目录 写在前面 基础规范 图标规范 组件规范 写在后面 为保证更好...
+20
如果你不熟悉Material Design,请一口吃下这篇干货
为您准备了最新的 Material Design设计规范,请伴随笔记一口吃掉。 一、安卓是什么? 想象一下,过年同学聚会上,大家把手机都放在饭桌前,除了各种型号的 iP...
+145
超详细!手把手教你制作设计规范
橙子的橙子:什么样的规范是适合小公司的我们呢?又是什么样的规范能够真正节省团队时间、提高工作效率的呢?把自己踩过的坑总结记录一下,希望在写给自己的...
+1
如果你不熟悉iPhone 设计规范,请一口吃下这篇干货!
编者按:iPhone 设计规范是每个设计师都应该学会的基础知识,无论你是新手老手,看完本文一定能彻底理解iPhone 设计规范! 一、iPhone的历史 每次苹果发布...
+55
一看就懂!详解大厂UI设计规范制作步骤
上篇《超全UI设计规范,带你了解规范设计全流程》分享了为什么需要设计语言以及设计语言包含了哪些内容。简单回顾下,为什么需要设计语言?对内,保证设计团...
+28
丁香园 8.0 全新改版升级,设计背后的故事
丁香园 App 是丁香园面向医生、医学生与医疗行业从业者推出的一款综合性应用。专注于通过病例讨论、话题互动的形式开展深度的社区交流。从专业技能、医学考试...
+14
如何遵守设计规范?我总结了这四个层次
@龙爪槐守望者 :熟练掌握 iOS、Android 设计规范是一个设计师必备的工作技能,几乎每家公司都要求做自己的设计规范。当我们在工作中考虑去做一件事的时候,...
+3
Google I/O 大会之后,Material Design 发生了这些变化
编者按:Google I/O 大会之后,Material Design 也好不意外地随之进行了更新,作为目前最主流也是对当前设计影响最大的一种设计风格或者说设计准则,它的每一...
+3
1
2
添加小工具
点此为“分类归档侧边栏”添加小工具
微信官方出品! 超详细的 watchOS App 设计指南
流光
inUI设计这10个顶尖的设计规范,每个设计师都应该收藏!
流光
inUI设计设计进阶!如何形成自己的方法论?
流光
in就业职场设计进阶!如何形成自己的方法论?
流光
in就业职场设计规范限制了设计创造力吗?
流光
in产品经验上亿人使用的泛娱乐微信店,是如何做改版设计的?
流光
in产品经验如何从0到1建立设计规范?来看腾讯设计师的总结!
流光
in产品经验该有的视觉元素全都有,设计不好到底差在哪里?
流光
in产品经验如果你不熟悉Material Design,请一口吃下这篇干货!
流光
in产品经验Sketch 进阶教程!利用Symbol 建立一套设计规范组件库?
流光
in产品经验7000多字长文,让你全面掌握设计系统中「颜色规范」的建立方法
流光
in产品经验千呼万唤!这就是你们要的谷歌深色主题设计规范
流光
in产品经验都 2019 年了还不懂「设计语言」?看完这篇你就学会了!
流光
in产品经验如何做好一套设计系统?这个方法腾讯、360都在用!
流光
in产品经验超详细!总监出品的B端设计规范指南(一):布局
流光
in产品经验Google对话式交互规范指南(五):设计走查清单
流光
in交互设计亚马逊语音交互设计规范(四):设计走查清单
流光
in交互设计Google对话式交互规范指南(九):对话中不存在“错误”
流光
in交互设计10分钟看懂谷歌语音交互设计规范都讲了些什么
流光
in交互设计网易用研:超全面的语音交互知识科普
流光
in交互设计写给新手的交互规范入门科普
流光
in交互设计网易设计师:超全面的交互规范设计流程
流光
in交互设计内部教程!超详细的支付宝设计规范之交互篇
流光
in交互设计腾讯高级设计师:交互知识树系列之平台规范
流光
in交互设计实例解析!如何成为有交互和视觉思维的UI 设计师?
流光
in交互设计如何输出高质量的交互稿?来看京东设计师的总结!
流光
in交互设计如何设计规范的原型图? 来看高手总结的方法!
流光
in交互设计做B端后台产品很复杂?送你一份完整的设计流程和规范!
流光
in交互设计看不完 iOS 人机交互指南?高手总结了这份浓缩精简版!
流光
in交互设计如何零基础高效建立组件库?来看大厂设计师的总结!
流光
in交互设计用一篇全面干货,帮你完整掌握组件化设计流程
流光
in交互设计快记下来!5个连大厂设计师都容易搞混的控件与规范
流光
in交互设计内部教程!超详细的支付宝设计规范之配色篇
流光
in平面设计内部教程!超详细的支付宝设计规范之线下字体篇
流光
in字体设计超详细!总监出品的B端设计规范指南(二):字体
流光
inUI设计设计规范完全自学指南:进度指示器(附超多优秀案例)
流光
inUI设计参与多个项目后,我总结了这份可能是网上最全的小程序设计规范
流光
inUI设计如何从0到1构建设计规范?这份一万多字的实战指南肯定用得上
流光
inUI设计超实用!UI设计规范完全制作指南
流光
inUI设计金山内部资料!超实用的视觉设计文档整理规范
流光
inUI设计Sketch 进阶教程!利用Symbol 建立一套设计规范组件库?
流光
inUI设计如果你不熟悉Material Design,请一口吃下这篇干货
流光
inUI设计超详细!手把手教你制作设计规范
流光
inUI设计如果你不熟悉iPhone 设计规范,请一口吃下这篇干货!
流光
inUI设计一看就懂!详解大厂UI设计规范制作步骤
流光
inUI设计丁香园 8.0 全新改版升级,设计背后的故事
流光
inUI设计如何遵守设计规范?我总结了这四个层次
流光
inUI设计Google I/O 大会之后,Material Design 发生了这些变化
流光
inUI设计