设计指南 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

设计指南话题

首页
设计文章
设计指南

万字干货！写给设计师的数据可视化设计指南

平面

万字干货！写给设计师的数据可视化设计指南

本文从什么是数据可视化、图表的主要元素、数据可视化的设计流程三大部分，帮你从零开始掌握数据可视化设计。

2022/08/08

可视化设计

B端设计指南：6800字干货帮你掌握快捷键设计

交互

B端设计指南：6800字干货帮你掌握快捷键设计

今天我们就来聊聊 B 端产品与快捷键之间的关系，以及在实际的工作当中，该如何设计快捷键呢？

2022/04/02

Material Design 折叠屏设计指南（2）：布局

UI

Material Design 折叠屏设计指南（2）：布局

本文为 Material Design 折叠屏设计指南中文版译文第二篇，超多干货建议收藏。

2022/02/17

Material Design

Material Design 折叠屏设计指南（1）：概述

UI

Material Design 折叠屏设计指南（1）：概述

本文为 Material Design 折叠屏设计指南中文版译文第一篇，超多干货建议收藏。

2022/02/16

Material Design

微软官方出品！18 条应该记住的AI人机交互指南

交互

微软官方出品！18 条应该记住的AI人机交互指南

AI 时代，交互设计师应该了解的 AI 人机交互指南。

2021/08/17

以B端产品为例，帮你深入浅出掌握「设计系统」

产品

以B端产品为例，帮你深入浅出掌握「设计系统」

今天就以 toB 产品为例，来唠唠我认知下的设计系统是什么，以及如何帮助设计落地执行的。

2021/05/18

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

UI

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

学习 UI/体验设计，多看设计规范是必不可少的好方法。看设计规范不但可以反思自己的方案，还能学习怎么整理一套设计规范。

2021/05/11

微信官方出品！超详细的 watchOS App 设计指南

UI

微信官方出品！超详细的 watchOS App 设计指南

watchOS 对于大多数设计师来说都是一个相对陌生的领域。在这篇文章中，我们将为大家分享设计 watchOS app 中的要点。

2021/05/08

上万字干货！超全面的B端按钮设计指南

交互

上万字干货！超全面的B端按钮设计指南

超全面！10000 字按钮设计指南，本文为高手心血总结，从 5 个层面详解按钮类型及使用方式等，帮助你更合理地进行按钮设计。

2020/05/09

进阶必备！写给设计师的数据分析基础指南

产品

进阶必备！写给设计师的数据分析基础指南

笔者从历次项目交互设计中总结出来的数据分析经验方法，主要介绍设计师可能会遇到的数据分析场景及应对的思路、方法，希望能给大家带来启发。

2020/04/17

掏空家底！B端系统设计全方位指南

产品

掏空家底！B端系统设计全方位指南

掌握 B 端的设计，是今天 UI 设计师的必要条件，也可以增加我们的求职广度和职业竞争力。在这分享下自己在做 B 端后台的一些总结和思考，供大家参考。

2020/04/08

掏空家底！图标设计落地全方位指南

UI

掏空家底！图标设计落地全方位指南

这一期真的是掏空了职业经验，总结出一套图标制作与落地方法，内容涵盖真实项目中的大多数坑点。

2020/04/01

想让用户下单？给你一份专家的商品详情页设计指南！

交互

想让用户下单？给你一份专家的商品详情页设计指南！

商品详情页怎样设计才能让用户快速下单？在分析了 100+ 例子之后，我们得出了这份设计商品详情页的指南，能有效帮助详情页提升 50% 的转化率。

2020/01/16

写给新手的控件设计指南（二）：控制器

UI

写给新手的控件设计指南（二）：控制器

想成为真正的 UI 设计师，光会视觉设计可不行。这份控件设计指南，帮你快速巩固基础，今天继续为大家讲解控件指南第二部分 —— 控制器。

2019/12/10

高手笔记整理！一份超全面的Material Design 暗色主题设计指南

UI

高手笔记整理！一份超全面的Material Design 暗色主题设计指南

