浅析设计与内容呈现的关系
作者:saidy 来源:KDUED.COM 发布时间:2009-08-06 18:12:00
有时候,规划师(或需求、交互)把内容呈现的框架草图搭建好后,就直接“丢”给了设计师,让设计师在画好的框架里去美化内容,出来后的效果,往往达不到规划师(或需求、交互)预期的目标效果,然后就是反复的修订和磨合。如何改变这样的局面呢?我想首先规划师(或需求、交互)的目标要定义清楚,然后要做完善的信息架构分析,内容的主次位置、版块结构、所占面积都要细化考究,交给设计师的是一个尽量完善完整的框架方案,而设计师呢,必须全面理解目标及内容划分的原因,几方面结合,才能做出精美的设计作品。
举个例子,我们把规划比作“导演”,把需求和交互比作“编剧”,而他们最终输出的内容及框架图比作“剧本”,把设计师比作“演员”;好的导演会选最好的“剧本”(符合目标消费者心理需求的故事),选最符合剧本角色风格的“演员”去演绎,在拍摄前,会让演员“熟读剧本”,体会剧本中角色的气质及内涵,充分了解剧本的主题思想及精髓,完全投入到剧本的情节中去,整个剧组中的人齐心协力,最后才能成就一部优秀的影视作品。假如,导演或剧本不好,不管演员演得多职业多卖力,读者也不会买单;反过来,导演或剧本都很棒,而演员演绎能力很差,部分读者也许会咬牙坚持下去,但他们绝对体会不到故事的精髓。
总结一下要点:
1、规划(需求、交互)一定要理解并找准目标用户群体的心理需求,框架图不仅仅是草图,要方方面面更加完善的考虑,而不是一边写剧本,一边让演员去表演,感觉不对,再改剧本。
2、设计师一定要和规划、需求、交互充分地沟通,要清楚设计目的,清楚内容的组成及理由,读透并理解整个规划的思想精髓,在具体设计的时候,才能更好更直接有效地把内容传递给目标用户。
下面,我举一案例来辅助说明:
支付宝和财付通的目标诉求及功能需求是基本一致的,我们来看看他们的首页设计,分别有什么不同?
初步的整体感觉:财富通比支付宝的内容要多,布局要复杂一些,界面要美观。
一、外观设计比较:
财付通:单从设计角度来分析,色彩和图形的美观度要比支付宝的好。Banner的色彩搭配漂亮,图标的处理有特色。
支付宝:banner的左右两块过渡较生硬(人物和橙色区域);整个界面缺乏细节设计,不够耐看。
猜你喜欢
- 写了一个练手的爬虫...在输出的时候出现了让人很不愉♂悦的问题像这样:令人十分难受啊!#--------------------------
- python学生成绩管理系统创建,供大家参考,具体内容如下要求编写学生类,班级类,并在电脑运行生成表单,输入一个数字,得到对应的结果。输出样
- 需要把ip地址转换为10进制数,然后也可以把10进制数转化为ip地址,计算机ping这个十进制数可以ping通对应的ip地址,说明已经实现功
- HTML 的拖放 API 依赖 DOM 事件模型,获取拖放和放置元素的相关信息,以此实现拖放功能。我们只需要注册很少几个事件 * ,就能把任
- 目的是为了检测出采集数据中的异常值。所以很明确,这种情况下的簇为2:正常数据和异常数据两大类1、安装相应的库import matplotli
- 这个标题念起来有点拗口,但却是理解数据结构的关键。标题中的4个术语,对应的英文分别是:shallow copy(注意,不是shadow co
- 一、在搭建的时候参考以下文章http://www.cnblogs.com/zsy/archive/2016/02/28/5223957.ht
- 前端css中用到less,在pycharm中安装配置less操作步骤如下:1.点开setting,在Plugins中搜索node.js(安装
- 简介这里通过python的绘图工具Matplotlib包可视化实现机器学习中的KNN算法。 需要提前安装python的Numpy和Matpl
- 动机: 排序功能让我们页面上的数据显的更人性化,是我们在网站上见过的很普遍的一个功能效果了。以往的自动排序都是用大量的脚本代码来完成的,对一
- 以下各种方式仅供参考,本人亲测只有官方提供的方式比较靠谱。1. 使用多个进程启动多个Tornado实例import tornado.http
- 这几天刚刚做了这个东西,有网友问到,所以分享一下。ie6、firefox2 通过,麻烦有ie7的网友测试一下,由于有其他代码,剖析出来麻烦,
- 一、决策树原理概述1.决策树原理决策树的分类原理,相当于程序中的if-then结构,通过条件判断,来决定结果。2.信息论①信息熵假设有32支
- 今天的博客是直接来源于我自己的个人工具函数库。过去几个月,有些PyImageSearch读者电邮问我:“如何获取URL指向的图片并将其转换成
- 前言大家应该都知道,我们在mysql运维中出现过不少因为update/delete条件错误导致数据被误更新或者删除的case,为避免类似问题
- 彩色圆环更漂亮A.课程内容通过绘制彩色的圆环来学习列表的使用方法、颜色的使用技巧等,通过学习掌握python程序绘制彩色的图形的方法。B.知
- 如下所示:interval=stats.t.interval(a,b,mean,std)t分布的置信区 间a:置信水平b:检验量的自由度me
- 一:创建迁移在laravel中使用make:migration命令来创建迁移php artisan make:migration creat
- 1。formpanel数据源和grid相同,使用 Form.getForm().loadRecord(row);则数据便可自动加载在form
- 本文实例讲述了Python使用MD5加密算法对字符串进行加密操作。分享给大家供大家参考,具体如下:# encoding: utf-8from