现在它真的听起来像小说。 顺便说一下,你知道,在邀请演员和拍摄场景之前,电影创作者坐下来画画吗? 他们需要在视觉上理解行动的顺序,每个电影帧的内容,最有利的时刻,弱点和更多。 这里是Matrix的styleboard。 还记得电影里的剧集吗?
设计师的主要技能不是Photoshop,而是能够描述和描述情境或场景。 你将产品的用户分成一组不同的字符,并尝试可能发生在特定字符的各种故事。 然后,您以百分比评估情况的概率,并采取措施实现最佳的用户体验。
Square 正方形 显示页面(登录屏幕,主页,用户个人资料)Trapeze 梯形- 用户决定(用户选择,用户过滤器,用户类型)Diamond 钻石 - 计算机决策(登录无效,帐户确定)Round 圆形的 - 错误消息Blue arrow蓝色箭头 - 注册用户通道Red arrow 红色箭头 - 新用户通道当我们有所有的形状和用户案例,我们很好地把它们放在纸上,并绘制一个图表,描述用户与您的应用程序的交互过程。
思维导图
用户流程有助于识别每个页面的一组功能以及屏幕如何相交。 思维导图表示产品的架构。 它说明了应用程序的结构和元素之间的关系。 思维导图是某种没有手机屏幕的线框。 他们的主要优点是他们制作速度非常快。 有在线资源用于创建思维导图,所以我们实际上使地图与客户和团队实时。 这将允许我们节省时间介绍更改和讨论项目的细节,特别是考虑到远程协作的特殊性。 看下面的我们的倒计时应用程序的心灵图,我的一天。
线框
最后! 线框是最终设计的骨架。 线框的意义是为每个屏幕分配功能,并显示屏幕之间的依赖关系。 它是着色之前的最终草案。 只有当每个线框与团队讨论和客户批准我们开始工作的彩色按钮,美丽的动画和原始的自定义元素。
原型
你知道,在用户界面设计传递给代码之前,可以与应用程序交互和测试吗? 快速原型服务,如invisionapp.com或mockup.io可以帮助您在其开发的第一阶段看到应用程序的行动。 我们需要做的是将线框/模型上传到其中一个服务,动态元素,如可点击的按钮或可滚动列表将在每个屏幕上可用。线框化之后是模型创建。 我们制作模型的原型并将它们一个一个地发送给客户。 这样,客户端获得了一个看起来与未来产品完全相同的工作原型。 你可以已经吹嘘你的应用程序给你的朋友,展示给投资者或测试目标受众获得反馈。
新闻热点
疑难解答