开发电视屏幕网站时应该考虑什么?

发布于 2024-10-04 00:32:45 字数 1431 浏览 3 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

喜爱纠缠 2024-10-11 00:32:45

虽然在不知道目标浏览器或操作系统的情况下很难讨论具体的技术点,但对于电视浏览、桌面浏览和移动浏览,存在可以以不同方式解决的设计问题。

Jakob Neilsen 的 Alertbox 文章“TV Meets Web”提供了有趣的(尽管有些过时的)概述制作在电视屏幕上使用的网站时遇到的各种设计问题。除了关于屏幕分辨率的观点(今天的高清电视可以比某些计算机显示器具有更高的分辨率),他的大部分观点仍然有效。

他解决了基于桌面和基于电视的网络浏览之间的两种差异。首先,用户通常会出于与移动或桌面用户不同的目的从电视访问页面。例如:

  • 人们在客厅时使用电视。他们可能希望享受娱乐,而不是工作(桌面)或查找信息(移动)。
  • 使用电视通常是与朋友或家人分享的社交活动。他们甚至可能在房间里传递遥控器。相比之下,大多数台式机和移动设备都是由一个人独占使用。

其次,人们与页面交互的方式有所不同:

  • 桌面用户有键盘和鼠标。这使他们能够输入大量文本并精确选择元素。
  • 电视用户可能会使用遥控器来选择元素或控制屏幕键盘。因此,需要操作的元素和需要输入的文本应该更少。这与移动页面的要求类似。
  • 电视用户可能无法像使用鼠标或具有触摸功能的移动设备的用户一样直接指向某个元素。

While it is difficult to discuss specific technical points without knowing the target browser or OS, there are design issues that can be addressed differently for TV vs. desktop vs. mobile browsing.

Jakob Neilsen's Alertbox article "TV Meets Web" provided an interesting - if somewhat dated - overview of the kinds of design issues one encounters when making websites for use on television screens. Except for the point about screen resolution (HD TVs today can have higher resolution than some computer monitors), most of his points are still valid.

He addresses two kinds of differences between desktop-based and TV-based web browsing. First, users will often access pages from their TV with a different purpose than mobile or desktop users. For example:

  • People use their TV when they are in their living room. They are probably looking to enjoy entertainment as opposed to doing work (desktop) or looking up information (mobile).
  • Using a TV is often a social activity shared with friends or family. They may even pass the remote control around the room. In contrast, most desktops and mobile devices are being used exclusively by one person.

Second, there is a difference in how people interact with the pages:

  • Desktop users have a keyboard and mouse. This allows them to enter large quantities of text and to select elements precisely.
  • TV users will likely use a remote to select elements or control an on-screen keyboard. Therefore, there should be fewer elements to manipulate and less text to enter. This is similar to requirements for mobile pages.
  • TV users may not be able to directly point to an element like users with mice or touch-capable mobile devices.
桜花祭 2024-10-11 00:32:45

您始终可以从 SMPTE 颜色条开始(确保它们具有三个插头条),然后查看它们在两种类型的屏幕上是否看起来相似且正确。另一个需要考虑的问题是视频信号是 RGB 还是 RY、BY-、Y,尽管可能不是那么大的问题,因为有了高清,

我仍然使用标准清晰度 CRT 显示器来进行网站色彩校正。

You can always start with SMPTE color bars, (make sure they have the three pluge bars) and see if they look similar, and correct, on both types of screens. Another issue to consider, although maybe not as big of an issue since HD is here, is whether the video signal is RGB, or R-Y, B-Y-, Y.

I still use a Standard Def, CRT monitor for my website color correction.

燕归巢 2024-10-11 00:32:45

有几个问题需要解决,仅举几例:

  • 低分辨率(如果您开发的是 PAL - 720x576)
  • 隔行扫描 - 如果您使用一像素宽的水平线,您会闪烁 - 仅在 crts
  • 像素长宽比上 - 如果您使用的是 16:9 屏幕,分辨率为 1024x768,例如
  • 过扫描/标题安全区域 - CRT 无法显示整个屏幕

There are several issues that you should adress, to name the few:

  • low resolution (if you develop for PAL - 720x576)
  • interlace - if you use horizontal lines of one pixel wide, you'l flicker - only on crts
  • pixel aspect ratio - if you are on 16:9 screen an have 1024x768 resolution for example
  • overscan / title safe area - crts don't have whole screen visible
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文