中文 / English上海专业广告设计公司   服务热线:008613651692203

新闻动态

当前页面>首页>新闻动态>公司动态

最新射鸡师说之信息可视化设计流程与视觉设计准则——上海创意设计公司浅谈信息设计
属性标签: 设计师 图形关键字: 发布时间:2015-02-04 点击:3770

创新、艺术、时尚、好玩,轻松,这是很多人对设计师的认知。或许一些家伙发现自己不是做医生或律师的料时,就认为做个设计师其实也蛮不错的。人生苦短,快乐至上,就把美好留在你们的想象中吧,今天,针对信息可视化这个话题,一起走进设计师的设计世界去看看究竟吧。

设计师说,如今的世界由信息搭建而成,对信息的设计已成趋势。诸多实战案例中,信息可视化围绕“可读 逻辑与 可用”的目的传达信息,将繁杂的数据或虚拟、抽象的概念转换为通俗易懂的消费产品,着重于提升客户体验。

信息可视化发展前期,大多数经验是从国外取来的经,内容几乎雷同,不接地气。有一位设计师在工作中,结合其步步进阶作品总结了信息可视化的设计流程。他所讲的内容不同于一些同行或国外相关与书籍资料。他希望借此抛砖引玉,影响更多同行分享有价值的内容。小编认为他讲的还是不错的。


设计师说,什么是信息可视化

由于刚开始接触,理解自然非常浅显。也许日后会有更高深的见解。目前他认为:信息可视化就是用图形正确的表现复杂的信息和逻辑关系,这样可以:

通过图片特有的美观和趣味性,吸引读者

通过最优表现形式,使内容更易懂

拉近读者与产品的距离,提升品牌认知度

这个图给他留下了非常深刻的印象,这个例子通过简单的图形变化让降雨量信息一目了然。信息可视化是一门了不起的学问,需要设计者既有很好的交互意识,又要有一定的图形设计能力。



与设计团队一起完成的作品展示

案例一:设计师说安全产品的首页展示

设计灵感:从需求文档中看到这些子产品名字有御前卫、八卦阵、御城河……当时就觉得非常有意思,脑海中立刻浮现出一个古城的画面,古城周围有士兵、有八卦阵、有御城河等。跟视觉设计师表达这个想法后大家一拍即合,最终产出了这个方案。中间的城楼最开始是红色的,有点太抢眼,为了避免喧宾夺主又体现出数据被保护的感觉,就把它改成了这种半透明的、很数据化的虚拟感觉。





案例二:产品结构图

设计灵感:通过竞品分析发现国内外同行在这方面都非常下功夫,所以设计团队也要力求用一张图来把产品结构和关系描述清楚。下篇文章会讲具体的设计过程。




案例三:使用流程示意图


设计灵感:产品经理给出的这个图很严谨,但是对于用户来说理解起来比较困难,因此先用线框图把它简化为单向的流程图,但这样又不够美观和直观。心灵手巧的视觉设计师经过图形的美化,巧妙解决了这个问题。

原始设计图:

修改中(局部):

修改完成后:



案例四:方案描述示意图

和上个作品类似,也是先梳理信息逻辑,用更易懂的方式去表现,再通过视觉设计师美化。

原始设计图:


修改后图



其实还有很多这样好的作品,例如电商/网站相关设计作品等,完成这些作品后,设计师积累了哪些经验和心得呢?


信息可视化的设计准则

设计师说要想把一件事情做好,首先要知道做好的标准是什么。在设计团队一起完善信息可视化作品的过程中,他们经历了无数的修改,把这些失败的作品放到一起,通过对比,好的作品好在哪,有哪些特性,就显而易见了。




信息可视化讲求美观


设计师说,和所有的设计一样,信息可视化也讲求美观。形式美、有创意、色调和谐、主题明确,吸引人的概率就大。


信息可视化讲求内容易于理解


设计说,把信息转化为视觉语言,使受众在第一时间理解作品想表达的意思,才是好的作品。




信息可视化讲求版式清晰

设计师说,信息图要美,但美不是最重要的,最重要的是更直观、清晰地传达信息。举个例子:下面这个图是前、后两版设计的信息图,内容是一样的,但结构上,哪个更好懂?



很明显,下图看上去更直观、更清晰。因为同样的内容,下图用了对称的形式,理解起来省了一半力气。所以设计师在设计信息图时,一定不要浅尝辄止,要努力寻找最佳方式,让信息更简明易懂。



信息图基本要求——正确

正确”是信息图最基本的要求。信息图再好看、再易懂,但如果读者对它的理解都不正确,那这个图就没有任何的价值。



举个例子,下面这个图描述了某产品中子模块的关系。看到这个图,受众可能以为这些子模块遵循从1到5的先后依赖关系,但仔细一想,就不是这样的。这就说明图形传达信息的方式不正确。




除了要保证图片表达的内容是真实的、正确的之外,也一定要考虑到事实的逻辑性。影视剧中大家总对“穿帮”镜头津津乐道,就是因为它不符合人们的真实认知,从而显得很“假”。



“穿帮”现象怎么那么多?

可能是时间、天气等原因,以一场一场为单位一部分一部分摄

或者导演突然有了新想法,在原有基础上补拍一些内容

重新剪裁或重组内容


你说,这有没有和设计过程非常相似的地方?


