浅析设计与内容呈现的关系

作者:saidy 来源:KDUED.COM 时间:2009-08-06 18:12:00 


有时候,规划师(或需求、交互)把内容呈现的框架草图搭建好后,就直接“丢”给了设计师,让设计师在画好的框架里去美化内容,出来后的效果,往往达不到规划师(或需求、交互)预期的目标效果,然后就是反复的修订和磨合。如何改变这样的局面呢?我想首先规划师(或需求、交互)的目标要定义清楚,然后要做完善的信息架构分析,内容的主次位置、版块结构、所占面积都要细化考究,交给设计师的是一个尽量完善完整的框架方案,而设计师呢,必须全面理解目标及内容划分的原因,几方面结合,才能做出精美的设计作品。

举个例子,我们把规划比作“导演”,把需求和交互比作“编剧”,而他们最终输出的内容及框架图比作“剧本”,把设计师比作“演员”;好的导演会选最好的“剧本”(符合目标消费者心理需求的故事),选最符合剧本角色风格的“演员”去演绎,在拍摄前,会让演员“熟读剧本”,体会剧本中角色的气质及内涵,充分了解剧本的主题思想及精髓,完全投入到剧本的情节中去,整个剧组中的人齐心协力,最后才能成就一部优秀的影视作品。假如,导演或剧本不好,不管演员演得多职业多卖力,读者也不会买单;反过来,导演或剧本都很棒,而演员演绎能力很差,部分读者也许会咬牙坚持下去,但他们绝对体会不到故事的精髓。


总结一下要点:

1、规划(需求、交互)一定要理解并找准目标用户群体的心理需求,框架图不仅仅是草图,要方方面面更加完善的考虑,而不是一边写剧本,一边让演员去表演,感觉不对,再改剧本。
2、设计师一定要和规划、需求、交互充分地沟通,要清楚设计目的,清楚内容的组成及理由,读透并理解整个规划的思想精髓,在具体设计的时候,才能更好更直接有效地把内容传递给目标用户。

下面,我举一案例来辅助说明:

支付宝和财付通的目标诉求及功能需求是基本一致的,我们来看看他们的首页设计,分别有什么不同?

初步的整体感觉:财富通比支付宝的内容要多,布局要复杂一些,界面要美观。

一、外观设计比较:

财付通:单从设计角度来分析,色彩和图形的美观度要比支付宝的好。Banner的色彩搭配漂亮,图标的处理有特色。

支付宝:banner的左右两块过渡较生硬(人物和橙色区域);整个界面缺乏细节设计,不够耐看。

标签:交互设计,内容,用户体验
0
投稿

猜你喜欢

  • asp 批量删除选中的多条记录

    2011-03-29 10:33:00
  • pytorch中使用cuda扩展的实现示例

    2021-02-17 23:46:55
  • 简单介绍Python中的RSS处理

    2023-03-03 13:59:17
  • SQL Server 2005 安装遇到的错误提示和解决方法

    2024-01-20 13:19:15
  • Golang使用Gin框架实现HTTP上传文件过程介绍

    2024-04-28 09:18:12
  • Apache为mysql以及自己的项目设置虚拟路径

    2024-01-27 23:45:05
  • pycharm2021激活码使用教程(永久激活亲测可用)

    2022-02-05 05:02:17
  • js实现的牛顿摆效果

    2024-04-29 13:25:45
  • python正则表达式函数match()和search()的区别

    2021-10-05 10:25:52
  • mysql 计算函数详情

    2024-01-14 05:19:09
  • 可能是史上最细的python中import详解

    2023-01-07 18:40:07
  • 举例讲解Python中的Null模式与桥接模式编程

    2021-10-05 09:06:34
  • python实现人脸签到系统

    2023-12-21 06:35:05
  • 一款强大的端到端测试工具Playwright介绍

    2021-06-19 11:59:55
  • WIn10+Anaconda环境下安装PyTorch(避坑指南)

    2023-06-20 03:24:04
  • python中bisect模块用法实例

    2023-03-13 16:23:42
  • distinct 多列问题结合group by的解决方法

    2024-01-21 11:18:23
  • 如何基于Python爬取隐秘的角落评论

    2022-02-17 05:31:43
  • Python的getattr函数方法学习使用示例

    2021-10-18 13:43:25
  • python3 打开外部程序及关闭的示例

    2022-06-16 22:23:15
  • asp之家 网络编程 m.aspxhome.com