腾讯设计师为你解密QQ空间配色技巧

2016-02-16 20:40 5 1 收藏

下面图老师小编跟大家分享一个简单易学的腾讯设计师为你解密QQ空间配色技巧教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - 平面设计 】

空间主题千千万,忙死开发累坏设计,那么多主题,设计师该如何搞定配色,如何与开发沟通协调,今天腾讯DD同学将成功搞定后的经验分享出来。

故事是这样的

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

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

腾讯设计师为你解密QQ空间配色技巧,PS教程,图老师教程网

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

腾讯设计师为你解密QQ空间配色技巧,PS教程,图老师教程网

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

腾讯设计师为你解密QQ空间配色技巧,PS教程,图老师教程网

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

杀:砍掉多余颜色

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

腾讯设计师为你解密QQ空间配色技巧,PS教程,图老师教程网

集:集合色彩规则

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

腾讯设计师为你解密QQ空间配色技巧,PS教程,图老师教程网

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

腾讯设计师为你解密QQ空间配色技巧,PS教程,图老师教程网

取:取出配色代码

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

腾讯设计师为你解密QQ空间配色技巧,PS教程,图老师教程网

卵:孵化配色秘籍

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

腾讯设计师为你解密QQ空间配色技巧,PS教程,图老师教程网

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

腾讯设计师为你解密QQ空间配色技巧,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

来源:https://www.tulaoshi.com/n/20160216/1573952.html

延伸阅读
作为一名设计师,如果你还在说出这种颜色好看,那种颜色不好看的话时,这说明你对颜色还没有正确了解。在很多关于色彩文章中,都可以看到色相环的身影,它是我们选择颜色的一个强有力的工具,如图3-23所示。在本节中,将阐述这个色相环的基本原理,使读者对颜色关系有一个更清晰的认识。 图3-23 色相环和色彩图像 哪里有光,那里就有颜色...
腾讯的yixin同学对市面上的记账软件都不太满意,干脆自己设计了一款。这篇分享了他全部的设计探索过程,想知道专业设计师如何从零开始一款APP的设计,在细节上如何考量周旋,看这个就对了。 现代智能手机给我们提供了非常多丰富实用的功能,比如平时颇为在意金钱去向的我,就是一个 手机记账 App 的使用者,曾经尝试过各种记账 App,但好像...
标签: 装修 软装 设计
好搭配让人舒服 想象一下,家中若是只剩家具,少了灯饰、织品等等家饰品,会变成什么样子呢?是不是就像红花少了绿叶般,失去了些许生命力,为了让居家质感更提升,透过家饰品,营造不同生活个性,与家具相辅相成,让整体风格更完整,来看看设计师向我们推荐的4个为空间效果加分的居家家饰品。 要注意时尚潮流 国人消费者自我意...
好久没有写关于色彩的教程了,今天来一篇我的其中几个配色方法的技巧吧。希望大家能现学现用。
目前为止,你应该已经很熟悉颜色是什么、每种颜色代表什么,对于不同配色方案也有很好的理解。但是不管怎样,你知道这些也没什么作用,假如你不知从何下手或如何运用。 色彩对你项目的影响 颜色是种看起来相当简单,却非常难处理好的东西。而且,由于它是任何设计中极度视觉化、焦点化的部分(它确实是),当它没处理好时会如此引人注意。如果...

经验教程

576

收藏

67
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部