UI用塑料泡沫设计草图
来源:互联网 发布:语言翻译软件 编辑:程序博客网 时间:2024/03/29 14:22
使用相机为设备照一张正面照(这里我以手机为例)。接着将设备照片打印出来,确保使用正确的打印比例,让打印出来的设备保持在真实尺寸
将照片粘到泡沫板上,按设备(手机)轮廓裁下带有照片的泡沫板
裁掉你想用来作为显示屏的部分(譬如,手机的中间区域)
创建设备(手机)的背面和中间层。
对于背面,裁下和正面同样大小的泡沫。
对于中间层,也裁下和正面同样大小的泡沫,再在上面挖掉一块U形区域,使这部分类似“泡沫三明治”,可以放入显示的界面
将泡沫片粘到一起:背面层、中间层和正面层。将泡沫片粘到一起:背面层、中间层和正面层。
这个泡沫模型一次智能装一个界面。因此,我们要在较硬的小纸片上创建每一屏的草图(如,从索引卡上裁下来),并将每个界面按顺序排好。将每张纸片都裁成和模型开口一样的宽度。在长度上稍稍留长,使纸片在放入泡沫模型后可以多出1~2厘米,这样当你在之后走交互流程的时候,可以较容易地拉出纸片。在阐述如何与设备进行交互的时候,将带有界面草图的纸片放入泡沫模型。然后一张张取出。
为了说明顺序,将纸片插入泡沫模型的中间部分。请“用户”执行一个操作,然后拿掉这张纸片,用下一屏代替。
PS:单张卡片相对不容易演示,但却灵活得多。下一屏可以是几张卡片中的某一张,根据用户行为来选择将哪张放入泡沫模型中。同时,任何时候我们都可以画出替代的屏幕并放入模型之中。譬如,在和用户讨论模型的时候可能会激发出新的屏幕设计,这时可以把设计画出来,并立即尝试效果。
1 0
- UI用塑料泡沫设计草图
- Android UI草图设计器--Pencil
- 使用Pencil进行UI草图设计
- Android UI草图设计器–Pencil
- 设计草图
- 浅谈草图设计
- 用草图来规划你的web设计
- 小小树设计草图一
- 草图设计软件---Balsamiq Mockups
- 用工具设计网页草图
- 草图
- 天涯人脉通讯录 - 面向对象设计草图
- 宇宙级智能系统构建设计草图
- 软件界面草图设计工具 mockupBuilder
- 用户界面草图设计工具-工具包和资源
- Linux之Arinc驱动设计草图
- 读《用户体验草图设计 工具手册》
- 网站草图布局的设计思路SEO
- Tomcat 闪退问题方案
- string和stringstream用法总结
- cc2538之ds18b20
- MAC_Mac使用心得分享
- OpenCV矩阵运算
- UI用塑料泡沫设计草图
- sublime text 安装和使用技巧一
- boolean值及switch case判断
- Fragment+ViewPager网络请求数据问题
- Quartz 线程处理
- kafka 原理精选
- c语言入门之项目4.2——利用for循环求1+1/2!+1/3!...+1/7!
- JavaScript特效一(网页换肤、鼠标移到头像上获取个人信息getByClass)
- Linux初讲——运行级别