会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

 投稿
搜索

原型设计 话题

中文字体设计

收录57篇文章

用研

收录59篇文章

英文字体下载

收录46篇文章

摄影技巧

收录44篇文章

设计法则

收录60篇文章

1 / 2 到第 页
从零开始！五个步骤教你做出「上传菜谱」的交互流程与原型设计

交互

从零开始！五个步骤教你做出「上传菜谱」的交互流程与原型设计

交互设计师如何从零开始构建交互流程的？本文用「上传菜谱」的案例让你略窥一二。
2022/04/29

交互设计
从四个维度，帮你了解原型图背后的黄金圈法则！

交互

从四个维度，帮你了解原型图背后的黄金圈法则！

作为基础功能的原型图，你知道它背后的黄金圈法则吗？本文将从四个维度对此进行分析，希望对你有帮助。
2021/05/03

原型图
入门基础！新手设计师应该学习的5个知识点

职场

入门基础！新手设计师应该学习的5个知识点

本文聊聊设计师的故事——新手设计师职场常入的 5 个误区，帮你成功避坑成为优秀设计师。
2020/05/12

原型设计
原型该画到什么程度？来看腾讯设计师的心得总结！

交互

原型该画到什么程度？来看腾讯设计师的心得总结！

不知道你有没有这样的经历：为了不让原型图看起来太丑，会纠结各种细节处理（间距、大小），结果造成工作周期延长，精力损失。为了让原型接近于真实效果，会思考各种精致布局，结果 leader 来一句「你现在做这么好看干嘛，这个功能都没确定好。」所以今天想聊聊「交互原型」这一话题，也算是对自己成长的一个总结和沉淀。
2019/08/26

原型设计
超全面的 UI 工作流程指南（二）：原型设计

交互

超全面的 UI 工作流程指南（二）：原型设计

完整的 UI 设计流程到底是怎样的？从需求到产品上线，要经历多少个阶段，每个阶段有哪些应该掌握的基础知识？本次优设独家专题为你从零开始梳理出 UI 工作流程，适合新手阅读学习。
2019/07/11

UI设计
超详细评测！2019年值得关注的四个原型制作工具

交互

超详细评测！2019年值得关注的四个原型制作工具

Cezary Ołowski ：如今各大公司在产品功能竞争上，比起之前口若悬河的宣传，现在更多的是将功能直接展示出来。相信你也有过这种经历，有时用言词解释某些 idea，倒不如在白板或者纸上写下来更省时、易懂。而这张纸上的说明就是原型。
2018/12/12

交互原型
这3个方法，让你的Axure 也能实现自动标注！

神器推荐

这3个方法，让你的Axure 也能实现自动标注！

Axure 制作 toB类项目的 Web端原型比较常见，可以将原型做得非常系统、交互逻辑逼真，适用于大部分测试和演示等场景中。甚至很多设计师直接使用 Axure 制作高保真原型，对于这些设计师，尺寸标注成了一大难题。如今，主流的原型设计工具都标配了自动化尺寸标注功能，然而即使是最新发布的 Axure9 依旧没有这一功能。
2018/11/19

axure
如何设计规范的原型图？ 来看高手总结的方法！

交互

如何设计规范的原型图？ 来看高手总结的方法！

首先需要了解交互稿和原型图的联系与区别：按照常规的工作流程，交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图，这些都可以归纳到交互设计文档中。因此原型图只是交互稿的一部分，本文将铺开阐述设计规范的原型图应该注意哪些。原型图设计遵循的首要原则是：在满足将产品需求转化为界面功能需求的同时，尽可能的维持原型图的美观简洁，人类始终向往和追求一切美好的事物，即便是黑白的世界，一样会带给人美的享受。
2018/09/07

交互原型
掉进这6个陷阱，可能会毁了你的原型设计！

交互

掉进这6个陷阱，可能会毁了你的原型设计！

编者按：Nick Babich 这两年文章产量比以前低了不少，不过素质和出发点倒是一直非常发人深省。在文章结尾的 One More Thing 当中，我加入了一些关于乔布斯早期对于原型设计的一些「激进」的看法，也许这是原型设计的未来的一个方向，也说不定。很难想象，如果没有原型设计，如今的数字产品设计流程会变成什么样。
2018/07/04

产品设计
Figma 3.0 版本重磅发布！为你揭秘这款2018年最值得体验的设计软件！

神器推荐

Figma 3.0 版本重磅发布！为你揭秘这款2018年最值得体验的设计软件！

