web页面PC端和移动端的区别

PC端和移动端的区别你知道吗?

截至2015年11月,中国手机上网用户数已超过9.05亿,软件移动化成为一种趋势,移动产品经理成为了产品经理的一个重要分支,那么对于移动端和PC端到底有什么区别呢?在设计过程中有什么差异?下面我们逐一分析。

一、PC端与移动端区别

有人说手机端无非就是PC端的移植,功能设计照搬就行了,这是对于移动设计最大的误解,其实PC端与移动端是千差万别的。

  1. 操作方式

PC端的操作方式与移动端已经有了明显的差别,PC端使用鼠标操作,操作包含滑动、左击、右击、双击操作,操作相对来说单一,交互效果相对较少,而对于手机端来说,包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度,除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯操作方式,操作方式更加的丰富,通过这些丰富的操作可设计不同新颖吸引人的交互互动设计。

  1. 屏幕尺寸

随着时间的推移,移动端的设备屏幕逐渐增大,但是你再大也是大不过PC电脑屏幕的,这是毋庸置疑的。PC端屏幕大,所以他的视觉范围更广,可设计的地方更多,设计性更强,相对来说容错度更高一些有一些小的纰漏不容易被发现。移动端设备相对来说屏幕较小,操作局限性大,在设计上可用空间显得尤为珍贵,在小小的屏幕上使用粗大的手指操作也需要在设计中避免原件过小过近。

  1. 网络环境

当下不管是移动端还是PC端都离不开网络,PC端设备连接网络更加稳定,而移动端可能遇到信号问题导致网络环境不佳,出现网速差甚至断网的问题,这就需要产品经理在设计中充分考虑网络问题,更好的设计相应的解决方案。

  1. 传感器

移动端设备重磅武器来袭,完善的传感器是PC端设备望尘莫及的,压力、方向、重力、GPS、NFC、指纹识别、3Dtouch、陀螺仪等等等等,就是因为这些传感器的存在才使得我们的生活更加丰富多彩,有了他们你才能玩赛车游戏才能摇妹子才能统计每天走了多少步,产品在设计中巧妙地使用传感器能让产品添姿加彩。

  1. 使用场景与使用时间

这两块我们一起来说,因为PC端设备的使用场景多为在家或者学校公司等一些固定的场景,所以其使用时间偏向于持续化,在一个特定的时间段内持续使用,而移动端设备不受局限可以吃饭用、坐车用、拉屎用、无聊打发时间用、躺着用、坐着用、倒立着用都没人管你,随时随地想用就用,所以他的使用时间更加灵活,时间更加碎片化,所以在操作上更偏向于短时间内可完成的。

  1. 软件迭代时间以及更新频次

你有没有很久都没有更新你的PC软件了,但是你的手机软件确实永远保持着最新的状态,这就是他们两者的区别,对于移动端他的软件迭代时间较短,用户更新率较高而PC端软件迭代时间较长,除非出于需要用户一般不会主动更新软件,软件更新率低。

  1. 续航

除了笔记本PC端台式机只要有点他就从没有考虑过这个问题,移动端设备则需要考虑。

二、在功能设计上的区别

你有没有在移动端看到过下拉菜单,有没有在PC端看到过滑动解锁,相同的功能在不同的设备上有其自己的展现形式,下面我们罗列一二,因为例子实在太多就不一一展开。

  1. 文字输入

在文字输入中,PC端一般使用文本框解决。
而在移动端中因为手机屏幕尺寸以及UI风格的原因我们基本没有在手机上看到过PC端这样的展现形式,而是采用另起一页输入或者文字后直接输入方式,这就是各个平台根据自身特性的展现形式。

  1. 内容选择

在PC端中,一般使用下拉菜单或者是单选按钮形式完成内容选择。
而在手机端由于手指的操作便捷性考虑一般不采用PC端的选择方式而是通过列表选择或者其他交互来完成。
这样的设计点不胜枚举,就不一一展开了,还需要在日常生活工作中多多留意,切不可把PC端的设计模型照搬到移动端。

  • 6
    点赞
  • 43
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
PC端移动端自适应是指网站或应用程序能够根据用户的设备和屏幕大小自动调整展示效果和布局。在现代互联网时代,用户的访问终多种多样,包括桌面电脑、笔记本电脑、平板电脑和智能手机等。为了让用户在不同设备上都能良好地浏览和使用网站或应用程序,开发者们需要考虑到不同设备的特点和差异。 PC端移动端自适应的实现方式主要有两种。一种是响应式网页设计(Responsive Web Design,简称RWD),它通过使用HTML5和CSS3等技术,在同一个网页的基础上根据屏幕大小和分辨率不同,调整页面元素和布局的显示效果。这种方式可以让网站在不同设备上表现一致,但同时也会增加开发的复杂度。 另一种方式是通过使用服务器技术,根据用户访问设备的不同,返回不同的HTML和CSS文件。这种方式可以根据不同的设备提供不同的布局和功能,但也需要维护多个版本的网页,并增加了服务器的压力。 PC端移动端自适应的好处是可以提供更好的用户体验和用户界面,让用户在不同设备上都能方便快捷地获取信息和进行操作。同时,也可以提高网站的可用性和搜索引擎优化效果,增加网站的流量和用户粘度。 总之,PC端移动端自适应是现代网页设计和应用开发的重要要求,它可以让用户在不同设备上都能获得良好的体验,并为开发者带来更多的机会和挑战。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值