菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

每年36场重磅嘉宾主题直播

独家优惠

星球会员可享书籍软硬件最低优惠

优设私房课

大咖出品易学易懂高品质小课

法务咨询

免费咨询版权/劳动相关法律问题

开通VIP

领取更多设计师实用特权

投稿

原型图话题

交互 1.2w

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

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

2021/05/03

七月Xavier

交互 3.7w

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

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

2018-09-07

程远

UI 1.2w

如何选择设计保真度？来看 IBM 设计师的经验！

这次呈上 Beforweb 合作作者 SL 的译文，《The Design Fidelity Conundrum》，原文来自 IBM 的设计师，探讨如何选择设计产出的保真度。一、关于设计保真度的难题在寻求用户反馈时，怎样的设计保真度最合适？△ 一个 Dashboard 部件的低保真、中保真、高保真界面设计稿。

2018-05-13

程远

交互 1.6w

交互设计师的产出物是什么？来看Airbnb 设计师的答案！

前几年我刚从密大人机交互的项目毕业的时候，就加入了爱彼迎 Airbnb。在那之前，我只有两份实习的工作。作为一个毕业生，我的资历和见识都尚浅，在学校里学到了一套做交互设计和研究的流程，不外乎是有一些调研、竞品分析、用户画像、用户测试等等的步骤。

2018-04-15

程远

交互 2.4w

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

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

2018-02-14

程远

交互 3.6w

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

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

2018-02-13

程远

交互 1.8w

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

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

2016-07-13

陈子木

交互 2.0w

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

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

2016-06-10

程远

教程 2.0w

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

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

2016-03-28

程远

App产品原型

教程 3.3w

超实用！图片素材随手找，原型设计快又好

@牛冰峰：画图——这项古老而精细的做法，是一代代产品狗们得以传承的立足之本。草图、线框图、思维导图、PPT插图、数据汇报图表、低/高保真原型图，甚至UI视觉图……真是一图未完一图又起。

2015-02-27

程远

教程 5.4w

30张设计师的手绘网页草图（原型图/框架图）

设计师们开始制作网页的时候，在没有灵感的时候，除了在设计达人网上找灵感外，往往是从设计草图开始画啊画啊 ~ 画出自己想要的样子，然后再从 Photoshop上开始设计。今天发现在 designbeep 上整理了一些设计师画的一些草图，也可以称作”原型图”，大家可以看看国外的设计师们是怎样画的，或者参考他们用什么笔、本本什么的 ^_^相关推荐：《掌握这10条设计理念！让同事（客户）更好的了解设计》《交互设计师不仅仅是个画破图的》《推荐！

2014-01-05

ranger

没有更多文章了

大家都在看

酷站

文章 642

平面设计

文章 371

经验分享

文章 4892

设计师干货

文章 217

logo设计

文章 180

PS教程

文章 771

壹周速读

文章 122

入门

文章 162

干货大合集

文章 164

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc123

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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