UI用塑料泡沫设计草图

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

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

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

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

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

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

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

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

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

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

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

时间: 2024-08-01 12:43:42

UI用塑料泡沫设计草图的相关文章

高手教你如何规划网页设计草图

  当你在计划设计一个网页的时候,不一定要完全依赖电子设备.学会如何手绘可以帮助提高设计的效率,给你更多的灵感. 设计学院里都会给学生们教授很多基础课程.毫无疑问,很多大型机构或者创业公司都在使用返璞归真的方法来进行设计创作.无论你是长期涂鸦的骨灰级高手,还是刚刚起步的素描小菜鸟,能够使用纸张与画笔来进行创作是非常重要的设计技能.不用担心.模仿铅笔功能的一些工具也不是盖的.在这个以设备为主打的时代,还是很大的空间来进行简单又能被认可的设计创作. 实际上,我常常听到很多人埋怨设计师们浪费太多时间与

移动UI/UX交互设计案例:50个精美移动UI设计

文章描述:50款拥有超赞用户体验的精美移动UI设计. 实际上用户界面(UI)和用户体验(UX)就如同硬币的两边,两者同等重要.他们在用户跟他们的产品之间都保持着紧密的联系.用户界面(UI)描述的是面对XX以及产品,而用户体验(UX)面对的则是用户的体验和对产品的洞察力.除此之外,简单来说用户界面(UI)面对的是技术以及整个网站的表现形式,用户体验(UX)面临的则是用户的理解和反应. 最漂亮.时尚.超赞的移动UI设计都在这儿了.今天,我们从behance和dribbble挑选了50款拥有超赞用户体

一些UI界面与设计使用的元素

文章描述:UI界面设计中的工具,软件,网站等. 都是一些UI界面与设计使用的元素,软件,网站等.内容很丰富,适合网页设计师,用户体验设计师,界面设计师,产品设计师,JS前段开发,手机产品设计,ipad产品设计等使用 Lumzy Lumzy是一个网站应用和原型界面制作工具.使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中. Lumzy还具有团队协作编辑工具. Mockingbird 百舌鸟是一个在线工具,它使您轻松地创建UI界面模型,预览UI,并可以共享你的版面编排效果图. The P

设计理论:用户界面UI的icon设计

一个icon 设计的好坏,除了好看与否以外,还有是功能性的考量- 是否容易.准确地让用户理解到其所想表达的意思.每一个UI 上的icon (符号)背后其实都是一个「隐喻」,运用真实世界所熟悉的概念来描述某功能. 其中一个影响icon 表达能力的因素是icon 的真实度(realism).在<现实主义在用户界面设计>一文中作者举出了如下例子: 可见 icon 的呈现并不是越真实越好.一个优秀的 icon 必须抽丝剥茧,把不必要的细节去除掉,同时又不能过于抽像.事实上,一个icon 的认知度跟细节

溢于优化的企业站首页设计草图

笔者之前写过一篇:浅析企业网站优化的几个重点,今天就聊聊如何合理设计企业网站,企业网站基本上都暴露出同样的问题.如果你是做网站程序员或美工,负责给别人做网站的时候.最好先了解下怎样合理的布局企业网站.怎样设计网页才更利于网站后期的推广.优化.笔者设计了一个简单的草图,有以下几个模块,抛砖引玉,希望大家提出宝贵的建议或意见. 页面头部 页面头部一般都是放企业的logo,这点不必多说,每个企业都有自己独特的logo.logo的重要性笔者就不罗嗦了,logo最好找专业设计师设 计.其次要添加上收藏夹.

一天一个UI设计师坚持设计了100天结果咧

  Paul Flavius Nechita是一位来自罗马尼亚的UI设计师,他在今年6月29日开始了他的100天挑战--"100 Days UI".他为自己定下了一天设计一个UI界面的目标,每天花上2个小时左右激发创意. 这项挑战一直延续到了上周 10/6 截止,他终于交出了一百天不间断的 UI 设计.从Nechita的网站上,你可以看到许多不同种类的创意激发,对于 UI 设计师来说颇有参考价值.每一个作品也都会连到 Dribble 上,你可以看到设计师的批注,以及同行的讨论. 数英网

如何让开发人员按照UI标注还原设计?

  当一个开发工程师屡次发问「这里让我移1px有什么意义,我为什么要浪费时间这么做」且拒绝修改时,如何让这位开发理解.认识到修改的重要性?作为见惯了游戏公司策划.程序.美术上演三国演义的人,让@逍遥老李 来终结这个话题吧. 首先回答问题,程序员不配合,90%以上的情况是需求人员工作不到位. 目录 像素这样的细节是否重要? 为什么程序员不愿意修改? 产品人员该如何解决? 程序主管应该做什么? 一.像素这样的细节是否重要? 产品人员,一定要了解1个像素在不同情况下,重要程度是不同的,这是你是否要去找

24 个专业的 Web和移动应用设计草图

来看看别人是怎么做 Web 和移动应用的原型设计的. iPad app sketch Sketched Wireframe Early Ember sketches in color OnlyJames Wireframe Sketch of Article Detail CommLogix Wireframe Sketch Early BusinessWeek.com Design Sketch BPG – UI Sketch 1 HBO SATC site Search Ideas Wire

BusinessInsider今天曝光了谷歌新总部的设计草图

据悉,谷歌已聘请西雅图建筑设计公司NBBJ来操刀新园区的设计.新总部位于谷歌2008年从美国宇航局租用的一片土地上,将在今年开工建设,谷歌希望能在2015年以前入住.根据最新曝光的设计图,从外面看,谷歌新总部看上去相当乏味,至少与苹果新总部相比是如此.苹果已故联合创始人史蒂夫·乔布斯(Steve Jobs),曾将苹果新总部称为是一个巨大的宇宙飞船. 但没人会给谷歌新总部以这么高的评价,它看上去就像是破败.乏味的校园.但据早先获得设计图的<名利场>披露,谷歌曾对员工的工作方式进行了仔细研究.根据