可能有很多人并没有用过 Figma，甚至都没听过。所以，我先简单介绍一下这款软件。首先看下这款软件在2017年的使用排名：△ 数据来源：http://uxtools.co/tools/designFigma 是一款基于浏览器的协作式 UI界面设计软件，与一般的 UI设计软件不同，它不仅拥有强大且智能的 UI设计功能，还完美支持多人协作功能，是第一款真正支持协作功能的 UI设计软件，该软件有在线版和桌面版。
2018/06/26

原型设计
我花了80天，开发出这个3分钟快速搭建界面原型的设计工具

教程

我花了80天，开发出这个3分钟快速搭建界面原型的设计工具

最近一直在关注设计系统，恰逢笔者正准备毕业，毕业设计就索性开发了一个模块化组件搭建界面原型的 Web 工具 —— Atomframer 。通过对设计模式的选取，三分钟即可搭建一个用于快速沟通的界面原型。一、Atomframer我总结定义了共计82种常见的设计模式，基本满足了大部分基础移动端页面的使用场景。
2018/05/29

原型工具
这7个UI/UX应用，是2018年最值得关注的设计师工具

神器推荐

这7个UI/UX应用，是2018年最值得关注的设计师工具

对于用户而言，网站不仅仅需要有优美易用的布局和漂亮美观的图片，网站的细节和整体体验都要足够突出，才能让人印象深刻。你想让访客去哪里，希望他们看到什么，以及如何让他们顺利地获得想要的信息，这都是设计师需要借助各种工具和技巧来实现的事情。这就是 UI 和 UX 真正考验人的地方。
2018/04/20

UI设计工具
超全面总结！如何画出专业的原型图？（下）

交互

超全面总结！如何画出专业的原型图？（下）

怎么样的原型图才算是专业的原型图呢？文章总结了一些经验，希望对你有所帮助。文章分为上下两篇，阅读上篇内容→《超全面总结！
2018/02/14

交互设计
超全面总结！如何画出专业的原型图？（上）

交互

超全面总结！如何画出专业的原型图？（上）

怎么样的原型图才算是专业的原型图呢？文章总结了一些经验，希望对你有所帮助。本篇文章（原型上篇）重点内容：清晰的视觉层次视觉流结构功能预见性信息的焦点即为视觉的焦点足够简单考虑到边界条件首先，我们要明确原型图是画给谁看的，通常是以下几类人：开发、部门领导、UI设计师和测试，一个完善的产品流程离不开着几个角色。
2018/02/13

交互设计
高级设计师：如何用科学的方法做出专业的原型图？

交互

高级设计师：如何用科学的方法做出专业的原型图？

Echo ：本文将以酷狗K歌ios版（虚构）为载体举例说明，什么样的原型图才能算得上专业而细致？希望各位可以很清晰的感知这套方法。什么样的原型图才能算得上专业而细致？
2018/01/22

原型设计
画交互原型方案前，你应该思考的三个点

教程

画交互原型方案前，你应该思考的三个点

Echo  ：一个优秀的交互设计师，一定要从用户目标出发。了解用户的核心痛点，满足用户的需求，只有这样才能打造一个好的产品。本文主要针对从事交互行业两年内的入门或初学交互设计师，并重点讲述如何精准清晰的做好交互方案，主要内容有以下三点：画交互原型前要了解用户使用产品的核心需求思考用户在使用产品时的痛点场景梳理产品信息框架在国内，交互设计行业兴起至今，不过十年左右，许多院校还没有专门的交互设计课程。
2017/09/17

App原型
基础小课堂！从零开始教你做高保真原型图+UI 设计规范

交互

基础小课堂！从零开始教你做高保真原型图+UI 设计规范

编者按：《从零开始设计App》系列到这篇已经是第三期了，上期是低保真原型图，这期@Sophia的玲珑阁 聊聊如何从零开始制作高保真原型图和UI 设计规范。往期回顾：《设计师怎样从零开始设计一款APP？》《从零开始设计一款APP之如何做原型图》Hi-fi 输出上篇文章提到，在Hi-fi阶段大概可以分为前期、中期和后期三个阶段。
2017/03/30

UI设计
从零开始设计一款APP之如何做原型图

交互

从零开始设计一款APP之如何做原型图

@Sophia的玲珑阁 ：这个系列的文章把整个设计过程的经验总结成文，逐点分享，上期是概述+立项，这期聊聊低保真和高保真原型图的作用、处理工具和文件要求等。Low-fi，即低保真原型图，整个APP设计阶段，设计师真正开始上手的环节。待PM制作好PRD文档和逻辑流程图之后，交互设计师开始依据已有的结论，画出Low-fi。
2017/03/24

