线框原型的概念和本质:将网站架构形象化

文章描述:线框原型(线框图)的本质及实践应用概述.

家里小猫生病,从周二开始一直折腾到现在,仍在治疗与观察中。几年来经历过几次这样的状况,虽然每次都会恢复健康平安,但一旦再次置身这样的过程里,怎样也无法停止焦虑与担心。除了尽心尽力以外,能做的只有不断祈祷,期盼着一切安好平安的状态早日回来。

篇幅不长的一篇文章,也因为这样的状况而拖沓了多日;一方面没时间,一方面没有任何心力的感觉。不多说了,我们来看今次的译文。

如今的设计圈子里,线框原型(线框图)这个词正在越来越多的被提起。过去几年中,在软件和Web设计等相关行业里,线框原型得到了迅速的普及,同时也带来了很多的误解。它的概念甚至在慢慢的被扭曲,使新手在入行时往往不能正确的理解它的用途。

问题出在哪里呢?最近,我(原文作者)与一些设计专业的学生进行了交流,他们问到不少关于线框原型的问题。通过这些问题,我发现他们对于“线框原型”这个概念的心智模型与其本质相去甚远——在他们的理解中,这个概念包括很多涉及视觉设计方面的因素。更糟的是,他们甚至不愿意去做线框原型方面的事情,他们只知道这是流程中的一个需要执行环节,却不明白它的重要性。这事弄的我相当郁闷,最初,我觉得这搞不好只是个例而已,但通过对行业内的现状进行观察,我逐渐发现,线框原型在很多项目流程中的执行情况真是够惨不忍睹的;原因来自很多方面,包括客户、设计新手、产品决策者等等。

实际上,线框原型的规划是Web设计中必不可少的重要步骤,设计师们应该真正了解它,并学会正确的运用它。

线框原型就是蓝图(blueprints)

设计师们通常都会明白,对于那些结构复杂的东西——比如建筑或是汽车——计划与架构设计工作是必不可少的;而涉及到互联网工业时,这些工作的重要性仿佛降低了。网站虽然不是汽车,但它本质上仍是一种复杂的综合项目。如果忽视了良好的蓝图规划,那么整个项目将会对时间、人力和金钱造成巨大的浪费。

在进一步了解线框原型的正确的实际应用方式之前,我们有必要首先了解一下它本质上究竟是什么,它的存在有哪些目的。

我个人认为,蓝图是对线框原型最恰当的比喻。人们不会将蓝图看作建筑物实际效果的渲染图,也不会通过它来制定视觉风格方面的决策。线框原型是纯粹的功能与信息的示意图。

对线框原型概念的误解

在实际应用中,我们还需要明白线框原型在概念上不是什么,并且最好可以对需求方、团队成员及相关合作部门进行解释说明。

线框原型不是设计

线框图应该彻底与字体字号、配色、图片等无关。多数人习惯进行形象思维,他们很容易将线框原型理解为在一定程度上表达了设计方案的设计稿。在线框图中过多的使用视觉化的元素,会干扰其对功能的呈现。始终要记住,线框图的作用是组织并呈现信息,要避免在视觉上过度的保真。

线框原型不代表最终布局结构

另外一个误解,就是人们时常觉得,视觉设计师要做的只是在线框图提供的布局结构的基础上进行美化工作;甚至在多数视觉设计师的观念中也是这样。从语义上讲,线框图所展示的布局,最主要的作用应该是描述功能与内容的逻辑关系,视觉设计师并不需要在所有的细节中受其制约。

线框原型不是交互原型

这两个概念之间的区别和联系确实容易让人混淆,从项目流程角度说,它们甚至是完全不同的两种工具。简单的说,线框图用来组织及呈现信息,而交互原型,顾名思义,用来展示及评估交互方式。多数时候,它们在形式上很相似,并且都应该避免使用那些容易造成干扰的高保真视觉元素。

线框原型的实际应用

正如在前文中提到的,很多设计师并不了解制作线框原型这个步骤在项目流程中的重要性,因为他们不清楚线框原型的本质和制作它的目的是什么。实际上,线框原型在项目流程中的目的性是很强的。下面,我们来看看线框原型在实际中的几个重要应用方面。

[1] [2]  下一页

时间: 2024-11-05 12:09:03

线框原型的概念和本质:将网站架构形象化的相关文章

线框原型(线框图)的本质及实践应用概述

家里小猫生病,从周二开始一直折腾到现在,仍在治疗与观察中.几年来经历过几次这样的状况,虽然每次都会恢复健康平安,但一旦再次置身这样的过程里,怎样也无法停止焦虑与担心.除了尽心尽力以外,能做的只有不断祈祷,期盼着一切安好平安的状态早日回来. 篇幅不长的一篇文章,也因为这样的状况而拖沓了多日:一方面没时间,一方面没有任何心力的感觉.不多说了,我们来看今次的译文. 如今的设计圈子里,线框原型(线框图)这个词正在越来越多的被提起.过去几年中,在软件和Web设计等相关行业里,线框原型得到了迅速的普及,同时

让你的线框原型更具沟通能力的十个方法

