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

提高「可读性」,文本、背景色怎么选?

发布时间:2017:11:20 16:14:44 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有992个文字,预计阅读时间3分钟
导语
文章主要探讨文本色、背景色该如何选择,才能提供良好的「可读性」。一起来看!

  针对 QQ支付的品牌设计,他们做了不同的设计尝试,本文着重分享QQ 支付品牌设计进行的三步骤。enjoy~

  

提高「可读性」,文本、背景色怎么选?

 

  大家见到的大部分支付类产品,在视觉系统上大都选择较沉稳、低调的风格,对产品的可信任度上会产生一定的影响。不过,是不是意味着,支付类产品只能选择这类的配色风格呢?

  QQ 支付品牌设计想探寻不大一样的风格,面向年轻的用户群体,使用鲜明的色彩对比,希望能增强大众的认知度和识别度。

  我们也针对 QQ支付的品牌设计做了不同的设计尝试。

  设计 Logo 是需要考虑定位的,因为 Logo 会一直跟随在各个场合或角落,比如广告牌上、宣传单上、网站上、各种周边产品上,你会发现一个 Logo 就是由这些肉眼看得见的东西;比如颜色、形式、质感、形状等组成的,同时向人们传递出一种无形的东西;比如产品的性质、气质、理念、愿景等等。

  所以在设计 Logo 之前,最好是能考虑到这三个层面:无形的定位层面、有形的视觉层面、视觉延展层面。也就是 QQ 支付品牌设计进行的三步骤(如下图所示)

  

提高「可读性」,文本、背景色怎么选?

 

  一. 品牌调研及定位

  Logo 的设计需要对整个行业与市场进行研究,摸索出这个行业中产品品牌的固有特征与行业属性,这些调研信息能够帮助设计师在视觉设计时思路更加明朗。

  1. 国外支付类品牌

  

提高「可读性」,文本、背景色怎么选?

 

  2. 色彩分析

  

提高「可读性」,文本、背景色怎么选?

 

  3. 图形分析

  

提高「可读性」,文本、背景色怎么选?

 

  4. 相关产品收集分析

  

提高「可读性」,文本、背景色怎么选?

 

  通过对支付类 Logo 的市场调研并得出相关结论,结合 QQ 支付该产品的目标人群与产品特性,得出以下品牌设计模型。

  

提高「可读性」,文本、背景色怎么选?

 

  二. 品牌标志设计

  从第一步的品牌调研与定位中得出了相关结论,并结合品牌设计模型,需要清晰的价值体系和全新的识别系统,第二步便从品牌标志设计开始,标志的立意要表达清楚,让使用者很容易懂或很容易识别,介于这个基础之上,再以更美的姿态表达出来。

  1. 品牌关键词的搜索

  

提高「可读性」,文本、背景色怎么选?

 

  2. 标志设计草图

  接下来,设计师们开始绘制标志的黑白草图。草图标志的设计元素较为多样,包含:卡片、钱、平台、支付手势、支付状态与完成等。

  

提高「可读性」,文本、背景色怎么选?

 

  3. 标志设计提案

  设计师做了以下的风格尝试:

  方案 1:扣在一起的两个方形元素寓意着不同的文化与平台,抽象的几何方形元素与 QQ 的剪影达到比较巧妙的结合,意在传达出 QQ 支付品牌的主要内容。

  

提高「可读性」,文本、背景色怎么选?

 

  

提高「可读性」,文本、背景色怎么选?

 

  

提高「可读性」,文本、背景色怎么选?

 

  方案 2 :将倾斜的两个方形元素重叠在一起寓意着具象的卡片元素,重叠的几何形体搭配深浅不一的色彩组合,丰富 Logo 的层次与深度,还提取了QQ 图形中的眼睛元素,较为简约。

  

提高「可读性」,文本、背景色怎么选?

 

  

提高「可读性」,文本、背景色怎么选?

 

  方案 3:QQ 招手的形态剪影与支付成功的图形结合,清晰传达给用户讯息:QQ 支付,喜欢就付,传达出年轻、热情、支付、以人为本的视觉语言。

  

提高「可读性」,文本、背景色怎么选?

 

  

提高「可读性」,文本、背景色怎么选?

 

  4. 优化标志设计

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

看了这篇文章的人还看了

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

上一篇:如何设计一个好的提醒

下一篇:一种有效的设计策略和技巧:格式塔原理中的接近性原则

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

      统一报价,无隐形消费

    • 金牌服务

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

    • 售后无忧

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

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

    截屏,微信识别二维码

    微信号:13825575516

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

    优化二维码打开微信