App设计
菜鸟变高手！为何我如此推崇低保真原型测试（附方法）

交互

菜鸟变高手！为何我如此推崇低保真原型测试（附方法）

雨涵：对设计菜鸟来说，低保真原型测试可以帮你快速提升设计能力、填补一切设计理念的漏洞、获知难以察觉的细节问题、说服别人接受你的设计等等，作用极大，而且用文中的方法，2天就可以搞定。适读人群：交互设计师、用户体验设计师、UI 设计师阅读时长：约6分钟什么是低保真原型测试低保真：线框图低保真原型：可交互的线框图低保真原型测试：用可交互的线框图做的用户测试说详细一点点，就是交互设计师在线框图阶段就可以完成的用户测试。如果你觉得这么早做用户测试代价太大，那么我可以告诉你，对于轻量产品来说，从静态线框图到完成...
2017/02/13

低保真原型
事半功倍！帮你设计加速的7款顶尖原型工具

交互

事半功倍！帮你设计加速的7款顶尖原型工具

对于许多刚刚开始接触原型设计的设计师而言，很容易混淆线框图（Wireframe）、视觉稿（Mockup）和原型（Prototyping）这三个基本概念。在许多项目和相关文章中，这些概念经常被混用。虽然在功用上，三者有许多相似点，然而差异也非常明显。
2016/09/21

原型
等等，原型设计的重要性你真的明白么？

交互

等等，原型设计的重要性你真的明白么？

编者按：设计网页或者APP的过程中，为什么一定要设计原型呢？能不能不做原型直接设计并开发出产品呢？当然能，但是有了原型，这一切会更加轻松，后续的麻烦也更少。
2016/09/19

原型
专业干货！VR新工具之便捷实用的POV纸质原型

产品

专业干货！VR新工具之便捷实用的POV纸质原型

@C7210 ：在VR领域，传统草图形式已经难以提供前期探索阶段所需的灵活性与便捷性。而POV纸质原型的宗旨在于以尽可能灵活快捷的方式实现VR环境设计目标， 一方面可以展现场景的全貌，同时又允许我们透过用户的视角去观察虚拟环境及其中的互动元素，本文便是相关的实战经验汇总。和很多人一样，我（英文原文作者）在实际体验过VR之后，便开始为其中所蕴含的各种可能性及巨大的潜力而着迷。
2016/07/17

Google VR
只需浏览器，就能帮你搞定原型设计

交互

只需浏览器，就能帮你搞定原型设计

给网站设计原型是一个全面系统的过程，在此过程中你需要拿出一套线框图并确保基本的交互功能。单纯的线框图可以是静态的图片，甚至可以是手绘的草稿，但是原型大多是动态的，可交互的，至少主要的页面和功能能基本呈现出来。不过，设计师通常会选择使用图像编辑工具来进行原型设计，只不过这样一来，绝大多数的工具很难实现足够的交互，这也催生了不少开发商转向研发基于浏览器的原型设计工具。
2016/07/13

交互设计
别急着上高保真！教你在设计实战中用纸和笔做原型设计

交互

别急着上高保真！教你在设计实战中用纸和笔做原型设计

编者按：随着软件越来越多，很多设计师都能迅速做出精美的高保真原型，所以今天@-朱宇軒 这篇好文特意给喜欢一开始上手就用高保真的同学提个醒，用纸和笔也许能整个设计过程更爽。至于用纸笔的好处以及什么时候该用高保真原型，让这篇好文为你揭秘！先用纸和笔来画草图能让整个设计过程变得更爽我爹是一个插画师，所以我记得小时候，家里到处都摆着老爹干活的家当。
2016/06/10

App原型
凝练总结！帮你奠定设计项目基础的线框图五步法

教程

凝练总结！帮你奠定设计项目基础的线框图五步法

编者按：许多设计项目是从线框图的设计开始的，但是真正专业的线框图到底要经历哪些步骤呢？今天这篇来自UXPin设计师Faye Bridge的文章，帮你总结了一套实用的线框图设计五步法，帮你从最早的阶段奠定整个项目的基础~想要让整个数字产品或者设计项目结构化，线框图是它最早也是最重要的组成部分。线框图向整个团队展示了布局、导航、视觉层次、信息架构和内容优先级等关键的问题，它勾勒出了整个项目的基本轮廓，呈现了关键信息。
2016/04/24

低保真原型
阿里干货！如何培养正确的原型设计思维？

