联合创智
上市公司品牌战略 & 品牌设计

联合创智
所在位置: 首页 > 新闻 > > 提高可用性和转化率的通用网页设计原则_成都商标设计公司

提高可用性和转化率的通用网页设计原则_成都商标设计公司

2023-03-29

此文是成都商标设计公司关于设计公司如果推广和营销企业的分享,成都商标设计公司旨在想让更多的设计公司提高设计业务能力!


注:配图为UCI设计公司作品


成都商标设计公司转发原文直译:

我曾经花费数千美元雇佣设计师来创建一些看起来很花哨的网页,结果却发现他们对提高我的转化率毫无帮助。 从那以后,我变得更聪明了。 我已经复习了我的设计知识,所以我不会被蒙骗。 现在我知道我想要什么,并且有能力把它传达给我的设计团队,我有好看的网站可以转化。 好的设计不仅仅是漂亮的图片。 好的设计能解决问题,取得成果,并有效地传达信息。 对于大多数网站来说,视觉设计需要支持商业目标,比如让访问者消费内容或者响应行动号召。 这意味着你需要了解人脑是如何处理视觉信息的。谢天谢地,这是完全可以预测的。 通过应用一些可靠的设计原则,您可以使您的网站对访问者更具吸引力,并更有效地实现您的目标: 视觉层次 视觉层次允许访问者识别网页上最重要的元素,而不必阅读内容。 例如,如果一个页面上有多个行动号召,确保用更大的按钮、更粗的颜色或特殊的图标来强调最重要的一个。为了有效地利用视觉层次的原则,你需要首先确定你的业务目标。 你希望网页实现的最重要的东西是什么?


在下面的例子中,主要目标是产生对令人垂涎的牛排的渴望,然后传达页面的内容,然后是行动号召:这里有6个原则可以用来建立视觉层次: 页面扫描模式 人们倾向于浏览一个页面来决定他们是否想要更深入地研究内容。 对于传统的重文本页面,比如文章,大多数读者遵循F模式,从页面的左侧往下看。 他们在左对齐的标题或初始主题句中寻找有趣的关键词。为了吸引读者的注意力,将最重要的信息放在页面的左上角,并使用左对齐的标题来激发兴趣。 对于文本较少的其他布局,如登录页面,大多数人按照Z型模式浏览页面:为了利用这种行为,将最重要的信息放在角落,其余的放在顶部和底部栏。 使用一个视觉元素,比如一个英雄形象,来连接顶部和底部内容之间的对角线。 大小 人们倾向于先阅读页面上较大的元素,所以通过放大来强调重要的内容。 如果图形处理或颜色对比足够强烈,你通常可以超越自上而下或从左至右的阅读习惯,将注意力吸引到页面上最大的元素上。 大胆的色彩和高对比度 这个很简单——明亮大胆的颜色会引人注目。 当放在柔和或灰度背景下时,大胆的颜色可以产生一种引人注目的效果:字体的粗细和搭配 笔画的粗细是建立视觉层次最重要的字体属性。 这就是为什么我们经常在文章中使用粗体来强调某些短语。 此外,单词位置、风格(例如,衬线和无衬线)以及斜体和下划线等修改也会影响文本的视觉层次。 标题和副标题 在一篇文章或大量文本的页面中使用标题和副标题有助于创建视觉层次。设置H1、H2和H3标签的样式,使它们在整个网站上保持一致,便于访问者理解信息的层次结构。 方向性 我们的大脑习惯于阅读由竖线或横线组成的网格文本。 任何打破网格的东西,比如以曲线或对角线排列的文本,都会自动吸引浏览者的注意,成为页面上最突出的元素。 空间和肌理 你可以在一个低调的设计元素周围留出足够的空间,而不是让一切都变得更大、更响亮。字体、字体大小、色调、粗细、字母间距、行距和总体空间分布的组合为布局创建了一个整体的"纹理"。 纹理和色调影响人们阅读文本的顺序。例如,阴影框强调框内的内容,吸引读者的注意力。留白和简洁的设计 好的设计应该增加网站的可用性,帮助用户轻松找到他们需要的东西。 使用留白和简洁的设计是消除混乱的关键,这样访问者可以快速找到他们要找的信息或了解他们需要采取的行动。 空格 当访问者在网站上遇到一堵文字墙时会发生什么?


他们8秒钟的注意力跨度不能处理它,他们点击远离你的网站。把所有事情归结为三句话并不总是可能的,但是


注:配图为UCI设计公司作品


成都商标设计公司

通过成都商标设计公司的精彩分享,设计师更轻松快捷地掌握成都商标设计公司分享的营销与设计知识,帮助北京vi设计公司更好地服务好客户 。

声明:本文“ 提高可用性和转化率的通用网页设计原则_成都商标设计公司 ”信息内容来源于网络,文章版权和文责属于原作者,不代表本站立场。如图文有侵权、虚假或错误信息,请您联系我们,我们将立即删除或更正。
做品牌直接找总监谈
总监一对一免费咨询与评估
点击咨询总监
相关案例
RELATED CASES
做品牌直接找总监谈
总监微信

总监微信咨询 舒先生

业务咨询 舒先生

业务咨询 付小姐