什么是体系化的信息设计?

用户头像
北京/产品设计师/6年前/183浏览
什么是体系化的信息设计?
用户头像
麦克MK

图形界面信息的系统化设计方法及原则

本文大纲如下:阅读时间3分钟

定义:信息设计的起源及应用范围
方法:信息设计的三步骤
原则:信息设计相关基本原则


一、信息设计的定义

“信息设计是指人们对信息进行处理的技巧和实践,通过信息设计可以提高人们应用信息的效能“,从概念上我们不难理解其含义,那从理论起源上它又可以如何追溯呢,主要分为:

文字-中国最早的文字是甲骨文,从那时起到后来印刷术的普及就诞生了基于文字的信息设计

绘画-中国新时期时代出现从石器上雕刻的绘画,从基本的点、先、面诞生了绘画信息设计

图表-电脑的出现初期图表的诞生极大地提高了人们对信息认知和加工的效率

图形-随着互联网近20年的的发展,界面图形设计成为了我们日常生活不可或缺的一部分

所以,我们现在所谈的信息设计,通常可以理解为基于电脑图形界面的设计,包括网站、App、海报、广告、大屏...设计,它们的每一张页面背后都有一个设计团队支持产出,而这里面最能够被加工和体系化方法沉淀的部分就是基于网站/App的信息设计


二、信息设计的三步骤

1.信息获取

信息从哪里来?这个当然要问你的业务方,所有的内容都是基于一个项目目标的,所以这也就回归到了我们项目的通用5步推导思维:“问题定位-业务目标-需求分析-设计策略-设计方案”,而信息获取主要就是从需求分析阶段得出,那具体的得出方法有哪些呢?这里没有绝对的方法,推荐以下几个分析法:

【链接】AboutFace4 (一) 目标导向的研究方法与技巧

【链接】用户场景分析-超干货详解

比如我们如果打造一款为用户提供吃喝玩乐的App,那我们的内容简要推导过程如下图:


2.信息加工

当我们得到了一个项目文档的具体内容,其实已经把握住了核心的用户需要,但还需要对信息进行有效的加工才能物尽其用,有序的为用户呈现。信息加工的步骤可以分为以下3步:


  • 分组-将同一类型的信息进行组合、盘点全局信息的类型

原则:Mece原则-完全穷举、相互独立

【链接】MECE分类原则学习笔记


  • 排序-对同类型下的内容进行优先级排序,提供框架搭建的内容建议

方法:Kano模型、问卷、卡片分类、眼动实验...

【链接】KANO模型


  • 搭框架-原型图阶段,主要是对已有分组信息的界面化呈现,用以完成阶段评审

参考:格式塔原理、竞品分析...



3.信息呈现

这一步主要针对原型图进行界面信息精细化的呈现,通常是对点、线、面、icon、字体、颜色、板式、质感...的整体设计,没有绝对的方法,需要设计师反复刻意的大量练习,也就是我们说的手活要好,但这里面也有基本的参考原则:对齐、对比、亲密、重复(设计四原则)

  • 对齐:每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观,提升界面的识别效率。 如以下几款App的详情页面设计:



  • 对比:增强效果、组织信息对比能够让讯息更准确的传达,拉大信息层级关系,能够帮助重要信息更易被触达。如字体、颜色、 大小、线宽、形状

  • 亲密:彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素

  • 重复:重复的目的就是“一致性”,让设计中的视觉 要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质

    【链接】排版设计的4大基本原则


除此之外再推荐以下几个视觉精细化设计的基本方法,在初期阶段可以通过这些方法快速找对方向,但最好的方式是自己熟练掌握到已经忘却用这些方法就能完成一个优秀的设计案例

【链接】字体设计也需要排版——字体设计微排版

【链接】web界面设计基本原则(转)

【链接】神奇的“格式塔”理论~《视觉思维》读书笔记二


三、信息设计的原则

1.用对场景和项目类型

所有的方法都不是自成一套体系或者一招吃遍天的,信息也是也一样,属于交叉设计方法,一般来说我们可以针对页面信息量多、用户诉求明确、商业背景清晰的项目采用信息设计的方法,如:App商品详情页、商品列表页、订单列表页、订单详情页...


2.从竞品分析入手

如果知道了信息设计的基本方法,但又刚起步,最佳的方法就是做竞品分析!虽然是一个老生常谈的方法,但是对新人就是非常管用!不管你所设计的什么领域,找到该领域的标杆产品的界面设计,基于通用的设计方法分析他做得好的原因、不足的问题。再在项目中加以改善和应用,相信一定是一个不错的思考和产出过程


3.审美比方法重要

所有的方法都是帮助我们快速在短时间内让我们的设计质量提升到一定水准,但真正优秀的设计需要我们大量的搜集竞品、看到行业趋势、加上对方法的基本掌握,才是能够持续产出高质量信息界面设计的方式。看到很多团队设计师有一个误区,就是对方法这个东西太痴迷,好像我梳理了一个方法,我就对这个领域非常熟悉和运用了,其实完全不是,就跟我写这篇文章一样,并不代表我就能对信息设计类型页面设计就是最好了,远远不够。

齐白石画虾,他有方法么?我想是没有的,因为那个年代并没有因为他的绘画风格而产生大批的画家和作品,所以他的画更多的是基于自己的刻意练习、洞察、思考、打磨得来的


感谢阅读 Thanks~


1
阅读原文
|
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
空的平台平面和自然景观
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
学习,优惠券,平面,海报
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
海底世界插画
城市园林平面布局航拍
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
城市园林平面布局航拍
平面插画情侣/矢量
金色颗粒质地的平面
中国传统纹样创新图案设计
玄关入门地毯印花图案红地毯
古风平面仕女与瓷器
平面男孩喝咖啡插画设计
平面书法字手写
平面设计 吊牌设计
课程海报,平面素材
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
平面插画设计女孩喝咖啡
你可能喜欢
相关收藏夹
大家都在看
登录注册