15112321255

全流程数字营销策略

Article/文章

记录成长点滴 分享您我感悟

设计很乱,是不是这些方面出了问题

发表时间:2019-03-20 12:02

文章来源:正千网络

标签:网页UI设计

分享:

浏览次数:4068

明暗关系紊乱;
视觉焦点不明确,画面没有重点;
颜色杂乱,毫无章法。
明暗

明暗是指画中物体受光、背光和反光部分的明暗度变化以及对这种变化的表现方法。明暗分亮面,灰面,暗面,以及明暗交界线,反光五大调子。单个物体明暗关系,暗部(反光,投影)>灰面>亮面。整体关系,靠近光源暗部>远离光源……画画核心画的是光,遵循光照的自然规律即可。

去色检查画面明暗关系

视觉焦点
视觉焦点究其概念,是让我们的视线多停留几秒的视觉元素,我们在画面中第一眼就能看到的元素,画面中的「主角」。

对画面的视觉漏斗进行分类:

视觉焦点:想看不见都很难,表现突出;
重要元素:不经意就能看见;
辅助元素:仔细看看也能看见(类似买理财产品的最右下角的小标注,「投资有风险,理财需谨慎」)
高斯模糊法看视觉焦点

眯着眼睛看形,睁着眼睛看细节。把画面模糊调到一定程度,然后看画面,如果画面仍然能看清楚「主角」,那么画面的视觉中心就是可以的。

色彩
色彩是附着在物品上由于光的照射产品漫反射的颜色,可以粗略按色彩元素分为光源色,固有色和漫反射产生的环境色。按照长期的实践经验来看,通常比较和谐的配色方式是除了产品的固有色之外,尽量把光源色和环境色统一在三种颜色(黑白灰不算颜色)之内,颜色比例尽量类光源色的主色调占据画面百分之八十的面积,其他环境色作为补充。

色彩插件检查配色

谷歌插件 palette.site 能分析出画面颜色的状态以及画面中几种主要的颜色,借助这个插件能很轻松检查画面是否超过了3种颜色(黑白灰不算颜色),如果超过三种颜色,那么页面就需要做减法,或者将颜色统一在一个色系里,用明度以及饱和度区分。

插件的使用方法:可以直接使用浏览器下载,然后也可以在浏览器中选择一张图片,右键「在新标签中打开图片」,然后再「点击右上角的插件按钮」分析颜色状态。

今天的内容就说到这里了,我们回顾一下重点内容,解决画面看起来很乱可以有以下方法:

去色检查画面明暗关系
高斯模糊法看视觉焦点
色彩插件检查配色
设计虽没有近路,但可以少走弯路。

深圳网站建设,深圳UI设计公司,网页切图,企业网站制作,营销型网站建设,专业做网站,响应式网站建设,深圳网站制作,深圳网站开发,深圳建网站公司

相关案例查看更多

填写您的项目需求:

*请认真填写需求信息,我们会在24小时内与您取得联系。