教程

阿里干货！如何培养正确的原型设计思维？

舒舟：Adobe近日发布Adobe Experience Design CC（原Adobe Project Comet）公测版，新兴的原型工具Silver被InVision收购，业界类似事件的发生再次掀起了原型工具讨论的热潮。尽管当前阿里集团各团队的研发流程不尽相同，各有千秋，但原型对团队的帮助却越来越明显。 译者上家公司的Scrum团队就是在Sprint中以交流、草图和原型为主，文档输出逐渐弱化，可惜5年前的设计工具还没有发展到这么成熟的阶段，很多创意只能依靠静态的paper prototype沟通。
2016/03/28

App产品原型
PS终结者？来看这十款前景无限的新兴设计工具

教程

PS终结者？来看这十款前景无限的新兴设计工具

之前我们提及新设计工具的时候，常常会将它们视作为PS、AI这类传统劲旅的附庸，即使是日渐强大的Sketch也因为Mac平台独占而无法更大范围地替代PS的稳固地位。可是前赴后继的新设计工具真的都那么鸡肋么？不知不觉之间，大局的天平正在逐步倾斜。
2016/03/13

UI设计
来挑个顺手的！2016年值得一试的七款原型设计利器

神器推荐

来挑个顺手的！2016年值得一试的七款原型设计利器

编者按：2016年，你的设计软件更新了没？今天给同学们推荐7款原型设计工具，除了经典的Axure，也有一些异军崛起的新利器，优缺点和价格都列出来了，按照自己的需求挑一款吧。1. Axure PR难度：★★★★价格标准版-$289一个注册码专业版-$589一个注册码Axure RP是美国Axure Software Solution公司旗舰产品，是一款专业的原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
2016/02/01

交互原型工具
疾速成型！5天内搞定产品设计是怎样一种体验

教程

疾速成型！5天内搞定产品设计是怎样一种体验

产品设计过程是有一个比较固定的周期的。但是，如果你能将整个流程的运作速度提升起来，用更频繁的反馈获得更好的结果，你还会使用当前的设计流程么？用更短的时间获得更多的迭代，这种快速设计过程是一种截然不同的设计思路。
2015/11/13

产品设计
Sketch绝佳搭配！30秒制作交互原型的次时代神器Flinto

神器推荐

Sketch绝佳搭配！30秒制作交互原型的次时代神器Flinto

编者按：30秒出交互原型，5分钟搞定交互动画！今天@Payshare 给大家安利一款超实用的交互原型制作神器，亮点有3：整体交互原型制作，与Sketch无缝配合，制作速度快快快到难以想象，内附一个教程，不到20秒效果就完成你敢信？来收！
2015/10/28

Sketch
1/2

大家都在看

App设计

文章 264

立即查看

神器推荐

文章 391

立即查看

设计圈干货

文章 188

立即查看

用户研究

文章 142

立即查看

设计干货

文章 158

立即查看

优秀网页设计

文章 585

立即查看

入门

文章 162

立即查看

干货合集

文章 196

立即查看

AI教程

文章 130

立即查看

优设读报 2022年11月28日 星期一

01

上周热门文章：《超全面！B 端产品设计风格＋配色方案大盘点》

02

2022 优设年度设计师作品集征集活动进行中

03

谷歌正式通过 Play Store 提供应用归档功能：可部分卸载应用，释放存储空间

04

PS「迷你版」Paint.net 推送新测试版

05

腾讯测试动画视频创作 App 玩句

查看全部

设计问答 全部问答

当我们发现做设计越来越同质化的时候，应该怎么办？

邀请你来回答

之所以有这个思考，是因为平时在关注设计趋势，找设计参考的时候，发现很多同质化的内容，不管是什么行业，好像大家都习惯做一样风格的东西，而且都很相似，这对设计本身来说没太大的坏处，但是总感觉哪里不对劲，作为设计师我们应该怎么应对同质化的内容呢？

我来回答

设计问答 全部问答

作品集的好坏会直接影响设计师的薪资吗？那些月薪超30K的作品集都是怎么做的？

3.2k 设计师围观了该问题

面试的时候，同样的视觉表现能力，有的只能拿到10K，有的设计师薪资可以超30K，差距是怎么形成的，高薪作品集都有什么特点？

我来回答

设计趋势

流行设计一目了然

查看专题

专题

已有310.8w位观众已收录50篇持续更新

2018年​Behance 上最值得关注的20个设计趋势

39621 人阅读

这3个适用性极好的网页设计趋势，会在2月流行