越来越多的 App 开始加入暗色模式，对设计师也提出了更多的要求。本文是高手学习 Material Design 设计规范的学习笔记，收藏起来肯定有用！

2019/07/18

Material Design

iOS 13 官方设计指南：深色模式篇中文版

UI

iOS 13 官方设计指南：深色模式篇中文版

官方的指南虽然篇幅较短，但更侧重于细节层面，仍然可以帮助你在真正上手新系统及深色设计之前，对相关设计原则，特别是颜色的适配机制与方法进行了解。

2019/06/16

想创造一套自己的视觉语言，要从哪几个方面入手？

UI

想创造一套自己的视觉语言，要从哪几个方面入手？

我们使用语言与人进行沟通，传达信息，记录内容，而视觉语言也发挥着类似的作用。从色彩到排版样式，从插画到品牌构建，视觉语言同样承担着类似的功能，它和传统的语言有着类似的特征包括结构化和沟通功能。所以，视觉语言也是规范化的，标准化的，它足够自由，也保有约束。

2018/11/08

Google I/O即将到来，对于Material Design 2.0我做了这些预测

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

掌握这6个关键点，你也能制作出系统而专业的设计指南

产品

掌握这6个关键点，你也能制作出系统而专业的设计指南

设计指南是最大程度提升设计团队输出效率和确保品牌一致性的核心工具，成功的设计规范并非一蹴而就，需要注意的问题并不少。对于一个网站甚至一个品牌而言，设计指南不仅仅是一份规范文档那么简单。优秀的设计指南本身就如同艺术品一样令人赏心悦目，在实际的设计工作中，它还有着不可替代的重要功能。

2018/01/03

超全面！海报设计零基础学习指南

优设专题

超全面！海报设计零基础学习指南

编者按：今天这份海报设计指南，从入门基础知识到实战案例演示，从优秀案例到解构方法应有尽有，附上高手的日常训练方法，帮你从小白进阶成海报设计达人。一. 入门基础最适合新手的海报设计教程来了！即使你是零基础设计小白，但只要跟着教程一步步来，也能完成一张相当有水准的海报。

2017/12/03

海报设计教程

收藏起来！可能是最全面的微信小程序开发设计指南（附实战案例）

优设专题

收藏起来！可能是最全面的微信小程序开发设计指南（附实战案例）

编者按：小程序越来越火，很多公司开始让设计师做微信小程序了，有哪些实用的学习资料可以收藏学习呢？这篇可能是最全面的微信小程序开发设计指南。一.微信小程序的官方设计指南访问链接：《规范抢先看！

2017/11/11

微信小程序

立即用得上！写给初学者的五分钟设计指南（附大量干货）

教程

立即用得上！写给初学者的五分钟设计指南（附大量干货）

雨涵：好的设计原则对任何人来说都有用。这个指南会告诉你一些基础设计原则，立即就能用得上并分享给别人。如果你不相信自己能够做好设计，那么请记住传说中的人物David Eric Grohl说过的这段话：我从不学习打鼓课程，从不学习吉他课程，我靠自己摸索。

2017/05/10

进阶必读！可能是最全面的组件化开发与设计指南

UI

进阶必读！可能是最全面的组件化开发与设计指南

@唐寅小：组件化其实是一个很早就有的概念了，并不多稀奇，也不难理解。尤其是对于编程开发人员而言，对此应该更是熟悉。而今天这篇文章，我作为一个UI设计师来谈谈我对于组件化开发与设计的一些想法，从而帮助设计师们了解程序员是如何进行组件化开发的，怎样的设计才能更好的方便程序员快速落地实现，你又应该提供哪些设计文件，协助程序员组件化开发。

2017/03/22

简单易懂！写给初学者的UI、UX、GUI新手科普指南

UI

简单易懂！写给初学者的UI、UX、GUI新手科普指南

