bv1946伟德体育-体育betvictro伟德

bv1946伟德体育视点
bv1946伟德体育>bv1946伟德体育视点>网页策划色彩进阶技巧
网页策划色彩进阶技巧
发表时间:2018-10-30

色彩险些是一切策划体系中不可忽略的组成部分,而在网页策划中,色彩本身所发挥的感化并不单一,除了最基本的着色构成色彩搭配的感化之外,色彩能够通过对比制造视觉焦点,构建信息层次,影响用户情绪,甚至引导访客的行为。

以是,在玩转配色本身之外,进阶的色彩运用技巧还有很多。


1、通过比例改动制造视觉焦点




把握色彩的比例来制造视觉焦点是常见的色彩运用手法之一,把握色彩的比例实际主要是通过把握色彩所在圆素的大小来达成成果的。譬喻Viporte 这个网站,当您上下滚动bv1946伟德体育的时候,每个部分都用超大的字体进行了点缀,而每个字母都使用了漂亮的色彩进行填充。不同的文字使用了不同的色彩,并且搭配以相应的图片。每个页面的焦点肯定是最主题的图片和字母,而焦点的形成和色彩的比例与运用脱不开关系。把握色彩的占比,无论是多灰子 巧伲灰忻魅返酿赖模苣苄纬蒫are到 关注力的焦点。无论是吾们常说的“万花丛中一点绿”,灰子 羌蛑饕宀呋写竺婊牧舭祝际巧时壤盐障滤钩墒泳踅沟愕牡湫吞逵齜etvictro伟德。


2、通过对比度care到用户care




在策划过程中,使用色彩来把握对比度也是策划师频繁使用的技巧之一。当策划的整体色调趋于柔和和平静的时候,突然注入强对比的色彩,能够瞬间抓住用户的 关注力。


而Thinx 这个网站在策划的时候就将对比度把握得很好。网页主体的配色采取应用的是经典的黑白搭配,白色的背下搭配黑色的文本。而整体的策划感的来源则主要源于排版和彩色的图片。网站所采取应用的图片明显经过精心的决定和策划,Red的底色、黑色的内衣和模特外露的细腻肌肤色在图片激烈的碰撞,漂亮而充满诱惑,图片大胆的色调搭配和素色的背下与文字形成了鲜明而强烈的对比,无论是经典的红黑搭配,灰子 怯篮愕暮诎着渖甲愎黄梁蚦are到人。


Thinx 这个体育betvictro伟德我非常喜欢,并且经常会用到,因为它证明了策划师并不一定非得靠高饱和度的霓虹色来制造高对比度的配色。即室子 橇街制胶獾难丈材苋谜霾呋延倍觥


3、使用色彩制造UX模式





高度一致的配色Plan能够制造出视觉模式,而延伸到用户体味上,则会让整个UX呈现出模式化的特征。模式化的策划让用户更匆子 侄檬视Γ没Ц易于 侄妹索出规律,也更匆子 侄貌嗥ヅ涞脑て冢痪浠八担琔X模式能够培养用户习惯,同用户产生深刻的关联。就像用户习惯了某些特定的图标之下,在其他区域看到这些图标就知道它们的含义,明白该如何交互了。譬喻,小房子图标会让用户想到bv1946伟德体育、主页,而垃圾桶则会关联上删除的概念。色彩相对而言更好客观,因为每个网站和APP都会采取应用自己的配色Plan,不同的色彩代表不同的含义。


那吾们就拿Underbelly 这个产品找子 疽匙魑纠伞T赨nderbelly 这个网站中,一切可点击的组件都是Blue的,您在试用网站几秒钟之下,能够快速把握这个UX模式,并且明白如何操作。这就是Underbelly 通过色彩构建UX模式的方法。UX模式的优势在于,它让用户更快地熟识您的产品。越匆子 侄檬侗穑没У南敕ㄔ缴伲返牡氖褂靡簿透盟吵┝恕


4、使用色彩来创建层次





当吾们浏览网页和各种界面的时候,信息的 跳跃感很大程度是借助视觉来营造的。使用色彩来制造视觉 跳跃感就很顺其自然了。


在Skore 的产品页面中,每一个部分都有使用到Green的圆素。重复的Green圆素不单创建出可供用户快速识其余模式,它也让用户能够快速明白哪些圆素更好要紧。一贯,吾们解释视觉层次的时候,会用不同大小、粗细的字体来阐述信息层次和结构,但是不同强度的色彩,同样可以实现层次的计划。


在Skore 这个体育betvictro伟德当中,Green和灰色的文本以及白色的背下之间有着良好的对比度,整个配色Plan不依赖其他的强调色,以Green为主。这种相对稳定的配色结构有助于让每个部分都有层次地呈现出来。Green不单care到用户关注关键的圆素,而且为不同的部分的内部供给层次结构。


5、充溢利用色彩的相似性




除开其他的鹄的,策划师使用色彩或者调整色彩的鹄的,基本都是为了制造策划的一致性。InVision 的年度总结页面使用了从粉色到紫色的渐变,在页面的下方,粉色和紫色同样应用到了按钮中,易于 得出,在着陆页当中,将对比度明显的白色置于粉色+紫色的背下之上,确保信息的清晰呈现。如果色彩每次都不一样,so整个策划看起来就不是so令人难忘了。


其余一个体育betvictro伟德来自于 Comotion。Comotion 的work使用室bv1946伟德体育采取应用了几种不同的色彩,但是这些色彩的色调是非常接近的,易于 创建出了一种和而不同的配色Plan。在这个策划体育betvictro伟德当中,几个不同的色彩互为搭配,并不会太过于突出,但是又能够恰到好处地进行强调,最终让色彩足够好看,有保持了用户的参与度。


结语




色彩能够扶掖策划师达成各种各样的鹄的,灵活的运用能够让实现这一切。当您将如该 的色彩使用技巧都合理的运用起来,可夜汩活的制造视觉焦点,构造层次,打造真正有趣而有用的策划。


——bv1946伟德体育分享,原文海淘高技术

XML 地图 | Sitemap 地图