首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

网页交互设计的见解和要注意的显示器尺寸?

什么是网页交互设计呢,所谓交互设计就是让浏览器用的来顺手,看起来顺心,使用起来有良好的用户体验,能够通过网页快速找到自己想要找到的东西,而不是去一次次的做无效点击,那么如何做好网站的交互设计呢。

1,观察大型网页的设计它们的首页宽度没什么固定规律,共同的特点是:功能专一,页面结构相对简单,为什么要选择这个宽度呢,这个宽度值究竟有什么魔力,可能大多数人都不能理解,但是不要紧,你可以参考,在做企业站的时候参考这种宽度设计就好。

2,按钮以及文字设计问题,先来说说图片,图片相对文字来说,所承载的信息更直观,也更能渲染气氛,给用户留下更深的印象,常见于各种小图标,比如下载按钮,通常会看到用一个向下的箭头来表示,对于重要的按钮来说,一般会将其图形化,就算没有采用小图标来辅助表达,也会采用“色块”来讲“文字”图形化。

3,色彩与按钮的整体性,网站的颜色跟整个页面的按钮是要一直的,这是交互设计较基础的知识之一,保证产品各种元素的一致性,不要让用户迷茫,比如标题的一致性,同一个功能,这里用A来表达,到了另一个页面,也要用A来表达。

网页是在浏览器中显示的,所以缺省情况下,网站建设只能在除浏览器本身占用的屏幕空间以外显示,如果再加上屏幕本身的分辨率限制,网页的显示区可以说相当有限,当然可以借助于浏览器的滚动条来扩大网页的显示范围,但是这么一来,访问者需要拖动条才能浏览到屏幕之外的信息,所以如果想在一屏之内显示更多的信息,就应该了解屏幕的分辨率和页面的显示尺寸。

同一分辨率下,浏览器界面的设置不一样,网站制作的显示尺寸也不一样,比如说全屏方式,就是在整个屏幕上只显示网页,了解这个之后,就可以比较精确地布局页中的各个元素了,页面是指你所看到的整个屏幕,一个页面并没有固定的区域划分,但是从人们的浏览习惯上说,通常有两个区域是较引人注目的地方,那就是页面的左上角和页面的中央位置。

  • 发表于:
  • 原文链接https://page.om.qq.com/page/ODWUkdAPmogPfusxm_mbFKhg0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券