标签归档:屏幕

大产品小细节!5分钟带你了解经典的费茨定律

金蝶云之家体验部交互设计师-王梓铭:大家有没有想过为什么按钮越大,越易于点击 ?为什么相关按钮需要相互靠近摆放 ?为什么 Win 系统要将「开始」按钮放在角落 ?这些设定的背后其实都有一个在人机交互中,非常重要的定律 —— 费茨定律。

简而未减——结构化消息专为大屏而设计

随着大屏幕高清分辨率的普及,我们在打游戏、看电影、浏览美图时,总希望屏幕越大越好,这种视角上广度与深度的享受以及和沉浸式、聚焦的体验,是在小屏幕上完全给予不了的。

腾讯设计师做了100个弹框后的总结

JHong:最近2年一直在做Web/App相关项目,设计过上百个弹框,其中总结了一些心得,将透过以下文章介绍弹框在Web上的各种应用﹑技巧及表现。

像素如何影响你的设计?

作为设计师,无论如何做设计,都要被束缚在有限的尺寸之内,平面设计用厘米毫米,互联网设计师用像素,分辨率等等来力求在有限的空间内设计出满意的作品。

智能手机屏幕的秘密

为什么iPhone的屏幕看起来那么精细,而电脑的屏幕贴近看全是颗粒点。市面上那么多奇奇怪怪尺寸的屏幕,我是不是每一个屏幕都需要做设计?读完下面文章你一定会找到答案。

一花一世界,在可穿戴设备上应该如何设计UI?

从PC到手机,人们开始研究如何在更小的屏幕下设计出体验更佳的UI。如今,伴随着可穿戴设备的到来,如何在2英寸见方的屏幕中为佩带者提供更为舒适的体验便成了当下需要解决的问题。虽然“设计”一词乍听起来可能是有些令人生畏,但是其实设计者只需要追本溯源,重新回到最基本的设计理论之中,就可以设计出体验更佳的适用于可穿戴设备的UI。

超赞的响应式图像解决方案

自从2010年Ethan Marcotte开始讨论响应式网页设计,开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像?你愿意在你的手机上加载一个巨大的(虽然更漂亮的)图像?这个问题令人左右为难。

如何设计好用的触控手势

引言 我们生活在一个人机互动频繁,由设备驱动的世界中。 随着触摸屏逐渐成为移动设备的标配,多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。

小而美:清晰的可穿戴设备界面

移动端的设计教育我们要设计得小,如今,可穿戴设备则使我们的设计愈发的小。手表的设计或许听起来吓人,但只要回到设计理论的本源,你就能做出正确的选择。

带你深入学习VIEWPORT和PX

刚开始接触移动页面重构,是不是很迷惑应该按照多大的尺寸制作?320、640还是720?按照640的设计稿重构完页面,是不是还需要写其他尺寸来适配不同的屏幕大小?—— 这源于对viewport和px的不了解。

iOS人机界面指南-3D Touch

3D Touch给iOS 9的用户带来更多的互动维度。在支持的设备上,人们可以通过按压主屏幕应用程序的图标快速选择特定的操作。在应用程序中,人们可以使用压力来获得项目的预览,可以在一个单独的视图中打开该项目,并获得相关的操作。

如何做一个让人闻风丧胆的 H5?(内有干货)

前言 最近火热的有声娱乐平台 APP,企鹅 FM,在8月28日鬼节前夕,联合《盗墓笔记》推出了“勇敢者的游戏”活动。作为一个 UI 工程师,在这个移动互联网叱咤风云的时代,每次看到朋友圈中被分享的各种花样 H5 页面,总是心痒难耐,也想做有着酷炫动画和带感声效的 H5 呢。

大尺寸触屏:有何不同?

摘要:大尺寸触屏的相关设计需要特别注意输入、屏幕焦点和个人隐私。 在这个需要考虑各种屏幕大小和尺寸的年代,侧重小屏幕已成为一种常识。我们的设计和交互主体必须要在最小的屏幕上也能正常工作,比如手机和智能手表。众多设计团队都致力于不断调节和优化小尺寸设备的菜单、交互、内容和体验。

移动设备上,广告位置如何影响用户体验

由于可用的屏幕页面有限,需要予以移动页面的排版(包括广告)设计更多的关注。广告的展示位置不能制造错误空间,也不能导致用户无法接收到相关内容。

Apple Watch用户体验测评

智能腕表上的应用程序应该更多依靠手势操作而不是导视元素,应该优先考虑最重要的信息传达,支持越区切换操作,创建为用户量制并且独立的内容。