主页/ 电商学院/微信小程序/网站设计中右上角区域有何妙用?

网站设计中右上角区域有何妙用?

用户行为研究显示,网站的右上角是人眼最少注意的区域。这只是我们阅读习惯的反映:我们从左边开始观看,向右边,然后从上到下。今天佛山网站建设公司优加网络科技小编就来探讨一下在网站设计制作过程中,如何充分利用网页右上角?

用户行为研究显示,网站的右上角是人眼最少注意的区域。这只是我们阅读习惯的反映:我们从左边开始观看,向右边,然后从上到下。今天佛山网站建设公司优加网络科技小编就来探讨一下在网站设计制作过程中,如何充分利用网页右上角?

F模式读取

佛山网站建设

      许多观看者以“F”模式检查网站,“F”的顶部条在屏幕上延伸一些,然后它们水平向下移动并扫描信件的第二部分,直到最后他们向下看左,手下部的部位。网站访问者俯瞰右上角意味着它不是设计师希望产生点击或其他操作的重要信息的正确位置。相反,它是理想的上下文图像,观看者看到,但不需要阅读任何文本。
      当观看者第一次查看网站时,大多数人会看到左上角,希望看到网站的名称和其他重要信息。他们迅速向下扫描,可能只是向右边扫视一眼。随着设计团队逐渐了解观看者的眼睛模式,他们开始使用右上方的较少有趣的内容,例如免责声明,说明,以及标识不同语言版本选项的网站。
      较大的网站包含不同的内容,所有内容都争夺观众的注意力,但左上角仍然是最有价值的空间。右上角是理想的图像,因为他们被外围看到,可以传达信息或下意识地提示情绪。
使用正确的背景图像
      为了说明适合屏幕的右上角网站图片,让我们回顾一下两组不同的背景图片以及它们如何与内容进行互动。

示例1:芭蕾舞鞋

佛山网站建设

佛山网站建设

      让我们从芭蕾场景的两个不同的图像开始:一个在框架的右上部分有鞋子,另一个在左边有鞋子。这里有一些关于首选“右侧鞋”形象的设计思路:它清楚地说明了右上角的清晰聚焦图像的力量。图像本身是亲密的,吸引观众进入网站有一种身临其境的感觉。它离开左下角有点弱,特别是如果上下文内容图像放置在文本的右侧,那么右上角将是大主导。 一种可能的解决方案是更丰富的调色木地板。
      网站摄影应该提供一个人性化的触摸,但创造那种温暖和个人的外观是困难的,当寻找方法填补“盲人”的上角。 一个摄影师创造一个组成与注意(和实际焦点)到右上角的一个非常不自然的网站,一个组成的其余部分必须无聊,以提请注意。在上角有太多的支配地位,有可能分散观众的注意力,并鼓励他们在参与之前离开网站。
示例2:秋天的森林路



佛山网站建设佛山网站建设
      我们的第二个例子使用两个大致相似的风景道路扭曲通过秋季森林。 两个图像都有一条行进到远处的道路,但第一条路径直接朝向右上角,道路到达框架的终点。 第二条道路朝向构图的中心。
      让我们来剖析一下:
      道路向右延伸的图像是理想的,因为它是动态的,并鼓励心灵探索和想象可能性。这两个图像将受益于更多的森林在图像的侧面,因为这将更好地适合网页设计使用。具有向下通过图像中间的道路的图像不是动态的,并且如果与复制和链接的中心块一起使用,道路本身将丢失。 当使用第一图像时,观看者看到道路的两个连接的部分。
      理想情况下,网站背景的图像应该在右上角具有一些视觉兴趣,并且在屏幕顶部具有垂直,缩小的带。在右手边应该有一些视觉上的兴趣,这是违反许多摄影师的本能,但它是一个设计风格,适用于有影响力的网站。


网站声明:以上文章内容为优加的原创文章,如需转载,请注明出处,谢谢合作!
0 喜欢
3095 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解
咨询更详细需求
提交信息后我们会第一时间与你取得联系,请大致把需求填写在"咨询内容"里。
姓名
手机
咨询内容
立即提交