UI用塑料泡沫设计草图

来源:互联网 发布:语言翻译软件 编辑:程序博客网 时间:2024/03/29 14:22

使用相机为设备照一张正面照(这里我以手机为例)。接着将设备照片打印出来,确保使用正确的打印比例,让打印出来的设备保持在真实尺寸


将照片粘到泡沫板上,按设备(手机)轮廓裁下带有照片的泡沫板


裁掉你想用来作为显示屏的部分(譬如,手机的中间区域)


创建设备(手机)的背面和中间层。

对于背面,裁下和正面同样大小的泡沫。

对于中间层,也裁下和正面同样大小的泡沫,再在上面挖掉一块U形区域,使这部分类似“泡沫三明治”,可以放入显示的界面

将泡沫片粘到一起:背面层、中间层和正面层。


将泡沫片粘到一起:背面层、中间层和正面层。


这个泡沫模型一次智能装一个界面。因此,我们要在较硬的小纸片上创建每一屏的草图(如,从索引卡上裁下来),并将每个界面按顺序排好。将每张纸片都裁成和模型开口一样的宽度。在长度上稍稍留长,使纸片在放入泡沫模型后可以多出1~2厘米,这样当你在之后走交互流程的时候,可以较容易地拉出纸片。在阐述如何与设备进行交互的时候,将带有界面草图的纸片放入泡沫模型。然后一张张取出。


为了说明顺序,将纸片插入泡沫模型的中间部分。请“用户”执行一个操作,然后拿掉这张纸片,用下一屏代替。


PS:单张卡片相对不容易演示,但却灵活得多。下一屏可以是几张卡片中的某一张,根据用户行为来选择将哪张放入泡沫模型中。同时,任何时候我们都可以画出替代的屏幕并放入模型之中。譬如,在和用户讨论模型的时候可能会激发出新的屏幕设计,这时可以把设计画出来,并立即尝试效果。

1 0
原创粉丝点击