首页 >

如何将网页的整个颜色背景设计的比较和谐统一 – CSS – 前端,css3前缀检查

曹鹏 css,html css内联,html用css表示,css字体的属性设置,css两段对齐,css中重要样式如何加,css3前缀检查如何将网页的整个颜色背景设计的比较和谐统一 - CSS - 前端,css3前缀检查

首先要看你做的是什么网页,有没有相关的品牌标识。

一般在开展设计之前,需要先进行VI或CI的设计,明确品牌视觉语言,这里面要明确形(形状)、色(颜色)、字(字体),构(构成),质(质地)。品牌特征、产品调性都要依赖这些视觉维度来体现,所以先要想清楚这些问题,把设计的地基打好,然后再做上层设计。

具体到网页,要看你做的是什么客户端的网页,手机还是电脑?手机端就是H5,可视宽度比较小,电脑端则比较大。对于网页的配色,应该根据前面提到的形色字构质,把网页要用到的主色调、辅助色、对比色,警示色等常用颜色调配出来,这个调配的过程需要考虑使用的屏幕面积和频率,让他们搭配在一起的时候尽量和谐。这里面有一些方法,比如从一张和谐的自然风光照片里面取色,比如参考设计精美的网页配色,也可以使用别人已经做好的配色方案,如https://www.uisdc.com/best-22-color-website如。确定好各个色调后,把他们置入PS或者Sketch的调色板,设计页面的时候直接吸取使用即可。

另外提示一下,网页配色的颜色数量尽量要控制保守,不要融入太多的色调,这样会让页面显得很杂乱,现在的页面设计都很简洁,以突出内容,帮助用户完成相应的任务为目的。所以事先设定好调色板也可以帮助你避免使用过多的颜色,最后祝你达成自己想要的设计效果。


如何将网页的整个颜色背景设计的比较和谐统一 - CSS - 前端,css3前缀检查
  • js中什么是主代码块 - CSS - 前端,css中ul和li是什么意思
  • js中什么是主代码块 - CSS - 前端,css中ul和li是什么意思 | js中什么是主代码块 - CSS - 前端,css中ul和li是什么意思 ...

    如何将网页的整个颜色背景设计的比较和谐统一 - CSS - 前端,css3前缀检查
  • win10想要扩大C盘容量 - CSS - 前端,css添加到js中
  • win10想要扩大C盘容量 - CSS - 前端,css添加到js中 | win10想要扩大C盘容量 - CSS - 前端,css添加到js中 ...

    如何将网页的整个颜色背景设计的比较和谐统一 - CSS - 前端,css3前缀检查
  • csgo如何更顺畅 - CSS - 前端,css3如何事项屏幕自适应
  • csgo如何更顺畅 - CSS - 前端,css3如何事项屏幕自适应 | csgo如何更顺畅 - CSS - 前端,css3如何事项屏幕自适应 ...