多数时任务太大,设计师一时很难完成不说,中间可能突然穿插了其它工作,后面又有了新想法,修改的内容过多,就可能导致部分遗漏或忘记更新。


因此设计“穿帮”现象也是难以避免的。比如下面的图片中,左图中“安全产品”是用的小锁的图标,而到了右图中,“安全产品”变成了“安全中心”,图形也变成了盾牌形。话又说回来:这两个是一回事吗?用户会迷茫的。



设计师说,在设计过程中,一定要把一大部分精力放在检查和修改“穿帮”中,不要认为这是一件小事,细节决定成败!高度一致性的图形,既易懂,又提升品牌形象,更提升设计效率。符合逻辑的视觉语言设定,是信息可视化中必不可少却又容易忽略的,应该引起设计师们的关注。


整体看来,设计师也不容易呀。不过小编依旧崇拜设计师行业分类还是按解决方案分类来说,他们用创意与知识们,因为他们对城市设计文化起着决定性作用,不管是从行业分类还是按解决方案分类来说,他们用创意与知识,构建了企业与市场之间的桥梁,创造了完整的视觉形象与良好的用户体验。


最后,设计师推荐:虔城设计公司,成立十年,潜心会意为众多行业品牌提供标志/VIS设计,品牌/策划咨询,广告/宣传册设计,命名/商标注册,创意商业摄影,电商/网站设计,雄厚的设计实力与专业的服务团队,只为您的品牌。我们的工作来基于设计、专攻设计,但是却不局限于设计,我们希望为客户提供更多与设计有关的服务,不论是网页设计、手机APP设计还是UI设计,设计印刷制作,只要您有这样的需求,我们都会尽我们最大的努力将其做到最好,让您的品牌大放异彩。

[返回]

最新部分案例

上海依霖教育中心网站前端设计——首页版面设计的分析与反思
上海依霖教育中心网站前端设计——首页版面设计的分析与反思
为新疆天源汇智资产管理公司设计“疆汇资本”标志设计-上海虔城广告设计提供商标LOGO设计
为新疆天源汇智资产管理公司设计“疆汇资本”标志设计-上海虔城广告设计提供商标LOGO设计
中共中央政治局针对“两学一做”徐汇区街道党务公开宣传栏海报展板设计与制作
中共中央政治局针对“两学一做”徐汇区街道党务公开宣传栏海报展板设计与制作
端午节海报设计
端午节海报设计
飞利浦一站式安防领域解决方案H5与视觉规划平面设计
飞利浦一站式安防领域解决方案H5与视觉规划平面设计
上海凯士比泵有限公司厂区大门海报LOGO墙形象设计
上海凯士比泵有限公司厂区大门海报LOGO墙形象设计
顶级奢侈品灯具照明品牌宣传目录画册设计
顶级奢侈品灯具照明品牌宣传目录画册设计
上海阿帕尼电能技术(集团)企业宣传册文案全程策划设计
上海阿帕尼电能技术(集团)企业宣传册文案全程策划设计
先标(上海)物业管理有限公司LOGO设计品牌新建设
先标(上海)物业管理有限公司LOGO设计品牌新建设
豫牛牧业-您身边的牛排定制专家-品牌形象宣传广告设计
豫牛牧业-您身边的牛排定制专家-品牌形象宣传广告设计
企业培训管理咨询宣传册设计
企业培训管理咨询宣传册设计
宜台国际贸易专注服装领域 45载品质检验,值得托付-虔城全案策划与设计品牌落地
宜台国际贸易专注服装领域 45载品质检验,值得托付-虔城全案策划与设计品牌落地
奶茶店招牌饮品宣传广告设计
奶茶店招牌饮品宣传广告设计
徐州鹏运国际货运代理公司简介及对外品牌宣传简章招聘三折页设计
徐州鹏运国际货运代理公司简介及对外品牌宣传简章招聘三折页设计
上海艺希餐饮管理有限公司标志图形logo设计
上海艺希餐饮管理有限公司标志图形logo设计
扫IC网公司形象展会宣传策划设计
扫IC网公司形象展会宣传策划设计
巴罗柯矿泉水系列-新品包装设计
巴罗柯矿泉水系列-新品包装设计
罗林捷 国际汽车部件 - 品牌形象升级-助力汽配产业革新-领创制造新领域
罗林捷 国际汽车部件 - 品牌形象升级-助力汽配产业革新-领创制造新领域
虹程贸易企业LOGO形象SHEJI
虹程贸易企业LOGO形象SHEJI
五大洋葡萄酒品牌形象策划与创意设计
五大洋葡萄酒品牌形象策划与创意设计
2015年度新鲜水果季”赣南第一脐橙:赣安橙品牌全新外包装纸箱设计改版闪亮登场
2015年度新鲜水果季”赣南第一脐橙:赣安橙品牌全新外包装纸箱设计改版闪亮登场
东辰清风港(The Gingfeng Harbor)营销宣传册设计与印刷制作相关
东辰清风港(The Gingfeng Harbor)营销宣传册设计与印刷制作相关
山西新环科技股份-企业标识VI设计
山西新环科技股份-企业标识VI设计
虔城为昆山奥瑞航空(中外合资)包装材料公司品牌改造企业形象VI设计画册、名片、海报等
虔城为昆山奥瑞航空(中外合资)包装材料公司品牌改造企业形象VI设计画册、名片、海报等
近期部分动态