21307 人阅读

细节

bilibili如何巧用弹幕提升商城评论区体验的？

bilibili会员购商品详情界面的评论区，延续了b站的弹幕特色，将用户们对产品的评论以弹幕的形式滚动播放在评论区，点击展开评论详情才会看到完整的用户评论内容。相比多数电商App会直接展示最新评论作为评论区展开前的内容，弹幕的形式能在有限的空间展示更多条不同评论内容，也更加具有互动性和产品热销的氛围感。
2021/12/31

AmberDu小白

Bilibili

设计神器 全部神器

Craft 强势更新！帮你在Sketch 上快速做交互原型

神器推荐

壹周速读：布尔运算/简历包装/建模设计/用户增长

神器推荐

求字体网推荐！有了这个网站不用再问“这是什么字体”

神器推荐

100万张相片免费可商用是什么体验？一个图库就能做到！

神器推荐

课程

爆款课程！零基础C4D实战就业班

涨薪指数
技能点 · C4D

涨薪必备名师亲授

课程

如何快速创作火爆全网的手绘作品？

涨薪指数
技能点 · 手绘插画

私单涨薪必备技能

课程

插画学到什么程度，才够接私单赚钱？

涨薪指数
技能点 · 手绘插画

接单涨薪快速入门

课程

为什么阿里和OPPO超爱这类插画风格？

涨薪指数
技能点 · 手绘插画

高效实战百万人气

求职招聘 发布职位

高级UI设计师

北京本科及以上3年以上
25k-50k

漫画插画师

武汉学历不限1-3年
6k-8k

高级体验设计师/设计专家

杭州大专及以上经验不限
25k-50k
查看全部

行业新闻 发布行业新闻

User Friendly 2022 第十八届国际用户体验大会延期通知

活动赛事

卯门生喜，玉兔迎春！潘虎操刀联合国生肖兔年邮票设计

品牌资讯

大国浓香，和美世界！最高奖金 50 万元，宜宾向全球发出征集邀请

活动赛事

查看全部

热门频道

设计专题

热门设计知识精挑细选

查看专题

细节猎人

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

查看猎人

优设读报

行业资讯一站知晓

查看读报

优设琅琊榜

顶尖设计作品聚集地

查看榜单

优设9图

优设爆火的干货频道

查看9图

设计问答

高手大咖在线答疑解惑

查看话题

优设网 uisdc.com

2012年成立至今，是国内极具人气的设计师交流学习平台

看设计文章，学软件教程，找灵感素材，尽在优设网
按Ctrl+D收藏本站 返回首页

优设基础训练营

@林雅诺

关于我们

优设是国内极具人气的设计师平台，2012 年成立至今，一直专注于设计师的学习成长交流。 我们通过优设网、优优教程网沉淀优质设计知识的同时，更率先试水新媒体领域。目前旗下媒体矩阵包括：微博@优秀网页设计、微信公众号@优秀网页设计、抖音号@优设PS大神、@优设AI大神等，全网粉丝量过千万。

热门频道

设计灵感

支持与服务

优设
优优教程网
优设大课堂
设计师导航
细节猎人
优设训练营
优设推荐：

本网站所有数据及文档均受《著作权法》及相关法律法规保护，任何组织及个人不得侵权，违者本公司将依法追究侵权责任，特此声明。优设网法律顾问：刘杰律师
Copyright © 2022 优设-UISDC - 优设网官方微信号：youshege - 鄂ICP备16005435号-1 鄂公网安备 42018502001134号

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

全部文章

18109篇

UI

1728篇

网页

367篇

平面

1304篇

手绘

189篇

电商

224篇

交互

707篇

产品

1847篇

下载

378篇

神器推荐

1197篇

新视野

611篇

职场

1205篇

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

设计问答

高手大咖在线答疑解惑

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

行业新闻

行业大事小事全知道

活动大赛

精彩纷呈的设计活动及赛事

求职招聘

理想岗位等你选

设计师

心有猛虎细嗅像素

设计导航

精选520个设计师网站

图书导航

高分必读设计书籍大全

电商导航

全球顶尖电商网站合集

色彩导航

中日传统色彩一网打尽

优设大课堂

名师高徒！专业实战就业

优设训练营

就业衔接！只教设计真本领

优设私房课

火什么看这里！好课风向标

设计公开课

顶尖设计高手免费公开课

学教程

3000+免费教程在线观看

找灵感

每日都有新灵感

找软件

省时高效的设计神器都在这

知识树

热门软件零基础入门

字体下载

最新免费可商用字体