这篇文章会跟各位伙伴简单介绍UI、UX跟GUI三者的差异，同时也会根据自身经验说明一些业界实际的需求状况，有任何问题欢迎透过留言一起讨论喔！我是 Samuel，目前任职于Tickle Lab，是一位iOS工程师，半个UI设计师跟只会改Code不会写Code的假前端工程师。（注：Tickle Lab持续征才中，欢迎有兴趣的伙伴加入我们）关于 UX（User Experience）在业界，许多人常常会把UI/UX这两个词汇混再一起使用，在中国台湾也有不少公司开出来「UI设计师的职缺」也都期许来应征的设...

2016/12/28

超实用！移动界面动效设计的全方位科普指南

UI

超实用！移动界面动效设计的全方位科普指南

编者按：读完@顾小犊这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。动效在用户体验设计中正变得越来越重要，那么动效能带来什么好处呢？体现交互层级动态界面使人更容易理解交互层级关系，减轻了人们的认知负担给予反馈给人感觉界面是活的，让体验流畅弥补静态页面的表达不足在内容优先的设计趋势下，用户界面变的更加简洁。

2016/12/13

视觉｜我们到底要如何学习视觉设计？

平面

视觉｜我们到底要如何学习视觉设计？

徐萌萌：谈起视觉设计的学习，好像并没有谁能够讲清。视觉看起来很难和理性扯上关系，因为视觉是显而易见的，做之前没人知道要做成什么样，做完之后又很容易被挑战。有人说，学习视觉设计最好的方法是不断的做项目，我却不这样认为，闷头不停的做项目是没有前途的，时间久了，纵然软件越来越熟，但是稿子一定是越来越「行活儿」，最后画图就会成为本能，而留给思考的时间越来越少。

2016/12/02

别急着画稿！来看这份全面细致的头脑风暴指南

产品

别急着画稿！来看这份全面细致的头脑风暴指南

编者按：画产品原型之前来次脑爆是很多设计团队的必修科目，今天这篇好文总结了常见的头脑风暴方法，以及每个方法所需的材料/工作人员/适用场合/优劣势/实施步骤等，非常详细，文内附上一篇实战教程，帮你更快掌握脑爆的5个正确姿势，一起来收！实战教程：《正确姿势五步走！产品设计怎么做头脑风暴？

2016/07/05

入行手册！可能是现在最全面的VR学习指南

产品

入行手册！可能是现在最全面的VR学习指南

编者按：发了那么多的VR设计教程，不过有些设计师对这个行业还不是很了解。今天这篇文章，从VR的概念和发展、现有VR的产品设备及原理、VR的交互体验及设计和VR内容+资源都做了详细系统的介绍，另附10块钱不到就能体验VR的方法，别错过咯。半木zxy：现在VR行业可谓非常之火爆，我每天早上在网上都能看到新的VR产品资讯，诸如VR游戏、VR购物、VR看房、VR直播等等，VR产品大有延伸到我们生活里各方面各领域中去的趋势。

2016/06/16

教程

腾讯力作！iOS 9 人机界面指南（5）：图标与图形设计

编者按：苹果官方人机指南技术章下篇来咯！仅仅会画图标的美工不能叫UI设计师，想尽快达到合格线，熟读苹果官方的人机界面指南是最方便科学的方法之一。感谢腾讯ISUX团队的辛苦付出，收下这本教科书级别的设计读物！

2016/03/25

APP设计指南

微交互怎么玩？一份简单实用的微交互设计指南（超多案例）

交互

微交互怎么玩？一份简单实用的微交互设计指南（超多案例）

@薛斯塔：功能差不多的情况下，如何让用户一见倾心？微交互是决定用户印象的关键之一，今天这篇好文列举了使用微交互的注意点，以及五个最常见的使用场景，全是干货，来收！欢迎关注作者微博：@薛斯塔，个人网站：http://www.innospace.me/好的产品往往做好了两点：功能和细节设计。

2016/03/16

1/2

1
2
下一页
前往页

大家都在看

海报设计

文章 356

配色

文章 230

优秀网页设计

文章 586

设计圈干货

文章 188

用户体验

文章 899

优设大课堂

文章 142

设计细节

文章 135

职场

文章 137

神器推荐

文章 426

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营