脑课堂编程教育

网站制作设计技巧:在最短时间引起用户注意

开发无忧 2年前
55 0 0
脑课堂编程培训

  网站数量浩如烟海,网站质量参差不齐,如果让你的网站在最短时间内引起用户的注意 ,小编以为至少要做到以下四点:

  一.构图的四个技巧

  (1)删除

  即将所有不必要的元素删除,去掉分散注意力的元素,聚焦我们想要表达的信息,画面信息一定要简洁有力,不要让多余的信息分散浏览用户的阅读。能用一句话表达的,不要用一段话;能用一个词表达的,不要用一句话。

  (2)组织

  组织即网站设计中的亲密性,从用户体验的角度出发,当元素杂乱无章摆放的时候,我们很难一眼捕捉到想要的元素,但当元素分类在同一组内,我们便能迅速的找到想要获取的信息。在设计线下海报的时候,我们应前为浏览用户归纳好信息,减少浏览用户阅读障碍。

file 

  (3)隐藏

  隐藏也可理解为划分视觉等级,为了避免分散用户注意力,我们应当将不重要的元素“隐藏”起来,但又保证浏览用户能够阅读到,隐藏的目的不是为了隐藏,而是为了更好地突出其他元素。 当我们用字体、粗细、大小、色彩等辅助来增加元素的层次感,就能决定浏览用户先看我们想要突出的那个元素,从而引起浏览用户进一步获取其他元素的兴趣。

  二.颜色的运用

  (1)从产品定位出发

  一般产品都会其主题色,如教育一般为蓝色调,化妆品一般为粉色调……人们都知道绿灯行,红灯停,所以也就延伸为绿色代表正确,红色代表错误,利用人们内心根生蒂固的思维模式,尽可能地降低浏览用户的认知负担。

  (2)情感表达

  冷色泛指蓝色/紫色绿色等一类使用户感受到凉爽或寒意的色彩,冷色可以抚平浏览用户的浮躁感,从而感受到画面的开阔与宁静;暖色泛指橙色/红色等能带给人温馨、和谐的感觉,给人们一种温暖、热烈、活跃的感觉。在不同的情景下,利用颜色进行情感表达也不失为一个有效的方式。

file

  (3)阅读体验

  很多人喜欢用高纯度的背景色,因为鲜艳的配色会博人眼球,但高纯度背景色更容易引起浏览用户的视觉疲劳,从而没有继续往下阅读的兴趣,所以当文字内容较多的时候,这里不建议用较亮的背景色。

file

  例如,盯着上图中的色样。左栏由最大明度和纯度的颜色组成。右列包含80%明度和纯度的颜色。很明显左侧的色彩很刺眼,我们对于左侧界面的容忍度会远远低于右侧。

  三.视觉统一性

  视觉统一这里主要强调的是元素的统一,例如:同一级的标题框使用同一种样式,尽可能地降低浏览用户的认知负担,从而达到无障碍设计。

  在网站中,当一副作品里包含有三角形和矩形两个元素的时候,直角三角形对应存在的是直角矩形,圆角三角形对应存在的是圆角矩形,做到视觉统一性,才能增加元素间的亲密性,做到版面的统一性。

  四.表现力的重要性

file

  网站如果不能吸引浏览用户的目光,无论板式多么好看,也不能达到宣传的效果,所以我们可以选用精彩的图片、插画或字体通过修饰来突出强大的视觉冲击力,使其在网络上脱颖而出。

收藏

本文标题:网站制作设计技巧:在最短时间引起用户注意

本文链接:https://naoketang.com/p/wepqo30pqdrn

评论区

推荐课程