欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

BAT都在使用的设计创新方法 ,现在手把手教你做!

发布时间:2018:01:15 20:08:12 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1352个文字,预计阅读时间4分钟
导语
情感设计是很多产品成功的秘诀,它可以使得一个产品和竞品有差异性,特别是在互联网产品设计同质化的今天,有很多功能类似的产品用户可以选择,但是用户为什么用你的产品?这

  情感设计是很多产品成功的秘诀,它可以使得一个产品和竞品有差异性,特别是在互联网产品设计同质化的今天,有很多功能类似的产品用户可以选择,但是用户为什么用你的产品?这不仅仅是功能本身,情绪在里面起着巨大的作用,它会影响到我们的感知,决策以及记忆。

  一. 设计情绪

  情绪理论上能把用户变为粉丝,粉丝会去传播他们喜欢的产品,这是苹果、谷歌、facebook这些公司的秘密武器。苹果可以成功,离不开这些狂热粉丝的传播,这也是为什么很多公司模仿他们却很难成功的原因。

  二. 什么是情绪板

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

  说到情绪设计,不得不说情绪板,这种方法已经在国外有一定的历史了,它诞生于上个世纪非资讯时代,,通常参与者要求从日常报刊杂志挑选出符合「某种心情意境或关键词」的图片,把图片剪下来,然后粘贴在一起。但是随着互联网时代来临,谷歌,百度各种图片出现,现在一个花瓣一个pinterest都可以成为一个情绪收藏的地方。

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

  情绪板,换句简单话来说就是由图像、视频和其他视觉元素组成拼贴在一起想法和过程,主要目的是讲述项目背后的故事,以此作为设计方向形式上的参考。同时情绪版也可以在配色方案上、视觉风格、质量材质作为设计指导,帮助设计师提供一些设计方向和指引。

  三. 如何做

  1. 寻找关键词

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

  这个关键词可以是公司战略定位,是产品的目标也可以是产品的特点,或者从用户那里得来的关键词。这个环节可以和设计师、产品一起去定义这些关键词,举个例子(案例来源于阿里UED公众号,双11品牌背后的故事)今年双11的战略关键词:新零售,全球化,节日狂欢。这是今年一级关键词,那么延伸下去,有哪些核心关键词。

  2. 衍生关键词

  前面一级关键词可能更多从战略,大的方向思考的,还需要在这个基础上去进行二级关键词的延伸,得出一些更精确的关键词,比如包容、鲜活、精彩等等。同时在这个关键词基础上能更加细化出一些情绪或者视觉表达的形容词,比如五彩缤纷、国际化、梦想等等。

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

  最终确定设计灵感:Open,Beyond Imagination! 开启,超越想象的精彩!这就是表现上的灵感,用「Open」来构建情感上的共鸣。

  3. 图片搜索,提取情绪板

  在确定好关键词后,需要通过网络渠道dribble、pinterest或者behance等等,去收集大量对应的素材图片来匹配关键词。比如关键词是:国际化、舒适、杂志,那么我们要基于关键词去寻找能代表这些气质的合适的图片。

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

  4. 视觉映射:图形分析

  在第三步确定了关键词的一些感受图片,那么到了这一步,需要去对这些关键词进行视觉映射,也就是常说的形、色、字、构、质。

  那么在图形上是否可以运用一些几何线条强的,比较方正,圆形这种最简单几何图形,来体现出国际化的品质。

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

  5. 视觉映射:色彩分析

  在色彩上,这种大面积马卡龙的配色撞色设计很符合舒适的感觉,这种渐变的交替很符合整个色彩的定位,是否可以映射到色彩体系里面。

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

  6. 视觉映射:字体分析

  在中文字体上需要用一些比较方正,线条比较时尚的字体,比如方正兰亭黑,比较能符合前面定义的杂志化这个关键词。同时英文字体采用衬线体,如: Cinzel 和playfair 作为英文字体,运用到平面设计上。

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

  7. 视觉映射:构成分析

  在构成上,板块层叠构成是一种新的设计方式,板块之间互相叠加,同时配合大的长投影层叠关系,能很好的体现出信息层级关系,与想要的国际化是吻合的。

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

  8. 视觉映射:质感分析

  在设计质感上,马卡龙的配色和长投影的柔和配色,能很好的将时尚、舒适的情绪表达出来。

  

BAT都在使用的设计创新方法 ,现在手把手教你做!

 

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:从「手势交互」出发,分析产品设计背后的原理

下一篇:那些你想太多的“过度设计”

  • 18893 文章总数
  • 2303886访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信