一个在北京微信小程序开发设计中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最终的作用是发挥出内容的核心位置。你的配色方案永远不应该比它呈现的内容的更加“响亮”。你的设计应该是在后台,目的是帮助突出微信小程序的内容。
这是一个伟大的想法:你可以在你的微信小程序上先铺陈出你的内容,用设计软件也好用代码也好,然后在你内容的周围设计你的微信小程序页面。当然这也是一个特殊情况,如果一个特定风格的图像和照片都能和你的设计和谐的融为一体,那么你的设计配色才算是完美。试想一下,微信小程序的配色对内容而言就像衣服对于人的重要性,对此你必须制定一套完美的并且合身的衣服。
2.选择简单的灰色作为微信小程序的基调
你可以为你的微信小程序基调选择无数种颜色,不过我建议你采用最简单的颜色,比如白色/浅灰色与深灰色的搭配文字背景。
你可以看看任何热门的微信小程序、模版、主题,白色或浅灰色与深灰色搭配成了大多数的选择,这当然也是有充分理由的。这样的搭配对访客而言提高了你内容的可读性,并且把你的图片突出在最前方。
一般来说,你的文字最好避免使用墨黑色,深灰色一般更容易阅读。
文字颜色建议范围:#333333到#666666;背景颜色建议范围:#FFFFFF到#CCCCCC。
当然,这些颜色的选择都不是固定死的。只不过如果你是新手,以上的配色方案你可以放心使用。
3.只选择一种颜色突出展示
如果你选择好几种不同的色调来,那么你的配色方案绝大多数是有问题的。你颜色用得越多,你的页面就越来越难以控制。所以,在你微信小程序页面以灰色基调的前提下,你最好只选择一种鲜艳的颜色来作为你想要突出的事物,比如标题、菜单、按钮等等。你的高亮颜色可以是蓝色、红色、绿色,等等。
你最好选择与你的基调颜色相关的高亮颜色。打开你的颜色选择器,并单击你彩色方块的中心。
向上或向下移动你的滑块,你可以仔细选择你认为最合适的颜色。
现在,你设计的页面有了三个基本的颜色:背景色、文本色和高亮色。在以后你也可以选择一种以上的高亮色,但现在对于新手来说还是选择一种比较合适。
4.如有疑问请使用蓝色
如果你对你的高亮色的选择有疑惑的话,不妨使用蓝色。蓝色是一种弹性比较大的颜色,可以和很多种颜色搭配。
另一方面,如果你是用蓝色,那么你用错颜色的概率就会很低。如果你正犹豫着不知道用什么颜色好,不妨使用蓝色。比较安全的蓝色包括从海军蓝到深蓝色,而我通常选择H205的蓝色。
如果你选定了一种颜色作为你的高亮色,那么也请你在其他需要的地方使用这种颜色。如果你的按钮、标题等需要高亮,把它们的颜色也换成同一种蓝色。
5.尽量不要用颜色选择器右上角的颜色
颜色选择器的右上角是一块肥沃的土地。它们可以执行出惊人的效果,而且非常诱人,但通常想用好需要大量的经验。如果没有足够的经验,它们可能会导致事故的发生,所以最好以削弱你的颜色,最好都保持比较淡化的色彩。