QQ空间配色解密

小编:QQ空间每次都能展示给我们靓丽却舒心的色调,那么他们的颜色都是怎么调试得如此让人赏心悦色的呐?今天腾讯ISUX的小伙伴们站出来解密啦。让我们一起去看看他们的工作方式吧。

过去空间的配色很多,每次提取确实如同解密一样的充满“惊喜”。

亮瞎眼的邻近色相近颜色太多,差异不大,光一个灰色都有三四个,隐隐的感觉这是在做色盲测试。

设计师的痛明明只是想要一个色值,却不得不打开差不多100M的PSD文件,去吸取颜色,去寻找颜色代码,打开时间可以看看小说了~~~

坑爹的沟通每次找开发调整颜色,都要从界面中截图说明是跟哪里的颜色,色值多了,别说是开发,设计师都疯了!

虽然有了标注,但是还是可能遇到开发问:正文色是指什么颜色?色值是?“色无能”害怕增加颜色,想想每个主题都增加一个配色,每次增加一个模块都需要随着主题的增长而增长,这是找死的节奏啊 我们对商城说:姐姐,不要再增加主题了,面对产品说:姐姐,不要异化模块了。 社稷师: 我本将心对颜色,谁知颜色照沟渠!趁着夜黑风高,咬咬牙,一不做二不休,不如来个“杀集取卵”~~~

其实就是合并相近的颜色,在设计的过程中,经常会遇到同一个页面出现2种或2种以上类似颜色的情况,为了规避这种情况,把相近的颜色进行“合并再调整”,选出一个更适合的颜色。

1.对不同模块的颜色进行分类,包括“文字、色块、图标、线条、按钮”等等。并规范好每个分类的名称,针对每个分类下的颜色差异使用1、2、3…的序号进行命名,例如正文色T1、辅助文字T2、高亮文字颜色T3…

2.规范好能够适配主题的几套配色,只拓展主题、不增加配色,多套主题配合一套颜色,让主题使用无极限。

让设计和开发迅速传递信息。确定好10套配色的代码,并按分类定义色值。这里每一套主题的色值可能会不一样,但是编号肯定是一致的,例如文字T1~T10、按钮B1~B5…

当你已经完成了上面所有的事情,这个时候,你只需要给到一个“txt”文档开发,就可以一键完成单套主题所有的配色调整。

开发哥调整颜色只需要更新txt文档即可,再也不用一个代码一个代码敲了,大大提高效率,同时也提高了设计同学对颜色使用的把控度。

文章来源:腾讯ISUX

作者:DD

(0)

相关推荐

  • 揭秘QQ空间APPLE WATCH V1.0设计全过程

    初期方案 设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客.礼物.动态.包括配色和图形设计也延伸了手机端的设计风格. 竞品分析 我们对Instagram和Twitter进行了研究, ...

  • 如何自定义QQ空间主页

    觉得QQ空间主页单调不好看?想让你的主页有你自己的风格?跟随我来,你也可以有自己的QQ空间主页,自己来制作你的主页,展示你的独特风格.下面一起制作喽. 操作方法 01 打开qq空间,点击设置按钮,选择 ...

  • QQ空间装扮怎么弄

    QQ空间作为QQ聊天软件的一个重要的组成部分,其内容和趣味性越来越丰富.装扮自己的QQ空间,就好比自己装修自己的房子.装饰过的QQ空间,可以看起来更加绚丽,即可以预约来访者,也能让主人更有面子.那么怎 ...

  • 黄钻怎么装扮QQ空间?

    很多朋友为了装扮空间,开了空间的黄钻!但是对于空间装扮却还是跟免费的没有差别,今天教大家怎么才能装扮出黄钻风格的QQ空间. 操作方法 01 打开QQ空间,点击"装扮" 02 选择& ...

  • 非黄钻怎么改变QQ空间模块文字颜色

    改变QQ空间模块文字颜色,炫出自己个性文字. 工具 01 QQ空间6.0 步骤/方法 01 首先鼠标指向空间快速设置,就会出现一个下拉菜单,选择主页排版.看下图 02 然后选择排版--高级设置--选择 ...

  • 怎么制作qq空间

    现在QQ空间成为大家发表心情和日志的首选,但是如何制作自己的个性QQ空间呢,下面哦详细介绍一下! 操作方法 01 打开QQ空间 02 选择装办空间 03 选择板式,选择配色,添加模块,以及一些空间里的 ...

  • QQ空间装扮空间新版各栏目攻略

    QQ空间6.0已经出来很久了,但是还有一部分友友对其功能不是很了解,今天就和大家分享下装扮空间新版各栏目功能,希望对大家能有所帮助和借鉴. 步骤/方法 01 装饰商城--所有普通物品对黄钻用户免费,里 ...

  • 如何克隆QQ空间 免费QQ空间克隆全攻略

    经常有网友问编辑怎么装扮QQ空间,有没什么简单的方法?答案是肯定的,比如最较流行的QQ空间克隆就相当简单,相当于傻瓜式的QQ空间装扮,很适合菜鸟朋友使用,下面电脑百事网就为菜鸟朋友详细图文介绍如何克隆 ...

  • 怎么给qq空间免费添加背景音乐

    想要QQ空间的背景音乐能播放,首先你的QQ空间要有播放器 下面是免费添加QQ空间播放器的方法 找一个免费的播放器代码如 javascript:window.top.space_addItem(6,35 ...