平面设计未来趋势发展
1、办公室要变成教堂或录音室才行
现在的工作越来越不受空间的限制,网络那么发达,你能在任何地方办公, 那为什么还要要求雇员来办公室?这一点在提醒老板们:要让办公室变得像是一个教堂或者录音室。教堂的空间和混响不仅能调整一个人的声音,还能 够将多个人的声音混合起来,激发更大的效能。录音棚则是专门用于创建高质量的音轨的,既然你要求员工们要到办公室,就要让他们在这里获得其他 地方没有的工作体验。
2、设计更需要同理心
要真正的、深层次的去感受用户的需求。比如你要开发一款智能手环,用以 检测和提醒老年人的身体状况,虽然他们需要这款产品,但是未必真会花钱去买它——没人希望在自己身上时时刻刻挂着一个标志上面写着 “我老了 ”。所以,设身处地地去了解用户真的十分必要。
3、广告和市场营销将成为设计的一部分
以前是把产品生产出来之后再去考虑营销,现在则不同了,要将营销视为设 计的一部分才行。一款成功的产品,一切都需要超级一致。
4、设计将更多地基于“人”运行系统本身
人类基因组计划和其他的一些研究结果让科学家们对“人”的运作方式有了 更深的理解。这些革新性的认识也将被用于设计上——不管是规划一座城市还是设计一把椅子,设计师们都可以借助这些理论来思考:什么设计能激发 人的创造性?如何创造更强的归属感?如何真正的消除干扰、引发更深层放松?
5、会有更多的工程师变成设计师
有越来越多的工程师在设计领域初露端倪,这在十年前几乎不能想象。比如 Inkling 的Peter Cho,Opower 的 Deena Rosen , Flipboard 的 Marcos Weskamp。
1.设计造型基础、三大构成 设计素描,以比例尺度、透视 规律、三维空间观念以及形体的内部结构剖析等方面表现新的视觉传达与造型手法,训练绘制设计预想图的能力,是表达设计意图的一门专业基础课。
三大构成:1〕 平面构成 2〕立面构成 3〕色彩构成
2.平面设计软件 photoshop、 coreldraw
学员除了要了解基本的 设计原理,掌握一定的设计方法,**训练使 具备 敏锐的设计思维 外, 还必须掌握一个重要的武器:设计软件,才能初步形成一个设计师的 雏形。
3.字体设计 字体是平面设计中的 核心元素之一,字体设计的优劣直接决定 平面 作品的水准。
4.标 志图形设计 图形由于其凝炼的外形 让人记忆深刻,正基于此,标志和图形有着千丝万缕的联系,可以说标志是由图形演变而来, 但新的时代又赋予 标志不同于图形的新的含义。
5.vis设计 导入企业形象识别系统, 是现代企业走向正规化,与国际接轨 的必然选择,企业形象识别系统与企业文化紧密结合,其制 作受严格的规范。
6.版式设计/书籍装帧 版式设计在平面设计的 各种元素中充当着骨架的角 色,如果没有版 式设计,图片,文字,色彩等必然失去秩序, 从 而对信息的传达效果产生负面的影响。书的内涵是其文字所承 载的思想,书的外延是其装帧所体现出的特色, 好的书籍设计是内涵与 外延的完美统 一。
7.高级人像处理 人像照片的修饰、美化和个性化处理,帮你高效地编辑、润色、制作人像照,晋级为照片处理高手。
8.广告创意 广告创意是指**独特的技术手法或巧妙的广 告创作脚本,更突出体现产品特性和品牌内涵,并以此促进产品销售。它包含了广告活动中创造性的思维,只要是涉及到创造新的方面,从战略、形象 ,到战术以及媒体的选择等,“创意”二字时间出新的方案上。
9.商业设计鉴赏
讲商业设计的鉴赏,只有会看别人的作品, 才可能正确的审视自 己的作品,也 才能 从别人的设计里学到知识, 提高自己设计水平。
10.DM单设计 DM是英文direct mail advertising的省略表述,即**邮寄、赠送等形式, 将宣传品送到消费者手中 、家里或公司所在地。也有表述其为:直投杂志广告。
11.包装设计 包装设计即指选用合适的包装材料,运用巧妙的工艺手段,为包装商品进行 的容器结构造型和包装的 美化装饰设计。从中可以看到包装设计的三大构成要素。
12.海报设计 (品牌海报、产品海报、sp海报) 海报设计必须有相 当的号召力与艺术感染力,要调动形象、色 彩、构图、形式感等因素形成强烈的视觉效果;它的画面应有较强的视觉中心,应力求新颖、单纯,还必须具有独特地艺术风格和设计特点。
13.广告印刷 印刷广告包 括广告主自行或者委托广告经营者利用单页、招贴、宣传册等形式发布,介绍自己所推销的商品或者服务的一般形式印刷广告,以及广告经营者利用有 固定名称、规格、样式的广告专集发布介绍他人所推销的商品或者服务的固定形式印刷广告。 商业广告大作业完成全方面的商业设计作品,以达到商 业价值。
14.展 示设计 展示设计是培养具有造型.空间.色彩.多媒体.声光电等元素综合运用能力的人才.主要是设计师以展示形象的方式传达信息.
15.网页设计 网页设计— —根据企业希望向浏览者传递的信息(主要是产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的 其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要
实战案例!众安保险PC**网的改版设计经验总结
从早几年前移动互联网大行其道,到如今VR/AR逐渐进入大家的视野,回过头看,PC端的网页设计和体验作为一个“旧课题”似乎不再是企业和设计的核心问题。但是,我们真如想象中那样远离电脑了么?
随着互联网保险日新月异的业务发展和产品需求的迭代,同时基于保险方面的设计经验积累,我们发起了对众安PC**网的新一轮设计迭代与体验优化,这一轮优化主要集中在以下三个方面:
1. 调整网站信息结构
网站起初定位是互联网保险电商网站,所以选择了适用于繁杂内容展示的“双重导航”设计,这也是电商平台常用的导航方式。但由于保险类商品数量不像京东、淘宝平台这样巨大,我们发现导航系统需要根据现状进行梳理优化,作出相应的调整,使得导航更明确、更简洁。
△ 原**网导航流程
2. 购买体验的迭代优化
随着产品类型的丰富,不同类型的保险在浏览、购买过程中会差异化地产生许多新的信息展示和交互方式,我们需要对现有的购买体验进行迭代,力求体验统一性的同时,保证业务的差异化实现。我们也在移动端的商详页及投保流程的设计中积累了更多经验,是时候将它们在PC网站端付诸实践了。
△ 原产品缩略图
3. 感**体验的“耳目一新”
产品业务与服务一直在马不停蹄地前进,在设计与体验方面也要及时传递相应的“感观信息”。结合逐渐明确的客群特征,以及对当前流行的设计风格的调研,我们对PC**网视觉风格的新一轮探索也拉开了帷幕。
△ 原产品缩略图
在着手设计具体的优化方案前,团队进行了多次讨论,回答了几个问题:
Q: **网为谁服务?
A: 电脑端的用户并未缩水,使用量依然庞大。而主动访问还靠百度。
查阅CNNIC的数据报告,我们发现近年手机超过9成的使用率的确拥有绝对的优势。但承载PC网站的电脑端使用量其实与手机相差无几。我们也从后台数据了解到,除了外部跳转理赔操作的访问外,绝大多数主动访问的用户都是**搜索引擎来到**网,**网依然是人们了解企业的**途径之一。
△ 数据来源:CNNIC2016年度报告
Q: 用户为什么来访问**网?
A: **网有用户想要了解的企业信息,也是服务的获取途径。那么,使用体验的流畅也很重要。
用户来到**网一般做两件事:选购产品、申请理赔。其中选购产品时,如何**图文信息介绍虚拟产品的特色、传统投保流程在电脑上该如何优化是值得我们从体验角度好好探索的。
Q: 我们又该展示什么?
A: **网是**好的形象宣传媒介。用户主动搜索看到的结果是对商家及产品建立信任感的**步。
“内事不决问百度”是大家很熟悉的一句话,而搜索结果中那个带着“**网”小标签的选项更是许多人的**。给访问者留下一个好印象是必须的。
**终,我们明确了**网“基于产品 建立品牌形象”的目标。以“舒适、设计感、面向用户”这三个关键词为基础展开设计优化。而这也是PC**网需要向用户传递的信息。
△ 众安**网优化设计关键词
经过对**网内容的全面梳理,我们将首页、专题聚合页、商品详情及购买流程作为一期改版的主要内容。
△ **网内容梳理
明确了方向,大家便着手开始设计!
1. 梳理结构
改版后**网更注重对产品的展示,结合**网与其他相关业务平台网站的互**系,我们将导航分为全局与一级导航两个层级。全局导航适用于个人账户及公司各平台间的跳转,一级导航更专注于本站的产品和服务信息。鼠标悬浮各类别标签可以预览分类下的产品。
△ 将全局导航与本站导航分层
2. 首页Banner:给足料,说好用户故事
金融产品的视觉表达难是一个行业共识,但蚂蚁金服这两年的系列广告给了我们一个很好的思考方向。服务于日常生活的金融产品故事该怎么说?——当然是从生活本身的点滴说起。
首页Banner作为网站首屏宣传位,在方案探索过程中获得了公关小伙伴的协作支持,得以从多个角度优化我们的方案。
△ 梳理产品与各种角色的匹配性
△ 确定**网的视觉风格倾向
结合特色产品与过往几次用户调研的结果,我们针对4大产品分类描绘了几个典型的产品场景。而这4个场景所导向的是对应的专题产品和它们的用户故事。
△ 首页Banner的故事展示
对于专题中的保险产品,我们尝试**更情感化的表达来让用户感知它们。无论是角色还是场景,**他们说出了用户的顾虑与考量。无论是人名、还是文案,我们都花费大量的精力进行构思,力求令用户获得代入感,更容易产生共鸣。
而“与时俱进”也不能只是说说而已。开发语言的不断升级已经支持网页承载更多样的展示方式。既然如此,为什么不趁机炫一把大家都爱的视频背景呢?
△ 版块背景播放用户故事视频
总得来说,改版后的网页正试图**产品故事与访问者建立更深入的情感共鸣,运用更多样的表现手法向人们展示更丰富的感**体验。
△ 首页改版前后对比
3. 商详介绍:理性与感性结合,让用户好好看清我们的产品
由于保险产品没有实体对象,产品特点及保障明细又关联诸多细节条款,导致无论是我们作为设计传达方,还是用户作为信息接收方都对产品说明头痛不已。而让用户高效获取他们想了解的产品信息,是推动他们实行购买操作的重要因素。
经过长期的业务跟进及总结,**对产品信息优先级的梳理、结合交互控件的应用,**终,给出了更适合目前需求的详情页模板。
相对实体产品的功能展示,保险产品细碎的保障项目罗列也给控件设计增加了难度。不同的产品一般有1-4种版型可选,每个版型中包含的保障条目从一至十几条不等。如何用一套控件匹配所有产品的展示是我们面临的挑战。
当用户点击“立即投保”进入投保流程时,还需要面对一些填写相关信息的表单,这是规范专业的保险公司都会具备的,但互联网保险真的需要这么多表单嘛?!
梳理过后,我们发现核心流程其实并不复杂。经过适当的删减、合并、以及视觉优化,投保流程其实可以“轻”很多。
△ 重复内容删减
△ 页面内容重排
电脑端网页的特点是页面空间十分充裕,而大家也更习惯竖向表单排列。那么,以卡片形式左右展示两张信息表单也许是大家更容易认可,也是认知上更高效的。
改版后,已登录的注册用户进行投保可调用预留信息。在**简情况下,只需一个勾选操作即可进入“下一步”。
出于行业的严谨,我们依然保留了信息复核的流程,但仰赖电脑端网页的充分空间与合理的视觉排版,保单信息与优惠信息的合并显示也并不对用户造成太多信息认知负担。
投保成功页则进一步完善了导流信息及同类产品推荐功能,为用户提供了更明确的可前往路径。
△ 完善控件细节及视觉优化
4. 体验提升:不知不觉间的信任与认可
对于一个金融保险类网站来说,它应当具备的安全、可信任感是比其他生活类服务网站要多得多的。这意味着,当我们讨论这类行业的网站体验时,我们考虑的用户体验也应有不同的切入点。
信任可以分为认知信任和情感信任……两者结合即可激发基于信任的实际行为。
而商业网站中通常的信任行为,指的就是购买。
△ 认知信任与情感信任的关系
认知体验主要依靠产品本身传达出来的信息促进用户执行商家期待的行为。比如,用户在选购对比不同的旅游意外险时会比较保险内具体的保障项目和相应的保费、保额。这是客观影响了用户判断条件的信息,如果用户获取不到准确的产品信息,势必会有“疑惑,不理解产品“,”商家说的不明白,不专业”之类的想法。
感性体验则侧重用户自己被激励、认同的感受,更多的被形容为享乐的、情感的体验。如果用户读到我们专题中不同的用户故事时,有几个能让他们心中不禁点头感叹“说到我心坎里了”,那正是我们试图理解用户的心情,希望他们能感受到被理解、被认同。
△ 信任体验设计模型
共情引起共鸣,好用带来正向反馈,认真考虑到体验的方方面面,时间会证明用户的认可。
经过3个多月从设计到开发的忙碌后,新版**网终于在今年2月悄然上线。经过一段时间的数据跟踪,我们对此次改版的效果有了一个比较完整的反馈。话不多说,看数据:
上线一个月,流量稳定,转化率猛增。改版上线当月的总访问量较上月基本持平,上线一个月后,客单量提升4倍,网站跳出率降低一半。
新页面也为爆款产品的上线热销奠定了爆发基础。改版上线后不久就迎来了新一年运营项目的全方位启动,网站访问量提升1.8倍,同期支付转化率较改版前翻了一倍多。
**网一期改版告一段落,静下心来梳理总结是我们团队的又一次经验沉淀。此外,还要特别感谢PR小伙伴在**网内容方案上的支持,以及勤劳勇敢的开发小哥哥们在整个开发过程中对**网的鼎力支持!比心!
**网仍有许多地方需要我们“与时俱进”、逐步优化,在之后的版本更迭中期待更优的体验和解决方案。
欢迎关注作者:众安ZED原创 ( 微信号zhongan_zed )
【联展网 原创文章 】
================明星栏目推荐================
联展网: 是旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气**高的设计网址导航,设计师必备:
相关推荐: