线上服务咨询
减去颜色方案,使设计更高端-沈阳网站设计
当人们回忆起他们所看到的场景和事物时,颜色的记忆高于形式。也就是说,从视觉的角度来看,给用户留下深刻印象的产品通常是界面的颜色。由此我们还可以看出,颜色匹配可以说是设计师的重要武器,可能不是其中之一,但这种武器有“限制”。 UI设计的基本原则是避免页面中有太多颜色。每个人都知道这个事实,但是当你真正设计自己的时候,你会下意识地引入太多的颜色,这将使整个界面看起来非常混乱。因此对于设计师来说,学会减去界面的颜色是一项重要的技能。颜色匹配系统的目的在产品建立颜色匹配系统之前,设计者必须首先理解:为什么要建立颜色匹配系统?这个问题听起来多余而且有点不合理。但在我看来,我常常问自己为什么在做某事之前我可以提高工作效率。只有真正理解色彩匹配的含义,才能实现有针对性和有选择性的删除。
一般来说,配色系统的建立主要有以下三个目的:视觉区分和调整界面风格以吸引用户的注意。视觉上区分App或网站可能具有几个主要和相同级别的功能和分区。此时,设计人员需要将产品的信息内容和功能模块作为一个整体进行规划,并建立界面的基本模式,以帮助用户更好地进行视觉区分。颜色匹配可以帮助设计师实现这一目标。
颜色匹配可以实现视觉区分,但不仅可以通过颜色匹配进行视觉区分。文本,图像(图标)和布局都可以在视觉上进行区分。例如,财富管理应用程序有不同类型的财富管理产品(普通类型,按需贷款和可转让)和不同的状态(在投资确认中,投资成功已经产生,清算总共有11个)状态) 。在这种情况下(3种产品类型,11种产品状态),颜色匹配应该非常小心。首先,我们需要整合状态,并将相似的状态集成到一个状态中,这样可以减少颜色的数量。当然,有些人会觉得还有六种颜色,因为这本书告诉我们同一页面上应该有不超过三种颜色。但是,我们必须从实际情况出发。对于金融产品,用户不太可能在同一屏幕上看到所有六种状态,这意味着用户同时看到六种颜色的可能性很小。
此外,我们放弃了对产品类型使用颜色匹配,因为该州使用了六种颜色组合。在这种情况下,如果我们也使用颜色来区分产品类型(一种颜色和一种颜色),那么整个页面将显得凌乱。所以在这里,对于产品类型我们选择使用文本形式(标签)来区分。
文本相对于颜色的视觉体验仍然略微变弱。因此,我们必须优先考虑页面内容,重要内容优先于颜色匹配。在这里,我们认为用户更关注产品的当前状态而不是产品类型。视觉风格产品的视觉风格是根据自己的定位和用户需求确定的。有些产品要求界面是动态的,这会让用户感到兴奋(购买欲望)。我们可以使用更长的红色和橙色光作为产品。主色调。
有些产品是平静和舒适的,那么我们使用蓝色,灰色可能更适合。
颜色匹配可以帮助我们为产品构建视觉样式。但我们也需要知道产品的视觉风格由文字,图像和颜色组成。换句话说,文本和图像也会影响产品的视觉风格。文本的跳跃率是指同一界面中不同单词大小的比例。当排版设计时,具有不同功能的文本将具有不同的字体大小和字重。例如,主标题,副标题和文本大小通常依次减少。字体大小的这种差异将带来不同的文本跳跃率。通常,具有高文本跳跃率的界面将更加生动,并且具有低文本跳跃率的界面将显得平静和平静。在配色方面,如果我们减少使用的颜色数量,大面积使用白色,灰色,黑色或其他颜色匹配(蓝色和浅蓝色,红色和粉红色等),这样的界面将庄重和优雅和丰富现代,但它看起来单调。然后我们应该适度提高文本跳频率,以提高界面的活力。
当然,文本不仅具有跳跃率,而且图片也具有跳跃率。设计师可以通过控制图像和文本的跳跃率来减少界面视觉风格对颜色匹配的依赖性。吸引用户的注意力我们经常喜欢使用颜色匹配来吸引用户的注意力。在下图中,以行动呼吁为例,可以从背景中突出显示与背景颜色差异较大的颜色。
事实上,即使我们不使用配色,也能引起用户的注意。谷歌搜索主页有一个很大的空白区域,用户的眼睛自然会被搜索框吸引。这符合谷歌的初衷,他们希望用户在此页面上完成搜索操作,因此不要显示太多其他信息来分散用户的注意力。
阴影效果也可用于吸引用户的注意力,阴影效果可以提高目标元素的“高度”,从而使其从背景中脱颖而出。
当然,我们也可以使用模糊效果来吸引用户的注意力。用户总是被不自觉地吸引到那些准确聚焦并忽略模糊部分的部分。眼球的聚焦机制就像一个调节器,可以捕捉到靠近你的物体,这样你就可以感受周围一切物体的深度和距离。这是我们眼中的工作机制。设计人员可以使用这一理论来模糊界面中一些不重要的内容,以突出显示这些重要内容。
好的设计应该允许用户在短时间内找到他们感兴趣的内容。太多的捐赠实际上是用户的负担。少即是多,这是当前互联网时代的信条也是设计师需要遵守的标准。
网站建设,沈阳网站建设,沈阳网络公司,沈阳网站设计,沈阳网站制作