虽说是每周一篇译文,不过这事儿确实不能算是非常容易.从阅读,到筛选,到试译,到最终确定本周的文章并完成译文,主要还是依靠每天抽些时间来做.还好,毕竟是自主行为,爱过,也仍在爱着,这就是UX从业者兼翻译票友的节操有木有.默,我们进入今次的正文. 我(英文原文作者)参与过很多产品的线框原型设计,包括我自己独立完成的,还有与其他设计师.产品经理甚至是业务分析人员一起合作的.这很棒,因为在这个过程中我见识到了很多优秀的项目.不过慢慢的我也发现了一些问题,一些大家时常会在原型制作过程当中忽略掉的要素;如果

十个方法 让你的线框原型更具沟通能力

中介交易 SEO诊断 淘宝客 云主机 技术大厅 虽说是每周一篇译文,不过这事儿确实不能算是非常容易.从阅读,到筛选,到试译,到最终确定本周的文章并完成译文,主要还是依靠每天抽些时间来做.还好,毕竟是自主行为,爱过,也仍在爱着,这就是UX从业者兼翻译票友的节操有木有.默,我们进入今次的正文. 我(英文原文作者)参与过很多产品的线框原型设计,包括我自己独立完成的,还有与其他设计师.产品经理甚至是业务分析人员一起合作的.这很棒,因为在这个过程中我见识到了很多优秀的项目.不过慢慢的我也发现了一些问题,一

中小型网站架构分析及优化

先看网站架构图: 以上网站架构广泛运用中大型网站中,本文从架构每一层分析所用主流技术和解决手段,有助于初入网站运维朋友们,进一步对网站架构认识,从而自己形成一套架构概念. 第一层:CDN 国内网络分布主要南电信北联通,造成跨地区访问延迟大问题,对于有一定访问量网站来说,增加CDN(内容分发网络)层可有效改善此现象,也是网站加 速的最好选择.CDN把网站页面缓存到全国分布的节点上,用户访问时从最近的机房获取数据,这样大大减少网络访问的路径.如果想自己搭建CDN,不建议这 么做,因为什么呢?其实说白

p2p-网络借贷P2P网站架构咨询

问题描述 网络借贷P2P网站架构咨询 各位大神好,最近在想做一个P2P平台,因为好久不碰技术,对于哪种架构或者语言实现概念比较模糊,最近看了一些网上的模板,用PHP的比较多,但是不知道PHP做后台处理是否合适. 请教有做过P2P网站经验的人,可否推荐一些技术实现方案,确实很想做出此网站.技术放下太久,好久没上CSDN,悬赏也不能发,望见谅. 解决方案 我们网站用的是spring struts2 框架 用的freemarker模板 可以参考下

大型网站架构系列:负载均衡详解(3)

原文:大型网站架构系列:负载均衡详解(3) 软件负载均衡概述 Ngnix负载均衡 Lvs负载均衡 Haproxy负载均衡 本次分享总结 一.软件负载均衡概述 硬件负载均衡性能优越,功能全面,但是价格昂贵,一般适合初期或者土豪级公司长期使用.因此软件负载均衡在互联网领域大量使用.常用的软件负载均衡软件有Nginx,Lvs,HaProxy等.本文参考大量文档,部分为直接拷贝,参考出处见负载均衡详解(4). 二.Ngnix负载均衡 Ngnix是一款轻量级的Web服务器/反向代理服务器,工作在七层Htt

从小站到大站的技术架构优化之路-网站架构与前端服务性能优化

一.课程目的 2015年,5月的某天,正在上班,突然看线公司群里开始发出携程网访问500的信息,于是乎,大家小扯的一下,大家并没有想到后来发生的事情的事情会如此震惊,开始官方的微博确认问题为,正遭受攻击,但后来内部的技术人员泄漏出"数据库被物理删除!" 这个对于技术的人员来说,可以说是非常惊讶的消息,大家开始了各种疑问,怎么确定是数据库引起,作为一个大公司怎么会有这种问题产生,数据库作为底层核心,为什么恢复机制是那么薄弱. 陆续消息中,最后传出,由于运维人员的类似于自动化系统操作不当,

大型网站架构演变

之前也有一些介绍大型网站架构演变的文章,例如LiveJournal的.ebay的,都是非常值得参考 的,不过感觉他们讲的更多的是每次演变的结果,而没有很详细的讲为什么需要做这样的演变,再加上近来感觉有不少同学都很难明白为什么一个网站需要那么复杂 的技术,于是有了写这篇文章的想法,在这篇文章中将阐述一个普通的网站发展成大型网站过程中的一种较为典型的架构演变历程和所需掌握的知识体系,希望能给 想从事互联网行业的同学一点初步的概念,:),文中的不对之处也请各位多给点建议,让本文真正起到抛砖引玉的效果.

大型网站架构系列:消息队列(二) (转)

本文是大型网站架构系列:消息队列(二),主要分享JMS消息服务,常用消息中间件(Active MQ,Rabbit MQ,Zero MQ,Kafka).[第二篇的内容大部分为网络资源的整理和汇总,供大家学习总结使用,最后有文章来源] 本次分享大纲 消息队列概述(见第一篇:大型网站架构系列:分布式消息队列(一)) 消息队列应用场景(见第一篇:大型网站架构系列:分布式消息队列(一)) 消息中间件示例(见第一篇:大型网站架构系列:分布式消息队列(一)) JMS消息服务 常用消息队列 参考(推荐)资料 本