菜单
优设网uisdc.com
优设网 - 学设计上优设
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计服务
关于我们
联系我们
文章投稿
铁粉权益
意见反馈
广告商务
会员
开通优设VIP星球
尊享12项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
作品集指导
优设设计专家语音在线指导
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
设计规范 话题
首页
设计文章
设计规范
产品设计规范
收录17篇文章
苹果设计规范
收录13篇文章
Android设计规范
收录6篇文章
设计思路
收录44篇文章
文字排版
收录43篇文章
4 / 8
到第
Go
页
UI
从零开始画图标系列：工具类图标设计规范
上一期我们学会了工具图标的三种设计类型以及对应的不同风格。本篇文章将继续深入，为你讲解设计规范和演示案例。
2019/04/16
图标设计
产品
7000多字长文，让你全面掌握设计系统中「颜色规范」的建立方法
本文通过两大设计规范和 Ant Design 的色板生成原理，结合实战案例，帮你学会一套专业可复制的「颜色规范」建立指南。
2019/04/09
设计系统
UI
超实用！UI设计规范完全制作指南
文章从建立设计规范的原因、设计规范的适用范围，以及设计规范的制作流程，全方位解答UI设计规范的问题。这篇的基础部分我做的比较详细，组件部分写的有些概括，主要是因为组件部分不是通用的，要根据自己的稿子进行整理和归纳，归纳好之后做好标注和规范说明即可，这部分是一个罗列的内容，所以就不必展开了。当然还有很多内容没有展开说，比如在Sketch 里面把KIT 制作成Libraries 统一使用，但是我想作为一篇设计规范入门教程目前应该足够了，这篇文章高度现在有3W像素，实在有些长了，更多的内容我在后续幵新文去...
2019/03/06
产品设计规范
教程
金山内部资料！超实用的视觉设计文档整理规范
做出一份赏心悦目的设计文档是设计师进阶的必备能力，下面看看 KSO UEC 的文档整理规范吧！希望可以帮助到大家的日常工作。「高效整理资源库」《用标签代替文件夹！
2019/01/07
视觉设计
产品
Sketch 进阶教程！利用Symbol 建立一套设计规范组件库？
这是一篇 Sketch 进阶教程，让你学会利用 Symbol 建立一套设计规范组件库。文章目录写在前面基础规范图标规范组件规范写在后面为保证更好地理解文章内容，你需要对以下知识点有一定的了解（部分内容已附注释）。1. Text style ¹△ 图片来自Sketch手册在设计包含大量文本的界面时，许多图层拥有相同的文本属性。
2018/12/24
交互组件库
UI
想创造一套自己的视觉语言，要从哪几个方面入手？
我们使用语言与人进行沟通，传达信息，记录内容，而视觉语言也发挥着类似的作用。从色彩到排版样式，从插画到品牌构建，视觉语言同样承担着类似的功能，它和传统的语言有着类似的特征包括结构化和沟通功能。所以，视觉语言也是规范化的，标准化的，它足够自由，也保有约束。
2018/11/08
经验分享
产品
如果你不熟悉Material Design，请一口吃下这篇干货！
为您准备了最新的 Material Design设计规范，请伴随笔记一口吃掉。一、安卓是什么？想象一下，过年同学聚会上，大家把手机都放在饭桌前，除了各种型号的 iPhone 之外，你还能看到什么品牌的手机呢？
2018/11/04
Material Design
教程
超详细！手把手教你制作设计规范
橙子的橙子：什么样的规范是适合小公司的我们呢？又是什么样的规范能够真正节省团队时间、提高工作效率的呢？把自己踩过的坑总结记录一下，希望在写给自己的同时也能够帮助大家。
2018/10/19
产品设计规范
教程
如果你不熟悉iPhone 设计规范，请一口吃下这篇干货！
编者按：iPhone 设计规范是每个设计师都应该学会的基础知识，无论你是新手老手，看完本文一定能彻底理解iPhone 设计规范！一、iPhone的历史每次苹果发布会 UI设计师可能是最睡不着觉的人啦。每次发布会苹果推出全新 iPhone 时，我们在 iPhone 平台上的 APP应用程序必须跟随 iPhone 的尺寸、规范等特性调整设计稿。
2018/10/15
苹果设计规范
教程
超全面！2018 苹果最新规范及适配整理
@牛MO王涵 ：新的尺寸又出来了？又要重新计算？不用愁，文章为你准备好了全部的适配与尺寸，并且使用 pt 和 px 双单位标注，只要收藏好这篇文章，这一年做设计照这个尺寸做就行了！
2018/09/15
苹果设计规范
交互
如何设计规范的原型图？ 来看高手总结的方法！
首先需要了解交互稿和原型图的联系与区别：按照常规的工作流程，交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图，这些都可以归纳到交互设计文档中。因此原型图只是交互稿的一部分，本文将铺开阐述设计规范的原型图应该注意哪些。原型图设计遵循的首要原则是：在满足将产品需求转化为界面功能需求的同时，尽可能的维持原型图的美观简洁，人类始终向往和追求一切美好的事物，即便是黑白的世界，一样会带给人美的享受。
2018/09/07
交互原型
产品
该有的视觉元素全都有，设计不好到底差在哪里？
编者按：小时候我们很多经验都是来自于寓言故事，故事总能帮你更好地理解一些事情和道理。关于设计，这个道理同样适用。今天的文章，我们就跟着一个设计师的经历来学点什么吧。
2018/08/15
Eugen Eşanu
教程
一看就懂！详解大厂UI设计规范制作步骤
上篇《超全UI设计规范，带你了解规范设计全流程》分享了为什么需要设计语言以及设计语言包含了哪些内容。简单回顾下，为什么需要设计语言？对内，保证设计团队的一致性，给用户的体验一致性，提升设计效率；对外，统一品牌符号，有助于加深产品在用户心中的印象。
2018/07/28
设计原则
UI
超全UI设计规范，带你了解规范设计全流程
今天分享给大家的是如何定义一套UI设计规范。无论是国内大的团队还是小的团队，都需要做设计规范，好像没有就不够专业，UED 的价值就不够高，关于UI设计规范的参考也特别多，最出名的莫过于苹果和谷歌，也是行业鼻祖。一、为什么需要UI设计规范1. 对内上图，应该是很多设计团队都遇见的情况，一个按钮很多尺寸，颜色，大小，有时候我们已经有了规范，但是由于业务方各种要求，要个性化，要不一样，导致整个 APP设计变的很混乱，这是我们设计中经常遇见的，很多 APP 因为缺少基础规范，导致 APP 每个页面都不一样，...
2018/07/28
UI设计
产品
如何从0到1建立设计规范？来看腾讯设计师的总结！
从一开始的立项到现在落地上线，可以说是从零开始进行 APP 全部细节的梳理并且规定规范，这一路走过来还是能总结出很多心得，本文将分为3个部分，阐述如何从0到1建立设计规范。目录如何确定内容，规范里要写什么如何写如何推动规范落地一、如何确定内容？这里我总结了三步：1. 确定目标用户、用户目标、设计目标根据不同的用途和目标，不同的团队对设计规范的制定是不一样。
2018/07/06
组件化设计
产品
丁香园 8.0 全新改版升级，设计背后的故事
丁香园 App 是丁香园面向医生、医学生与医疗行业从业者推出的一款综合性应用。专注于通过病例讨论、话题互动的形式开展深度的社区交流。从专业技能、医学考试、职称晋升等方面真正帮助用户成长。
2018/07/04
品牌
产品
如何遵守设计规范？我总结了这四个层次
@龙爪槐守望者 ：熟练掌握 iOS、Android 设计规范是一个设计师必备的工作技能，几乎每家公司都要求做自己的设计规范。当我们在工作中考虑去做一件事的时候，首先应当思考的是这件事情能带来什么收益，然后再去决定做不做和怎么做。一、两个角度我从两个角度来看遵守设计规范带来的收益。
2018/07/01
Android设计规范
教程
设计师该如何带团队？来看高级设计师的总结！
@苏大牙牙牙 ：身为设计师，随着工作时间变久、经验增多、业务需要，会慢慢面临带设计团队的需求。以前，我认为带人嘛，挺简单的，就是自己打打嘴炮，别人做东西就可以了。但这事儿真落到自己头上时，瞬间眉头一紧，感觉事情并没有那么简单。
2018/06/25
团队协作
交互
如何输出高质量的交互稿？来看京东设计师的总结！
交互设计师作为近年兴起的互联网设计岗位之一，具有其岗位产生的背景的特殊性。从交互设计师岗位职能来讲，它是产品与视觉、前端开发的桥梁，是产品研发线上的连接纽带。由于交互设计师既不是需求的发起者，也不是完全算是需求的执行者，所以作为产品研发线的中间环节，交互输出对准确性、效率的不言而喻。
2018/06/23
交互稿
交互
实例解析！如何成为有交互和视觉思维的UI 设计师？
UI 在拿到产品原型时该如何思考？如何着手设计界面？最近跟一些设计师朋友交流 UI 设计方案，总结了一下在方案优化的思考过程，在这里分享给大家。
2018/06/18
UI设计师
UI
如何系统学习功能图标？来看资深设计师的全面总结！
一、图标的定义1. 什么是图标图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。2. 什么是功能图标功能图标是具有指代意义且具有功能标识的图形，它不仅是一种图形，更是一种标识，它具有高度浓缩并快捷传达信息、便于记忆的特性。
2018/06/11
ICON
交互
腾讯高级设计师：交互知识树系列之平台规范
说到设计规范，这可能是很多设计师会忽略的一个东西，或者就算注意到了，也并没有引起足够的重视，今天咱们就来讲讲，为什么设计规范甚至是平台规范对我们来说很重要？你觉得苹果、谷歌、微软的设计团队怎么样？或者你有什么向往的设计公司或团队呢？
2018/06/09
交互设计
UI
超全面的移动端UI 设计规范整理汇总
很多新人在开始做移动端UI设计的时候，往往对界面的一些尺寸规范不是十分清楚，很多时候都是凭借自己的感觉和经验去绘制界面，心里并没有一个清晰的概念，导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计（iOS系统）中常用的一些尺寸规范和方法，如控件间距、适配、标注、切图等，设计师在设计时并不一定要严格遵守，但对这些规范应有所了解，并融会贯通。目录界面设计尺寸及栏高度边距和间距内容布局界面图片设计比例建立统一风格的图标APP版式设计规范界面文字设计规范设计适配切图规范设计稿标注一、界面设计尺寸...
2018/06/05
苹果设计规范
UI
新版抢先看！Material Design 的7个重大更新
2018年5月9日凌晨1点，谷歌I/O 开发者大会如期在美国加州山景城的海滨露天剧场拉开帷幕，谷歌不仅对 AI 技术进行了更深层次的提升，同时也对 Android 系统进行了更新，谷歌副总裁 Dave Burke 对 Android 的更新进行了开场演讲，「在 Android 过去的10中，已经成为了一个开放的系统。」随着 android P 的诞生，谷歌今日宣布了 Material Design 应用程序视觉设计语言的几项更新。尽管此前传闻称有大改，但从刚刚召开的 I/O 2018 开发者大会来看...
2018/05/14
Google
UI
Google I/O 大会之后，Material Design 发生了这些变化
编者按：Google I/O 大会之后，Material Design 也好不意外地随之进行了更新，作为目前最主流也是对当前设计影响最大的一种设计风格或者说设计准则，它的每一个改变都有着巨大的意义，以及非常实际的影响。在 Google I/O 大会之前，开发者 Raveesh Bhalla 对于 Material Design 的新特性进行了预测，并且撰写了《Google I/O即将到来，对于Material Design 2.0我做了这些预测》，大会之后确实有不少预测得到了印证，这篇文章就是对此的...
2018/05/10
Google
UI
超实用的扁平图标绘制终极指南！
一、使用栅格界面上的 icon 一般都能近似成一个基本形式，比如各个方向的长方形、圆、三角形、正方形。如果你把他们进行模糊化处理，你会发现他们都是差不多大的一小团黑色，也就是说其「视觉重量」是基本一致的。把 icon 根据不同的形状放入栅格框架里面。
2018/05/08
ICON
UI
Google I/O即将到来，对于Material Design 2.0我做了这些预测
Raveesh Bhalla：也许再等上几周，在 Google I/O 之后再来聊 Material Design 2.0 会是一件更好的事情。但是在发布之前预测一下，压个题，似乎也是一件很好玩的事情，不是吗？作为一个正在设计 Android 应用的开发者，自打有 Material Design 2.0 发布的传言流出以来，我就一直在关注 Google 旗下的各大应用和网站，试图从中找到一些端倪。
2018/05/04
Google
产品
上亿人使用的泛娱乐微信店，是如何做改版设计的？
在本文中，作者对泛娱乐微信店改版设计进行了总结，有很多值得借鉴的地方，与你分享。一、项目背景1. 「泛娱乐微信店」是什么？泛娱乐微商店是计费平台部为公司所有虚拟业务提供和服务的一个付费渠道，是微信钱包中一个便捷的泛娱乐业务付费入口。
2018/04/27
品牌认知
教程
如何构建 Web 端设计规范之文本与选择器
Echo ：根据组件的用途，可以分为六大类，Feedback 反馈、form 表单、basic 基础、data 数据 、navigation 导航、other 其他。表单在网页中主要负责数据采集功能；用户需要填写输入数据并且提交到数据库，则这种组件就是表单类。本文主要讲解表单中的文本和选择器，其中文本分为 input 短文本、InputAutocomplete 短文本联想和 InputMultiline 长文本。
2018/04/23
WEB
交互
内部教程！超详细的支付宝设计规范之交互篇
支付宝设计规范往期回顾：《内部教程！超详细的支付宝设计规范之图形图案篇》《内部教程！超详细的支付宝设计规范之配色篇》《内部教程！
2018/04/13
产品设计规范
4/8
上一页
1
2
3
4
5
6
...
8
下一页
前往
Go
页
优设读报
2023年06月04日 星期日
01
保时捷公布全新设计的盾牌徽标，拒绝扁平化
02
Bing Chat 再次放宽限制，提高单次会话上限
03
英伟达推出新 AI 模型 Neuralangelo：可将视频转换为 3D 模型
04
新版支付宝内可直接绑定 Apple ID
05
天猫国际推出首本快闪独立生活杂志《Being》
查看全部
设计问答
全部问答
学了那么多设计规范，平时做设计真的用得上吗？
4.9k 设计师围观了该问题
设计问答
全部问答
UI设计尺寸规范有没有特别全的，求分享！
邀请你来回答
大家好，我想找一份比较全的UI设计尺寸规范，优设的大佬们，有没有比较全的资料可以分享给我一下吗？感谢！
我来回答
配色指南
一个专题囊括所有配色方法和神器！
查看专题
专题
已有360.0w位观众
已收录
42
篇持续更新
用完即走！设计师必备的Chrome 浏览器配色/取色插件
72276 人阅读
用这个神器，优秀配色采集+分析一键轻松搞定！
92367 人阅读
细节
Unsplash 用网站排版提醒您,疫情期间请保持距离
新冠疫情让大家人心惶惶。普通人的防疫措施除了戴口罩、勤洗手之外，人与人之间保持一定的社交距离也十分重要。「Unsplash 」图库最近就在其网站上线了相关的设计小彩蛋，时刻提醒网站的用户记得保持与他人之间的距离。
2020/04/15
海的格尔
Unsplash
设计神器
全部神器
素材不够大？试试这个免费图片放大神器 Upscale.media
神器推荐
网页和UI设计师常用的在线协同工具有哪些？
网页
一篇干货不够看？那你需要2019年全部设计资源合集的合集！
神器推荐
做过10亿次设计的人工智能「鹿班」，原来是他负责的！
神器推荐
课程
大厂名师带你学 Blender 动画！
涨薪指数
技能点 · Blender
涨薪必备
名师亲授
课程
一小时！用AI创作的IP设计也能赚钱
涨薪指数
技能点 · IP设计
高效实战
职场技能
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
求职招聘
发布职位
资深设计师
杭州
大专及以上
3-5年
15k-20k
平面设计师
武汉
学历不限
1-3年
5K-10k
主案设计师
上海
本科及以上
5-10年
15k-25k
查看全部
行业新闻
发布行业新闻
「AI+设计系统」将是数字界面设计的最佳实践标准，MasterGo AI 于 6 月 5 日启动内测申请
新品推荐
秋叶团队助力华中农业大学教师发展中心 PPT 专题培训
活动赛事
字由 4.0 全新上线，「next level」等你来体验
品牌资讯
查看全部
最新趋势
入站必看
设计入门
进阶提升
热门资源
Midjourney
会上瘾的AI绘画工具
AI智能绘画
让AI助你一臂之力
198个AI工具
实用AI智能神器大全
Blender
称心如意的3D设计法宝
Figma
令设计师爱不释手
HMI设计指南
车载设计教科书
直播间设计
生意都在直播间啦
Stable Diffusion
最强开源AI绘画工具
优设热榜
每日必读的行业消息
教你做字库
每个公司都可有字库
设计服务
一站式数字创意服务平台
求职面试
为你用心整理的技巧
B端设计
开始探索B端设计
3D设计
技巧与工具全揭秘
520个必看设计网站
精选全球设计站点
9图！入站必刷
优设重磅设计知识频道
热门产品揭秘
60秒学1个热门产品亮点
免费图库
高质量的免费可商用图片
私单报价
谢绝帮个忙
优设年度榜单
全年好内容一网打尽
顶尖设计师作品集
作品见真章
每日一问
你的问题这里有答案
自学就上优优网
优设旗下自学网站
优设主编人气好文
设计风向标
设计师书单
2023年设计书籍推荐
最新免费字体
最值得收藏的频道
活动大赛
这个奖杯等你来拿
推荐！设计专题
相见恨晚的宝藏专题
设计软件自学
免费自学就上优优网
200篇自学文章
设计自学有关的一切经验
设计师禁忌
不可抄袭！注重版权
平面设计
入门指南和经验技巧
配色技巧
看完这里成高手
Behance
学设计离不开的网站
设计神器
推荐！超人气分类
作品集包装
请重视你的敲门砖
IP设计
人人都想做IP
设计方法论
开始加速成长吧
设计心理学
助你做更好的设计
灵感及审美提升
让创意如万斛泉源
设计模型
你离总监又近了一步
掌握设计流程
重要的事情说3遍
设计规范
条条框框的大学问
改版设计
实战案例和方法大揭秘
设计趋势
不落窠臼之法
设计评审
教你应对设计评审
述职报告
工作总结是一门学问
设计思维
成长从转变思维开始
职业晋升方法
加薪晋级看这里
商业手绘进阶班
优设顶尖画师亲授
UI设计实战班
全能UI必修设计课程
3D高阶提升大师班
进阶涨薪必备技能
平面设计实战营
优设爆款课程
3D 插画实战特训营
名师课程22天教会
60天PSAIAE入行
长年畅销课程
优设大课堂
好课一网打尽
人工智能设计
AI的热门资源都在这
优设标题黑
全网下载高达300W次
配色神器
不用为配色发愁
9G素材大礼包
优优教程网倾情整理
配色导航
人气很高的配色导航
175款国潮插画笔刷
PS与iPad都能使用
作品集封面
帮你掌握作品集封面设计
优设2022新字体
简约饱满的可商用字体
设计师下载频道
今年这里会好好运营
样机素材
高品质样机素材
Similarsites
大名鼎鼎的找相似网站
短视频
短视频资源神器
设计插件
设计师必备法宝
年度十大设计软件
当下最流行的软件和网站
