菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
原型设计 话题
首页
设计文章
原型设计
网页布局
收录22篇文章
设计案例
收录21篇文章
语音交互
收录22篇文章
腾讯CDC
收录22篇文章
作品集网站设计
收录21篇文章
2 / 2
到第
Go
页
教程
2.0w
姿势大涨!你了解线框图和原型的过去、现在与将来吗?
编者按:本文作者Jerry Cao是UXPin的内容决策者,也是UXPin 这款在线线框图/原型工具的在线内容开发者。如果你想学习设计原型的思路,熟悉相关工具,以及完整的设计流程,那么你可以下载UXPin精心制作的《原型设计终极指南》(英文版)。这篇文章会系统为你介绍线框图和原型的发展历程,了解它们在不同历史背景下的发展,能帮你在未来设计更优秀实用的线框图和原型。
2015-03-25
陈子木
原型设计
教程
3.0w
工具随心用!教你用Keynote快速制作高保真交互原型
编者按:今天@大蔚陈 给同学们演示一个利用Keynote制作高保真交互原型的过程,那些用几百行代码才能实现的动效,Keynote两页就轻松搞定,给交互的同学多一个酷炫的选择,感受下 >>>让我们通过做一个案例来感受一下吧!先看视频链接:http://v.youku.comKeynote 在一定程度上,制作高保真原型是非常快速的。比如我下面的这个例子,在 Framerjs 的官网有用 Framer.js 的样例,我用 Keynote 重做了一遍。
2015-03-01
程远
keynote
教程
3.6w
超实用!图片素材随手找,原型设计快又好
@牛冰峰 :画图——这项古老而精细的做法,是一代代产品狗们得以传承的立足之本。草图、线框图、思维导图、PPT插图、数据汇报图表、低/高保真原型图,甚至UI视觉图……真是一图未完一图又起。
2015-02-27
程远
原型图
教程
3.0w
过稿有诀窍!超全面的低保真原型初级指南
编者按:很多同学喜欢在设计初期花大量时间去绘制高保真原型,结果被甲方和用户一票否决,而有经验的设计师往往会先绘制低保真原型,期间不断与甲方、用户沟通,最后出炉的高保真原型就能轻松过稿。今天这篇初级指南,绝对可以帮你大大提高过稿率呦。前言设计师Paul Rand曾说:“理解人最本质的需求,并且认识到必须寻找一个合适的场景以满足这些需求,是设计师教育的基础。
2014-12-09
程远
原型设计
教程
1.6w
涨姿势+2!给产品绘制高保真原型有哪些必要规范?
编者按:上次给同学们科普一个产品的诞生过程,今天继续深聊第二节,你可以了解到交互设计师在产品成型前要具体干哪些活儿,中间又有什么不为人知的技巧与规则,当然,作为上节课的续集,我们将手把手带你全面认识高保真原型,赶紧来补充知识咯。上一篇好文在这里哟!《涨姿势!
2014-11-14
程远
原型设计
教程
3.4w
我有特别的设计工具!教你用keynote做出APP原型
编者按:武林中,高手摘花飞叶皆可伤人,设计领域里,苹果团队告诉我们,人家用Keynote也可以做出动画交互俱佳的APP原型,今天分享出这篇教程,为同学们示范一下设计方法,设计师们不要囿于工具了,这样省时高效的软件赶紧学起来!@超儿 :苹果就自己有个专门制作原型的团队,他们流窜在各个项目组之间包揽所有的原型制作工作,包括动画和交互。他们的主要工具就是Keynote。
2014-10-26
程远
keynote
下载
2.2w
八月新鲜资源!30+扁平化浏览器原型免费下载
据可靠人士说,在交付设计作品的时候,有心的设计师会整个简约大气的包装,附上几十页精心制作的PPT,如果口才了得,能将设计过程的艰辛不易声泪俱下地描述一下,一稿过就有希望了。不用我说,包装是非常重要的,今天我们收集了30+时尚的扁平化浏览器原型,如果能将它们与你的设计相结合,作品绝对出彩!Flat Browser Mockup→ 下载地址Firefox Browser Mockup→ 下载地址Clean Browser Mockup→ 下载地址Firefox Browser Psd Mock up→ ...
2014-08-14
程远
psd下载
教程
4.6w
涨姿势!聊聊线框图、原型和视觉稿的区别
@小轰同学 :两三年以前,我发现很多搞信息技术的朋友们(非设计师)交付设计时,用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype)和视觉稿(Mockup)是一个东西:表达自己创意的线框手绘设计稿。混淆概念便带来麻烦:他们分不清用户体验设计师的作品,常常感到困惑。
2014-07-25
程远
产品设计
教程
3.8w
神器一箩筐:创建高保真的移动Demo(工具篇)
Zoey:学习交互设计的童鞋,都躲不过画原型图这个必考科目。如何创建保真度(视觉、交互、内容)都较高的 Demo 呢,今天腾讯设计师分享的好文,除了推荐很多简单易上手的画图神器,更宝贵更值得细读的是她的思路,完全体现了一个设计师该有的严谨与细致。童鞋们感受一下。
2014-05-19
程远
原型设计
教程
2.2w
强烈推荐!设计之前我们应该做什么
@陈子木 很多做UI设计师开始设计前都有制作原型的习惯,可是万事开头难,打开原型设计软件之前,设计师还需要耗费大量的经历在寻找灵感,思考框架,甚至在绘图本上涂抹很差时间。看看过来人是如何开始他们的UX流程和原型设计的吧!更多原型设计文章:《设计师基础知识:你知道线框图和原型有啥区别吗》 《一分钟搭建网页布局!
2014-05-16
陈子木
Velositey
教程
5.5w
设计师基础知识:你知道线框图和原型有啥区别吗
编者按:这篇文章出自UXPin的首席执行官Marcin Treder。编译:@陈子木线框图并非是原型,但即使是经验丰富的设计师也可能会将两者混为一谈。实际上,两者的差别还是非常多且明显的,那么就让我们通过这篇文章分辨清楚这俩概念,一劳永逸。
2014-05-14
陈子木
产品设计
教程
1.6w
交互设计师必读!精细原型设计三要素
@AzTamic (百度MUX交互设计师):很多交互设计师朋友可能觉得交互作品既没有视觉作品高大上,又没有用研报告高科技,总是感觉不那么好看。其实不然,交互文档也是可以有档次的。这次我们就来解决这个问题。
2014-05-05
程远
交互设计师
教程
5.8w
30张设计师的手绘网页草图(原型图/框架图)
设计师们开始制作网页的时候,在没有灵感的时候,除了在设计达人网上找灵感外,往往是从设计草图开始画啊画啊 ~ 画出自己想要的样子,然后再从 Photoshop上开始设计。今天发现在 designbeep 上整理了一些设计师画的一些草图,也可以称作”原型图”,大家可以看看国外的设计师们是怎样画的,或者参考他们用什么笔、本本什么的 ^_^相关推荐: 《掌握这10条设计理念!让同事(客户)更好的了解设计》 《交互设计师不仅仅是个画破图的》 《推荐!
2014-01-05
ranger
web草图
教程
腾讯CDC翻客:最大化实现设计想法的创新途径
winny小熊:这篇文章主要是给排版及平面设计人士看的,因此对于门外汉来说,能翻译好 它不仅是个脑力活,还需要专业的基础知识。文章告诉我们关系型设计及可视化设计的重要性,给所有人提供了完成一个项目很好的思路方法,利用标记工具和纸张 的各种组合,先将脑海中的想法可视化,然后再进行细化。原文地址:www.smashingmagazine.com与大多数设计师一样,我们深信,选择和探索最成功、最难忘和最刺激的设计是支持我们从事每个项目的重要方面。
2013-05-07
Roc
原型设计
教程
购物优惠流程设计
这是一个很有趣的购物推广案例记录。我们要推出一个和第三方网站合作的计划,预计在原本的购物网站上面加上一个推广用的“折扣序号”,让顾客可以在 第三方网站上面输入 email 来取得我们的折扣序号,希望顾客可以在收到 email 后,可以来我们的购物网站上面消费并使用折扣序号来打折,并完成消费动作。一开始的计划像是上面那张照片的上半部分,流程详解如下:1、顾客在第三方网站上输入 email2、第三方网站透过一组 API 来跟我们的服务器与数据库取得授权3、我们的服务器发送带有「折扣序号」的 email ...
2013-04-14
Roc
原型设计
教程
推荐!关于原型设计的一些事
原型设计,是每个交互设计师和产品经理最最最基本的技能。这也是一个梳理思路很好的方式。关于什么是原型为了讨论方便,有必要先做一个简单的定义。
2013-03-25
Roc
axure
2/2
上一页
1
2
前往
Go
页
大家都在看
设计史
文章 142
立即查看
PS教程
文章 772
立即查看
界面设计
文章 152
立即查看
干货合集
文章 176
立即查看
酷站
文章 642
立即查看
用户体验
文章 855
立即查看
动效设计
文章 192
立即查看
神器推荐
文章 340
立即查看
设计规范
文章 198
立即查看
优设读报
2022年05月19日 星期四
01
国产自研桌面统信 UOS 家庭版 21.3 公测:打通安卓、PC
02
育碧宣布 Ubisoft+ 将登录 PlayStation
03
苹果 iOS 15 正式版发布,信号表现得到改善
04
飞猪上线「云游博物馆」系列
05
冰墩墩上新:还带来粉色冰墩墩
查看全部
即时设计的进阶之路
在线设计神器全面介绍,初高阶技巧汇总
查看专题
专题
已有22.7w位观众
已收录
7
篇持续更新
忍不住安利!这款设计工具真的被低估了!
33520 人阅读
超全合集!腾讯、字节、阿里多套大厂资源,十几套小程序 App 模板!
45136 人阅读
细节
「京东」视觉升级,为何将方形头像改为圆形?
「京东」消息中心视觉升级,头像由旧版的方形修改为圆形。官方从4个方面解释了升级成圆形头像的原因:1.由于人脸更接近于圆形,圆形头像会更符合用户认知。2.圆形头像具有聚焦效果,视觉中心更加明确,识别度高。
2021-01-14
AmberDu小白
京东
设计问答
全部问答
换工作,HR和猎头哪个更靠谱?
邀请你来回答
设计师换工作,跳槽,猎头主动联系和HR面试,请教各位大佬们,2者有什么区别?选择哪种更靠谱一些?
我来回答
优设琅琊榜
查看全部
8.2k
1/9
想让大家记住名字的FCCK
FCCK
你好,我是快乐的小画家
设计神器
全部神器
超实用!零基础也能3D建模的免费神器Magicavoxel
神器推荐
这10个效率逆天的 Figma 插件,用完回不去了!
神器推荐
超方便!帮你快速生成Photoshop参考线的Griddify
神器推荐
2019年11月设计圈超实用干货大合集
神器推荐
课程
爆款课程!零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品?
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度,才够接私单赚钱?
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格?
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
资深平面设计师
深圳
大专及以上
3-5年
15-25k
网站内容运营
武汉
大专及以上
经验不限
4-6k
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
查看全部
行业新闻
发布行业新闻
永顺文创新名片来啦!15 件公益设计官入选作品公示
活动赛事
“省长杯”工业设计大赛:安全应急与健康环保类专项赛作品征集启动
活动赛事
最高奖金4万元!忆江南·“桐”创未来文创设计大赛面向全国征集
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题